*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;overflow:hidden;height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.w-64{width:16rem}.w-80{width:20rem}.w-96{width:24rem}.w-3{width:.75rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-auto{overflow:auto}.z-50{z-index:50}.fixed{position:fixed}.top-4{top:1rem}.top-20{top:5rem}.right-4{right:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.space-y-0\.5>*+*{margin-top:.125rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-2xs{font-size:.625rem;line-height:.875rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Monaco,Consolas,monospace}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-0{min-width:0}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7e22ce}.text-green-600{color:#16a34a}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-purple-100{background-color:#f3e8ff}.bg-purple-500{background-color:#a855f7}.bg-purple-600{background-color:#9333ea}.bg-green-600{background-color:#16a34a}.bg-red-600{background-color:#dc2626}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 51, 234, 0))}.to-pink-500{--tw-gradient-to: #ec4899}.opacity-90{opacity:.9}.border{border-width:1px}.border-l{border-left-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-700{border-color:#374151}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-purple-600:hover{background-color:#7c3aed}.hover\:opacity-90:hover{opacity:.9}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}ul{list-style:none;padding:0;margin:0}.btn{padding:1rem 1.5rem;border:none;border-radius:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.btn-secondary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-success:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.file-tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s}.file-tree-item:hover{background-color:#f3f4f6}.file-tree-item.active{background-color:#f3e8ff}.file-tree-item.active span{color:#7e22ce!important;font-weight:600}.folder-tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s}.folder-tree-item:hover{background-color:#f3f4f6}.collapse-icon{font-size:10px;width:12px;display:inline-block;user-select:none;color:#6b7280}.output-content{background:#1e1e1e;color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;padding:10px;border-radius:4px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.output-content.success{background:#f0fdf4;color:#16a34a}.output-content.error{background:#fef2f2;color:#dc2626}.stat-card{background:#fff;padding:10px 12px;border-radius:4px;border-left:3px solid #667eea}.stat-label{color:#666;font-size:.85em;margin-bottom:4px}.stat-value{color:#333;font-size:1.1em;font-weight:600}.file-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;transition:background-color .15s}.file-item:hover{background-color:#f3f4f6}.file-actions{display:flex;gap:4px}.file-action-btn{padding:2px 6px;font-size:.75rem;border:none;background:#667eea;color:#fff;border-radius:3px;cursor:pointer;opacity:.7;transition:opacity .15s}.file-action-btn:hover{opacity:1}