:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-1:#ff6b6b;--color-2:#4ecdc4;--color-3:#ffe66d;--color-4:#1a535c;--color-5:#ff9f1c;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-highlight:#ffffff26;--glass-shadow:0 8px 32px 0 #0000004d;--text-primary:#fff;--text-secondary:#ffffffb3;background-color:#f0f4f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%) 0 0/cover fixed;justify-content:center;place-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-y:scroll}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#root{text-align:center;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:transform .3s,box-shadow .3s}.glass-panel:hover{box-shadow:0 12px 40px #0006}.glass-input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#00000040;border-radius:8px;outline:none;width:100%;padding:.8em 1.2em;font-size:1rem;transition:all .25s}.glass-input:focus{border-color:var(--color-2);background:#00000059;box-shadow:0 0 0 2px #4ecdc433}.glass-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:8px;padding:.8em 1.5em;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.glass-btn:active{transform:translateY(0)}.glass-select{border:1px solid var(--glass-border);color:#ffffffe6;cursor:pointer;background:#0000004d;border-radius:6px;outline:none;padding:.4rem .8rem;font-size:.85rem;transition:border-color .2s}.glass-select:hover{background:#0006}.file-card{text-align:left;cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;transition:all .2s ease-out;animation:.5s ease-out forwards staggerReveal;display:flex}.file-card:hover{background:#ffffff1f;border-color:#fff3;transform:translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #4ecdc466}70%{box-shadow:0 0 0 10px #4ecdc400}to{box-shadow:0 0 #4ecdc400}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUpFade}@media (max-width:768px){#root{padding:1rem}h1{font-size:2rem!important}.glass-panel{padding:1rem!important}.create-zone{flex-direction:column;align-items:stretch!important}.create-zone>div{width:100%;min-width:0!important}}