@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f0f0f0;--surface:#fff;--card:#fff;--card-hover:#fafafa;--border:#000;--border-light:#e0e0e0;--border-md:#000;--accent:#000;--accent-soft:#f0f0f0;--accent-glow:#00000014;--c-orange:#ff6b35;--c-purple:#7c3aed;--c-green:#059669;--c-blue:#2563eb;--c-yellow:#d97706;--c-pink:#db2777;--c-teal:#0891b2;--c-red:#dc2626;--green:#059669;--red:#dc2626;--amber:#d97706;--pink:#db2777;--text:#111;--text-dim:#333;--text-muted:#777;--sidebar-w:240px;--radius:12px;--radius-sm:8px;--radius-lg:16px;font-family:Inter,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:2px solid var(--border);z-index:100;background:#fff;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-brand{border-bottom:2px solid var(--border);align-items:center;gap:13px;padding:22px 20px 18px;display:flex;position:relative}.sidebar-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#6d28d9 0%,#a21caf 50%,#e11d48 100%) 0 0/200% 200%;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;animation:4s infinite logo-rm-gradient,3s ease-in-out infinite logo-glow-pulse;display:grid;position:relative;overflow:hidden}.sidebar-logo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.sidebar-title{background:linear-gradient(90deg,var(--text)0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;letter-spacing:-.8px;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:900;line-height:1.1}.sidebar-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px;font-size:10px;font-weight:700}.sidebar-divider{background:var(--border);height:2px;margin:0}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);letter-spacing:-.1px;border:1.5px solid #0000;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--bg);border-color:var(--border-light)}.nav-item.active{color:var(--text);background:var(--bg);border-color:var(--border);font-weight:800}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:2px solid var(--border);padding:16px 20px}.sidebar-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #05966999}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-wrapper{width:100%;max-width:900px;margin:0 auto;padding:40px 32px 72px;animation:.18s cubic-bezier(.16,1,.3,1) both page-wipe-up}.page-header{margin-bottom:36px}.page-title{color:var(--text);letter-spacing:-1px;text-transform:uppercase;font-size:30px;font-weight:900;line-height:1.1}.page-subtitle{color:var(--text-muted);margin-top:6px;font-size:14px;font-weight:500}.card{background:var(--card);border:2px solid var(--border);border-top-width:4px;border-top-color:var(--card-accent,#000);border-radius:var(--radius);padding:20px;transition:box-shadow .2s}.card:hover{box-shadow:4px 4px 0 0 var(--border)}.card-orange{--card-accent:var(--c-orange)}.card-purple{--card-accent:var(--c-purple)}.card-green{--card-accent:var(--c-green)}.card-blue{--card-accent:var(--c-blue)}.card-yellow{--card-accent:var(--c-yellow)}.card-pink{--card-accent:var(--c-pink)}.card-teal{--card-accent:var(--c-teal)}.card-red{--card-accent:var(--c-red)}.card-title{color:var(--text);letter-spacing:-.1px;text-transform:uppercase;font-size:13px;font-weight:900}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:600}.field-label{color:var(--text);letter-spacing:.5px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.field-hint{color:var(--text-muted);margin-top:5px;font-size:11px;font-weight:500}.input,.select,.textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;background:#fff;border:1.5px solid #ccc;outline:none;padding:10px 13px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#aaa}.textarea{resize:vertical;min-height:88px}.select{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 d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:800;transition:all .12s;display:inline-flex}.btn-primary{color:#fff;background:#000;border-color:#000}.btn-primary:hover{background:#222;transform:translateY(-1px);box-shadow:2px 2px #0000004d}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{color:var(--text);border-color:var(--border);background:#fff}.btn-secondary:hover{background:var(--bg);box-shadow:2px 2px 0 0 var(--border)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--bg);border-color:var(--border-light)}.btn-danger{color:var(--red);background:#dc262614;border-color:#dc26264d}.btn-danger:hover{border-color:var(--red);background:#dc262626}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{letter-spacing:-.3px;padding:14px 28px;font-size:15px;font-weight:900}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.chip{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1.5px solid #ccc;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.chip:hover{border-color:var(--border);color:var(--text)}.chip.active{background:var(--text);border-color:var(--text);color:#fff}.table-wrap{border-radius:var(--radius);border:2px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);background:var(--bg);padding:11px 14px;font-size:11px;font-weight:800}.table td{border-bottom:1px solid var(--border-light);color:var(--text-dim);vertical-align:middle;padding:13px 14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg)}@media (max-width:600px){.table-cards thead{display:none}.table-cards,.table-cards tbody{width:100%;display:block}.table-cards tr{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:10px 12px;display:block}.table-cards tr:hover{background:var(--surface)}.table-cards td{color:var(--text);border:none;align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.table-cards td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.5px;min-width:72px;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:800}.table-cards td[data-label=Token]{max-width:100%;overflow:hidden}.table-cards td[data-label=Token] .mono,.table-cards td[data-label=Token]{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.table-cards td:last-child{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:6px;padding-top:10px}.table-cards td:last-child:before{display:none}.table-cards td[colspan]{color:var(--text-muted);justify-content:center;padding:16px 0}.table-cards td[colspan]:before{display:none}}.toggle-wrap{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.toggle-wrap:last-child{border-bottom:none}.toggle-label{color:var(--text-dim);font-size:13px;font-weight:700}.toggle-hint{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:500}.toggle-track{cursor:pointer;background:#d1d5db;border:1.5px solid #b0b0b0;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.toggle-track.on{background:#000;border-color:#000}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-track.on .toggle-thumb{transform:translate(18px)}.section-gap{height:16px}.badge{text-transform:uppercase;letter-spacing:.3px;border:1.5px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.divider{background:var(--border-light);height:1px;margin:18px 0}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:8px 8px 0 0 var(--border);padding:28px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes page-wipe-up{0%{opacity:0;clip-path:inset(8px 0 0);transform:translateY(6px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.anim-page-enter{animation:.18s cubic-bezier(.16,1,.3,1) both page-wipe-up}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-anim{animation:.22s cubic-bezier(.16,1,.3,1) both card-enter;animation-delay:calc(var(--i,0)*55ms)}.page-wrapper .card{animation:.22s cubic-bezier(.16,1,.3,1) both card-enter;animation-delay:calc(var(--i,0)*50ms)}.page-wrapper .card:first-child{--i:1}.page-wrapper .card:nth-child(2){--i:2}.page-wrapper .card:nth-child(3){--i:3}.page-wrapper .card:nth-child(4){--i:4}.page-wrapper .card:nth-child(5){--i:5}.page-wrapper .card:nth-child(6){--i:6}.page-wrapper .card:nth-child(7){--i:7}.page-wrapper .card:nth-child(8){--i:8}.card{transition:box-shadow .12s,transform .12s}.card:hover{box-shadow:4px 4px 0 0 var(--border);transform:translate(-1px,-1px)}.card:active{box-shadow:1px 1px 0 0 var(--border);transform:translate(1px,1px)}@keyframes nav-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-item{animation:.2s cubic-bezier(.16,1,.3,1) both nav-slide-in;animation-delay:calc(var(--i,0)*40ms + 60ms)}.nav-item:before{content:"";background:var(--text);border-radius:0 2px 2px 0;width:3px;height:0;transition:height .18s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item.active:before{height:60%}.nav-item:hover:before{height:30%}@keyframes btn-shimmer{0%{background-position:-200%}to{background-position:200%}}.btn-primary{background-size:200%;transition:all .12s;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%) -200%/200% 100%;transition:background-position;position:absolute;inset:0}.btn-primary:hover:after{animation:.55s linear btn-shimmer}@keyframes skeleton-shine{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8e8e8 25%,#f4f4f4 50%,#e8e8e8 75%) 0 0/800px 100%;animation:1.4s ease-in-out infinite skeleton-shine}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-title{height:22px;margin-bottom:12px}.skeleton-block{height:80px}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes rendering-pulse{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 4px #0000}}[data-status=Rendering],[data-status=Queued]{animation:1.6s ease-in-out infinite status-blink}@keyframes modal-snap-in{0%{opacity:0;transform:scale(.96)translateY(4px)}70%{opacity:1;transform:scale(1.012)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.overlay{animation:.15s both overlay-fade}.modal{animation:.22s cubic-bezier(.16,1,.3,1) both modal-snap-in}.input,.select,.textarea{transition:border-color .12s,box-shadow .18s cubic-bezier(.16,1,.3,1)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border);box-shadow:3px 3px 0 0 var(--border),0 0 0 3px #0000000f}.chip{transition:transform .1s,box-shadow .1s}.chip:active{box-shadow:none;transform:translate(1px,1px)}@keyframes title-reveal{0%{opacity:0;letter-spacing:-3px;transform:translateY(4px)}to{opacity:1;letter-spacing:-1px;transform:translateY(0)}}.page-title{animation:.25s cubic-bezier(.16,1,.3,1) both title-reveal}@keyframes stat-pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.stat-value-anim{animation:.35s cubic-bezier(.16,1,.3,1) both stat-pop;animation-delay:calc(var(--i,0)*80ms + .1s);display:inline-block}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:Fira Code,monospace;font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;box-shadow:6px 6px 0 0 var(--border);padding:40px 36px}.sidebar-close{display:none}.user-menu-btn{cursor:pointer;border-radius:var(--radius-sm,6px);width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.user-menu-btn:hover{background:var(--bg)}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.user-avatar-placeholder{background:var(--accent,#6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.user-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.user-dropdown{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm,6px);box-shadow:4px 4px 0 0 var(--border);z-index:200;padding:8px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.user-dropdown-email{color:var(--text-muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;padding:4px 6px 8px;font-size:11px;overflow:hidden}.user-dropdown-logout{border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text-muted);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.user-dropdown-logout:hover{color:#f87171;background:#ef444414;border-color:#ef44444d}.org-badge{color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1)12%,transparent);border:1px solid color-mix(in srgb,var(--accent,#6366f1)25%,transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.sidebar-hamburger{z-index:200;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;box-shadow:2px 2px 0 0 var(--border);background:#fff;justify-content:center;align-items:center;display:none;position:fixed;top:14px;left:14px}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-hamburger{display:flex}.sidebar{z-index:150;width:260px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{cursor:pointer;color:var(--text);background:0 0;border:none;padding:4px;font-size:18px;position:absolute;top:14px;right:14px;display:block!important}.sidebar-overlay.open{display:block}.main-content{margin-left:0;padding-top:60px}.page-wrapper{padding:20px 16px 60px}.page-title{font-size:22px}.modal{padding:20px 16px}.overlay{align-items:flex-end;padding:12px}.modal{border-radius:var(--radius)var(--radius)0 0;max-width:100%;margin-top:auto}.table th,.table td{padding:10px;font-size:12px}.chip{padding:6px 10px;font-size:11px}.btn-sm{padding:5px 9px;font-size:11px}.page-header{margin-bottom:20px}.login-card{padding:28px 20px}}.grid-topic-style{grid-template-columns:1fr 200px;gap:12px;display:grid}body,.app-shell,.main-content,.page-wrapper{max-width:100%;overflow-x:hidden}@media (max-width:600px){.grid-topic-style{grid-template-columns:1fr}.page-header{flex-direction:column!important;align-items:stretch!important}.page-header>div:last-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header input[class=input]{min-width:0;width:100%!important}.chip{padding:5px 9px;font-size:11px}.input,.select,.textarea{box-sizing:border-box;max-width:100%}}@media (max-width:480px){.page-wrapper{padding:16px 12px 60px}.page-title{font-size:20px}.card{padding:14px}.btn-lg{padding:12px 20px;font-size:14px}}.r-grid-sidebar{grid-template-columns:260px 1fr;display:grid}.r-grid-help{grid-template-columns:200px 1fr;align-items:start;display:grid}.r-grid-2{grid-template-columns:1fr 1fr;display:grid}.r-grid-3{grid-template-columns:repeat(3,1fr);display:grid}.r-grid-create{grid-template-columns:1.2fr .8fr;display:grid}.r-grid-playlist{grid-template-columns:1fr 120px 36px;display:grid}.r-grid-field-select{grid-template-columns:1fr 140px;display:grid}@media (max-width:880px){.r-grid-create{grid-template-columns:1fr}}@media (max-width:768px){.r-grid-sidebar,.r-grid-help{grid-template-columns:1fr}.r-grid-help>nav{margin-bottom:8px;flex-flow:wrap!important;gap:4px!important;padding:8px!important;position:static!important}}@media (max-width:600px){.r-grid-2{grid-template-columns:1fr}.r-grid-3{grid-template-columns:1fr 1fr}.r-grid-field-select{grid-template-columns:1fr}.r-grid-playlist{grid-template-columns:1fr 100px 36px}}@media (max-width:400px){.r-grid-3{grid-template-columns:1fr}}