:root{--bg: #131210;--bg-elev: #1b1916;--bg-elev-2: #232019;--bg-elev-3: #2b2720;--border: #322d24;--border-soft: #272219;--text: #f3eee3;--text-dim: #a99e8b;--text-faint: #6f6657;--brand: #e89a3c;--brand-2: #ffc070;--brand-glow: rgba(232, 154, 60, .4);--accent: #5fd0ad;--danger: #ff6f61;--warn: #ffc24d;--radius: 16px;--radius-sm: 11px;--shadow: 0 20px 60px -20px rgba(0, 0, 0, .7);--shadow-sm: 0 6px 24px -10px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(232, 154, 60, .22);--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 500px at 88% -8%,rgba(232,154,60,.14),transparent 70%),radial-gradient(700px 500px at 0% 100%,rgba(95,208,173,.07),transparent 70%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--brand-glow);color:#fff}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:14px clamp(16px,4vw,28px);border-bottom:1px solid var(--border);background:#131210b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;min-width:0}.brand .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .dot{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,var(--brand),#c8731e);display:grid;place-items:center;font-size:17px;box-shadow:0 0 0 1px #ffc0704d,0 6px 18px -6px var(--brand-glow)}.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.nav a{color:var(--text-dim);text-decoration:none;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap;transition:color .15s,background .15s}.nav a.active{color:var(--bg);background:var(--brand)}.nav a:not(.active):hover{color:var(--text);background:var(--bg-elev-2)}.help-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--text-dim);font-size:13px;font-weight:700;padding:7px 13px;border:1px solid var(--border);border-radius:999px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.help-link:hover{color:var(--brand-2);border-color:var(--brand);background:#e89a3c14}.topbar-email{color:var(--text-faint);font-size:12.5px;font-family:var(--font-mono);margin:0 4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(16px,4vw,32px);animation:rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.page-head{margin:0 0 20px}.page-head h2,h2.page-title{font-family:var(--font-display);font-size:clamp(20px,3.5vw,26px);font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:22px;align-items:start}@media (max-width: 920px){.studio{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--bg-elev),var(--bg-elev) 60%,rgba(27,25,22,.6));border:1px solid var(--border);border-radius:var(--radius);padding:clamp(18px,3vw,24px);box-shadow:var(--shadow-sm)}.card+.card{margin-top:22px}.studio>.card{margin-top:0}.card h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0 0 4px;font-size:17px}.card .hint{color:var(--text-dim);font-size:13px;line-height:1.55;margin:0 0 18px}.card .hint code{font-family:var(--font-mono);font-size:11.5px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--brand-2)}.studio-sidebar{position:sticky;top:84px}@media (max-width: 920px){.studio-sidebar{position:static}}label{display:block;font-size:12.5px;color:var(--text-dim);margin:16px 0 6px;font-weight:600;letter-spacing:.01em}input[type=text],input[type=password],input[type=email],select,textarea{width:100%;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--ring);background:var(--bg-elev-3)}textarea{resize:vertical;min-height:320px;line-height:1.65}.field-title input{font-size:15px;font-weight:600;font-family:var(--font-display)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a99e8b' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}input[type=range]{width:100%;accent-color:var(--brand)}.range-row{display:flex;align-items:center;gap:12px}.range-row .value{min-width:56px;text-align:right;font-family:var(--font-mono);color:var(--text);font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 380px){.grid-2{grid-template-columns:1fr}}.label-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.label-row label{margin-bottom:0}.fx{position:relative}.fx-trigger{gap:6px}.fx-caret{font-size:10px;transition:transform .18s}.fx-caret.up{transform:rotate(180deg)}.fx-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:280px;max-width:min(86vw,320px);max-height:60vh;overflow-y:auto;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px;animation:rise .16s ease both}.fx-group+.fx-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-soft)}.fx-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:6px 8px 4px}.fx-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:9px 8px;font-family:inherit;font-size:13.5px;color:var(--text);cursor:pointer;transition:background .12s}.fx-item:hover{background:var(--bg-elev-3)}.fx-item-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.fx-item-label{flex:1;font-weight:600}.fx-item-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.fx-foot{margin-top:6px;padding:8px;border-top:1px solid var(--border-soft);font-size:11.5px;color:var(--text-faint);line-height:1.4}.tag-shared{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#5fd0ad1f;border:1px solid rgba(95,208,173,.28);border-radius:999px;padding:2px 8px;vertical-align:1px}.btn{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,box-shadow .18s,background .15s,border-color .15s,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#2a1c08;width:100%;box-shadow:0 8px 24px -10px var(--brand-glow)}.btn-primary:not(:disabled):hover{box-shadow:0 10px 30px -8px var(--brand-glow),var(--ring)}.btn-ghost{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:not(:disabled):hover{border-color:var(--brand);color:var(--brand-2)}.btn-sm{padding:8px 13px;font-size:13px}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(255,111,97,.25)}.btn-danger:not(:disabled):hover{border-color:var(--danger);background:#ff6f6114}.meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13px;color:var(--text-dim);margin-top:12px}.meta b{color:var(--text);font-weight:700;font-family:var(--font-mono)}.progress{height:9px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:14px 0 8px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:0 0 12px var(--brand-glow);transition:width .4s ease}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:13px;line-height:1.5;margin:12px 0}.alert-error{background:#ff6f611f;color:#ffb3aa;border:1px solid rgba(255,111,97,.3)}.alert-warn{background:#ffc24d1a;color:var(--warn);border:1px solid rgba(255,194,77,.25)}.alert-success{background:#5fd0ad1f;color:#93e6cd;border:1px solid rgba(95,208,173,.3)}.player{margin-top:16px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.player audio{width:100%;margin-bottom:12px}.player .row{display:flex;flex-wrap:wrap;gap:10px}.hist{display:flex;flex-direction:column;gap:10px}.hist-item{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;transition:border-color .15s,transform .12s}.hist-item:hover{border-color:var(--border);transform:translateY(-1px)}.hist-item .grow{flex:1;min-width:180px}.hist-item .title{font-weight:700;margin-bottom:3px;font-family:var(--font-display)}.hist-item .sub{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);line-height:1.5;word-break:break-word}.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.lib-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.lib-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.lib-item:last-child{border-bottom:none}.lib-item .grow{flex:1;min-width:160px}.lib-item .name{font-weight:700}.lib-item .quote{margin:2px 0 0;color:var(--text-dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);white-space:nowrap}.badge.done{background:#5fd0ad26;color:var(--accent)}.badge.running,.badge.pending{background:#ffc24d26;color:var(--warn)}.badge.error{background:#ff6f6126;color:var(--danger)}.source-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.source-row input[type=file]{flex:1;min-width:180px;font-size:13px;padding:9px 11px}.toggle-mic{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.toggle-mic.recording{border-color:var(--danger);color:var(--danger);background:#ff6f611a;animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff6f6114}}.check-row{display:flex;align-items:center;gap:9px;cursor:pointer;margin-top:16px}.check-row input{width:auto;accent-color:var(--brand)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-card{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);border-radius:20px;padding:clamp(26px,6vw,38px);box-shadow:var(--shadow);animation:rise .5s cubic-bezier(.22,1,.36,1) both}.login-card .dot{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,var(--brand),#c8731e);display:grid;place-items:center;font-size:23px;box-shadow:0 0 0 1px #ffc0704d,0 8px 24px -6px var(--brand-glow)}.login-card h1{font-family:var(--font-display);font-size:25px;font-weight:800;letter-spacing:-.025em;margin:18px 0 4px}.login-card p.sub{color:var(--text-dim);font-size:14px;margin:0 0 22px}.center-muted{text-align:center;color:var(--text-dim);padding:60px 0}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(243,238,227,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.topbar{padding:12px 16px}.brand{width:100%}.nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.topbar-email{display:none}.nav a{padding:7px 12px}.row-actions{width:100%;margin-left:0}.row-actions .btn{flex:1}textarea{min-height:220px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}