.auth-screen{background:var(--main-bg);justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex}.auth-loading,.auth-error{color:var(--text-muted);font-size:14px}.auth-error-detail{color:var(--text-muted);margin-top:4px;font-size:12px}.auth-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-logo{color:var(--text-primary);margin-bottom:12px}.auth-title{color:var(--text-primary);font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:13px}.auth-login-btn{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .15s;display:flex}.auth-login-btn:hover{background:var(--accent-hover)}.logo-carousel-section{width:100%;padding:48px 0 56px;animation:.4s ease-out .28s both blurFadeIn;overflow:hidden}.carousel-label{text-align:center;color:var(--l-text-muted);margin-bottom:32px;font-size:13px;font-weight:500}.carousel-track-wrapper{max-width:620px;margin:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.carousel-track-wrapper:hover .carousel-track{animation-play-state:paused}.carousel-track{gap:48px;width:max-content;animation:60s linear infinite scroll;display:flex}.carousel-item{flex-shrink:0;justify-content:center;align-items:center;height:40px;display:flex}.carousel-logo{object-fit:contain;opacity:.5;filter:grayscale()brightness(2);width:auto;height:28px;transition:opacity .2s}.carousel-logo:hover{opacity:.8}.landing.light .carousel-logo{filter:grayscale()brightness(.4)}.carousel-placeholder{border:1px solid var(--l-btn-secondary-border);height:36px;color:var(--l-text-muted);white-space:nowrap;opacity:.6;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-size:13px;font-weight:600;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.comp-showcase-wrap{clip-path:inset(0 round 12px);width:100%;height:100%;position:relative}.comp-showcase{color:#e4e4e7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#111114;flex-direction:column;width:100%;height:100%;font-family:Inter,sans-serif;font-size:10px;display:flex}.comp-topbar{background:#18181b;border-bottom:1px solid #27272a;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.comp-topbar-left{align-items:center;gap:6px;display:flex}.comp-logo-icon{color:#f4f4f5;align-items:center;display:flex}.comp-logo-sep{background:#3f3f46;width:1px;height:12px}.comp-app-name{font-size:10px;font-weight:600}.comp-topbar-center{color:#a1a1aa;align-items:center;gap:6px;display:flex}.comp-project-name{color:#e4e4e7;font-size:10px}.comp-topbar-right{align-items:center;gap:8px;display:flex}.comp-topbar-btn{color:#a1a1aa;border:1px solid #3f3f46;border-radius:4px;padding:3px 8px;font-size:9px}.comp-topbar-btn.highlight{color:#f4f4f5;border-color:#3f3f46}.comp-body-wrap{flex:1;display:flex;overflow:hidden}.comp-sidebar{background:#141416;border-right:1px solid #27272a;flex-direction:column;flex-shrink:0;width:130px;padding:6px 0;display:flex;overflow:hidden}.comp-sidebar-item{color:#71717a;white-space:nowrap;text-overflow:ellipsis;padding:4px 10px;font-size:9px;overflow:hidden}.comp-sidebar-item.new-track{color:#2fc38f;font-weight:500}.comp-sidebar-item.with-icon{align-items:center;gap:6px;display:flex}.comp-sidebar-item.active{color:#2fc38f;background:#09241d;border:1px solid #2e4c44;border-radius:4px;margin:2px 6px;padding:4px 8px}.comp-sidebar-bottom{margin-top:auto;padding-bottom:12px}.comp-right,.comp-timeline{flex-direction:column;flex:1;display:flex;overflow:hidden}.comp-bar-numbers{border-bottom:1px solid #27272a;flex-shrink:0;display:flex}.comp-track-header-spacer{flex-shrink:0;align-items:center;width:70px;padding:0 6px;display:flex}.comp-chords-label{color:#71717a;font-size:8px}.comp-bar-num{text-align:center;color:#52525b;flex:1;padding:3px 0;font-size:8px}.comp-chords-row{border-bottom:1px solid #27272a;flex-shrink:0;display:flex}.comp-chord{text-align:center;color:#60a5fa;flex:1;padding:2px 0;font-size:8px;font-weight:500}.comp-track-row{border-bottom:1px solid #1e1e21;flex-shrink:0;min-height:38px;display:flex}.comp-track-header{border-right:1px solid #27272a;flex-shrink:0;align-items:flex-start;gap:4px;width:70px;padding:4px 6px;display:flex}.comp-track-num{color:#52525b;font-size:8px}.comp-track-info{flex-direction:column;display:flex}.comp-track-name{color:#e4e4e7;font-size:9px;font-weight:600}.comp-track-type{color:#52525b;text-transform:uppercase;font-size:7px}.comp-track-controls{color:#52525b;align-items:center;gap:3px;margin-left:auto;font-size:8px;display:flex}.comp-track-clips{flex:1;grid-template-columns:repeat(17,1fr);align-items:stretch;gap:1px;padding:2px 1px;display:grid}.comp-clip{cursor:pointer;border-radius:3px;flex-direction:column;min-height:34px;padding:3px 4px;transition:filter .15s;display:flex;position:relative;overflow:hidden}.comp-clip-top{justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.comp-clip-label{color:#ffffffe6;font-size:8px;font-weight:600}.comp-clip-icons{color:#fff9;gap:2px;display:flex}.comp-clip-sub{color:#fff9;font-size:7px}.comp-clip-notes{background:repeating-linear-gradient(0deg,#ffffff26 0 1px,#0000 1px 4px);border-radius:1px;flex:1;margin-top:2px}.comp-master-row{border-top:1px solid #27272a;flex-shrink:0;min-height:28px;margin-top:auto;display:flex}.comp-master-waveform{flex:1;align-items:center;padding:4px 2px;display:flex}.comp-waveform-bar{opacity:.6;background:linear-gradient(90deg,#22c55e 0%,#06b6d4 50%,#22c55e 100%);border-radius:2px;width:100%;height:18px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='20'%3E%3Crect x='0' y='3' width='2' height='14' fill='white'/%3E%3Crect x='4' y='5' width='2' height='10' fill='white'/%3E%3Crect x='8' y='2' width='2' height='16' fill='white'/%3E%3Crect x='12' y='6' width='2' height='8' fill='white'/%3E%3Crect x='16' y='1' width='2' height='18' fill='white'/%3E%3Crect x='20' y='4' width='2' height='12' fill='white'/%3E%3Crect x='24' y='3' width='2' height='14' fill='white'/%3E%3Crect x='28' y='7' width='2' height='6' fill='white'/%3E%3Crect x='32' y='2' width='2' height='16' fill='white'/%3E%3Crect x='36' y='5' width='2' height='10' fill='white'/%3E%3Crect x='40' y='1' width='2' height='18' fill='white'/%3E%3Crect x='44' y='4' width='2' height='12' fill='white'/%3E%3Crect x='48' y='6' width='2' height='8' fill='white'/%3E%3Crect x='52' y='3' width='2' height='14' fill='white'/%3E%3Crect x='56' y='2' width='2' height='16' fill='white'/%3E%3Crect x='60' y='5' width='2' height='10' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='20'%3E%3Crect x='0' y='3' width='2' height='14' fill='white'/%3E%3Crect x='4' y='5' width='2' height='10' fill='white'/%3E%3Crect x='8' y='2' width='2' height='16' fill='white'/%3E%3Crect x='12' y='6' width='2' height='8' fill='white'/%3E%3Crect x='16' y='1' width='2' height='18' fill='white'/%3E%3Crect x='20' y='4' width='2' height='12' fill='white'/%3E%3Crect x='24' y='3' width='2' height='14' fill='white'/%3E%3Crect x='28' y='7' width='2' height='6' fill='white'/%3E%3Crect x='32' y='2' width='2' height='16' fill='white'/%3E%3Crect x='36' y='5' width='2' height='10' fill='white'/%3E%3Crect x='40' y='1' width='2' height='18' fill='white'/%3E%3Crect x='44' y='4' width='2' height='12' fill='white'/%3E%3Crect x='48' y='6' width='2' height='8' fill='white'/%3E%3Crect x='52' y='3' width='2' height='14' fill='white'/%3E%3Crect x='56' y='2' width='2' height='16' fill='white'/%3E%3Crect x='60' y='5' width='2' height='10' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:64px 20px;mask-size:64px 20px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.comp-bottombar{background:#18181b;border-top:1px solid #27272a;flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 12px;display:flex}.comp-transport{color:#a1a1aa;align-items:center;gap:10px;font-size:9px;display:flex}.transport-box{color:#e4e4e7;border:1px solid #3f3f46;border-radius:3px;margin-left:2px;padding:2px 6px;font-weight:600;display:inline-block}.comp-bottom-actions{gap:6px;display:flex}.comp-bottom-btn{color:#a1a1aa;border:1px solid #3f3f46;border-radius:4px;padding:3px 10px;font-size:9px}.comp-right-sidebar{background:#141416;border-left:1px solid #27272a;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:28px;padding:8px 0;display:flex}.comp-rsb-top,.comp-rsb-bottom{color:#52525b;justify-content:center;align-items:center;display:flex}.comp-bottom-btn.accent{color:#2fc38f;background:#09241d;border:1px solid #2e4c44;font-weight:600}.comp-overlay{z-index:5;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.comp-clickable{cursor:pointer;transition:filter .15s}.comp-clickable:hover{filter:brightness(1.3)}.comp-clickable.highlighted{z-index:6;position:relative;box-shadow:inset 0 0 0 1px #2fc38f}.comp-clip:hover{filter:brightness(1.3)}.comp-clip.highlighted{outline-offset:-1px;z-index:6;outline:1px solid #2fc38f;position:relative}.comp-popup{z-index:6;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;max-width:280px;padding:20px 24px;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(8px);box-shadow:0 8px 32px #0000004d}.comp-popup.bottom-right{bottom:20px;right:20px}.comp-popup.top-left{top:20px;left:20px}.comp-popup.bottom-left{bottom:20px;left:20px}.comp-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.comp-popup h4{color:#f4f4f5;margin-bottom:6px;font-size:14px;font-weight:600}.comp-popup p{color:#f4f4f5b3;font-size:12px;line-height:1.5}.sw-graph{justify-content:center;align-items:flex-start;gap:0;height:100%;padding:24px 32px;display:flex;position:relative}.sw-graph-col{z-index:1;flex-direction:column;gap:16px;display:flex}.sw-node{background:#1e1e22;border:1px solid #2a2a2e;border-radius:8px;align-items:center;gap:6px;min-width:150px;padding:7px 10px;display:flex;position:relative}.sw-node-grip{color:#52525b;flex-shrink:0}.sw-node-name{color:#e4e4e7;flex:1;font-size:10px;font-weight:600}.sw-node-actions{gap:4px;margin-left:auto;display:flex}.sw-node-btn{color:#71717a;cursor:pointer;border:1px solid #3f3f46;border-radius:4px;padding:2px 6px;font-size:8px}.sw-node.highlighted{border-color:#2fc38f}.sw-node-dot{background:#2fc38f;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:4px}.sw-graph-svg{flex-shrink:0;width:120px;height:340px;overflow:visible}.sw-showcase-wrap{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.sw-showcase{color:#e4e4e7;-webkit-font-smoothing:antialiased;background:#111114;width:100%;height:100%;font-family:Inter,sans-serif;display:flex}.sw-sidebar{cursor:pointer;background:#141416;border-right:1px solid #27272a;flex-direction:column;flex-shrink:0;width:280px;transition:filter .15s;display:flex;overflow-y:auto}.sw-clickable:hover{filter:brightness(1.2)}.sw-clickable.highlighted{z-index:6;position:relative;box-shadow:inset 0 0 0 1px #2fc38f}.sw-sidebar-header{padding:14px 16px 10px}.sw-sidebar-title{color:#71717a;font-size:11px;font-weight:600}.sw-list{flex-direction:column;gap:2px;padding:0 8px 8px;display:flex}.sw-item{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.sw-item.active{background:#ffffff0a;border-color:#27272a}.sw-thumb{border-radius:6px;flex-shrink:0;width:44px;height:44px}.sw-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sw-item-name{color:#e4e4e7;font-size:11px;font-weight:600}.sw-item-desc{color:#71717a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.sw-play-btn{color:#2fc38f;cursor:pointer;background:#09241d;border:1px solid #2e4c44;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.sw-play-btn:hover{background:#0d2f26}.sw-main{cursor:pointer;background:#111114;flex:1;transition:filter .15s}.sw-main:hover{filter:brightness(1.2)}.sw-main.highlighted{z-index:6;position:relative}.sw-overlay{z-index:5;background:#00000080;position:absolute;inset:0}.sw-popup{z-index:6;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;max-width:280px;padding:20px 24px;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(8px);box-shadow:0 8px 32px #0000004d}.sw-popup.bottom-right{bottom:20px;right:20px}.sw-popup.bottom-left{bottom:20px;left:20px}.sw-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sw-popup h4{color:#f4f4f5;margin-bottom:6px;font-size:14px;font-weight:600}.sw-popup p{color:#f4f4f5b3;font-size:12px;line-height:1.5}.api-showcase{-webkit-font-smoothing:antialiased;background:#1e1e24;border-radius:12px;flex-direction:column;width:100%;height:100%;font-family:JetBrains Mono,Fira Code,Consolas,monospace;display:flex;overflow:hidden}.api-topbar{background:#16161a;border-bottom:1px solid #2a2a2e;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.api-dots{gap:5px;display:flex}.api-dot{border-radius:50%;width:8px;height:8px}.api-dot.red{background:#ff5f57}.api-dot.yellow{background:#febc2e}.api-dot.green{background:#28c840}.api-filename{color:#71717a;font-family:Inter,sans-serif;font-size:10px}.api-code{scrollbar-width:thin;scrollbar-color:#3f3f46 transparent;flex:1;padding:14px 0;overflow-y:auto}.api-code::-webkit-scrollbar{width:6px}.api-code::-webkit-scrollbar-track{background:0 0}.api-code::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.api-line{align-items:center;min-height:20px;padding:0 14px;display:flex}.api-line-num{text-align:right;color:#3f3f46;-webkit-user-select:none;user-select:none;flex-shrink:0;width:28px;margin-right:14px;font-size:10px}.api-line-content{white-space:pre;font-size:10.5px;line-height:1.6}.api-cursor{vertical-align:middle;background:#abb2bf;width:7px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ext-showcase{-webkit-font-smoothing:antialiased;background:#111114;border-radius:12px;width:100%;height:100%;font-family:Inter,sans-serif;display:flex;overflow:hidden}.ext-left{flex-direction:column;flex:1;justify-content:center;padding:36px 40px;display:flex}.ext-title{color:#f4f4f5;margin-bottom:12px;font-size:22px;font-weight:600}.ext-desc{color:#a1a1aa;margin-bottom:10px;font-size:14px;line-height:1.7}.ext-cta{color:#2fc38f;cursor:pointer;background:#09241d;border:1px solid #2e4c44;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.ext-cta:hover{background:#0d2f26}.ext-chat{background:#141416;border-left:1px solid #27272a;flex-direction:column;flex-shrink:0;width:380px;display:flex}.ext-chat-header{border-bottom:1px solid #27272a;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.ext-chat-icon{color:#2fc38f}.ext-chat-title{color:#e4e4e7;flex:1;font-size:11px;font-weight:600}.ext-chat-chevron{color:#52525b}.ext-chat-messages{scrollbar-width:thin;scrollbar-color:#3f3f46 transparent;flex-direction:column;flex:1;gap:8px;padding:12px 10px;display:flex;overflow-y:auto}.ext-chat-messages::-webkit-scrollbar{width:4px}.ext-chat-messages::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}.ext-msg{border-radius:8px;max-width:85%;padding:8px 11px;font-size:10px;line-height:1.5}.ext-msg.user{color:#2fc38f;background:#09241d;border:1px solid #2e4c44;align-self:flex-end}.ext-msg.ai{color:#d4d4d8;background:#1e1e22;border:1px solid #2a2a2e;align-self:flex-start}.ext-thinking{gap:4px;padding:2px 0;display:flex}.ext-dot{background:#71717a;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotPulse}.ext-dot:nth-child(2){animation-delay:.2s}.ext-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.ext-chat-footer{border-top:1px solid #27272a;flex-shrink:0;padding:6px 10px 10px}.ext-clear{text-align:right;color:#52525b;margin-bottom:6px;font-size:8px;display:block}.ext-input-row{gap:6px;display:flex}.ext-input{color:#e4e4e7;background:#1e1e22;border:1px solid #27272a;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-family:Inter,sans-serif;font-size:10px}.ext-input::placeholder{color:#52525b}.ext-send-btn{color:#2fc38f;cursor:pointer;background:#09241d;border:1px solid #2e4c44;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hero-prompt{border:1px solid var(--l-pill-border);background:var(--l-pill-bg);-webkit-backdrop-filter:blur(12px);border-radius:12px;width:100%;max-width:480px;margin-bottom:28px;animation:.4s ease-out .14s both blurFadeIn;overflow:hidden}.hero-prompt-input-row{align-items:center;gap:8px;padding:4px 4px 4px 16px;display:flex}.hero-prompt-input{color:var(--l-text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:Inter,sans-serif;font-size:14px}.hero-prompt-input::placeholder{color:var(--l-text-muted)}.hero-prompt-send{border:1px solid var(--accent-border);background:var(--accent);width:34px;height:34px;color:var(--accent-text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.hero-prompt-send:hover{background:var(--accent-hover)}.landing.dark{--l-bg:#0a0a0b;--l-text:#f4f4f5;--l-text-dim:#f4f4f5b3;--l-text-muted:#f4f4f58c;--l-pill-bg:#18181b73;--l-pill-border:#ffffff14;--l-btn-secondary-border:#ffffff1f;--l-btn-secondary-hover:#ffffff40;--l-toggle-color:#f4f4f580;--l-toggle-hover:#f4f4f5;--l-card-bg:#141416}.landing.light{--l-bg:#fff;--l-text:#111827;--l-text-dim:#111827a6;--l-text-muted:#11182780;--l-pill-bg:#f8f9fad9;--l-pill-border:#00000014;--l-btn-secondary-border:#0000001f;--l-btn-secondary-hover:#00000040;--l-toggle-color:#11182766;--l-toggle-hover:#111827;--l-card-bg:#f8f9fa}.landing{background:var(--l-bg);min-height:100vh;color:var(--l-text);flex-direction:column;align-items:center;display:flex;position:relative}.aurora-wrap{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.aurora{filter:blur(180px);opacity:0;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.landing.dark .aurora{opacity:1}.landing.light .aurora{opacity:.4}.aurora-1{background:radial-gradient(#10b98159 0%,#0000 60%);width:60%;height:60%;animation:8s ease-in-out infinite alternate aurora1;top:20%;left:-30%}.aurora-2{background:radial-gradient(#06b6d440 0%,#0000 60%);width:50%;height:50%;animation:10s ease-in-out infinite alternate aurora2;top:25%;left:-15%}.aurora-3{background:radial-gradient(#2fc38f4d 0%,#0000 60%);width:45%;height:45%;animation:12s ease-in-out infinite alternate aurora3;top:15%;left:-25%}@keyframes aurora1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(8%,5%)scale(1.15)rotate(3deg)}66%{transform:translate(-5%,-3%)scale(.9)rotate(-2deg)}to{transform:translate(3%,8%)scale(1.1)rotate(1deg)}}@keyframes aurora2{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-10%,6%)scale(1.2)rotate(-3deg)}66%{transform:translate(6%,-4%)scale(.85)rotate(2deg)}to{transform:translate(-4%,3%)scale(1.05)rotate(-1deg)}}@keyframes aurora3{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(12%,-5%)scale(1.1)rotate(2deg)}66%{transform:translate(-8%,7%)scale(.95)rotate(-3deg)}to{transform:translate(5%,-2%)scale(1.15)rotate(1deg)}}@keyframes blurFadeIn{0%{opacity:0;filter:blur(8px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero>:not(.aurora-wrap){z-index:1;position:relative}.theme-toggle{z-index:101;width:36px;height:36px;color:var(--l-toggle-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s;display:flex;position:fixed;top:20px;right:24px}.theme-toggle:hover{color:var(--l-toggle-hover)}.landing-nav{z-index:100;justify-content:center;width:100%;padding:16px 24px;display:flex;position:fixed;top:0;left:0}.nav-pill{background:var(--l-pill-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-pill-border);border-radius:999px;align-items:center;gap:8px;padding:10px 28px;display:flex}.nav-links{gap:24px;display:flex}.nav-link{color:var(--l-text-dim);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--l-text)}.nav-logo{color:var(--l-text);align-items:center;margin:0 20px;display:flex}.hero-wrap{background:linear-gradient(#09241d 0%,#0a0a0b 100%);flex-direction:column;align-items:center;width:100%;display:flex;position:relative}[data-theme=light] .hero-wrap{background:linear-gradient(#e8f5f0 0%,#fff 100%)}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:720px;padding:200px 24px 120px;display:flex;position:relative}.hero-title{letter-spacing:-.03em;color:var(--l-text);margin-bottom:20px;font-size:44px;font-weight:600;line-height:1.1;animation:.4s ease-out both blurFadeIn}.hero-subtitle{color:var(--l-text-muted);max-width:520px;margin-bottom:36px;font-size:16px;font-weight:400;line-height:1.6;animation:.4s ease-out 80ms both blurFadeIn}.hero-actions{gap:12px;animation:.4s ease-out .2s both blurFadeIn;display:flex}.hero-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.hero-btn.primary{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text);overflow:hidden}.btn-arrow{flex-shrink:0;transition:transform .25s,opacity .25s}.hero-btn:hover .btn-arrow{opacity:0;transform:translate(4px,-4px)}.hero-btn.primary:hover{background:var(--accent-hover)}.hero-btn.secondary{border:1px solid var(--l-btn-secondary-border);color:var(--l-text);background:0 0}.hero-btn.secondary:hover{border-color:var(--l-btn-secondary-hover)}.features{width:100%;max-width:1080px;padding:40px 40px 160px}.feature-heading{margin-bottom:24px;padding-left:4px}.feature-label{color:var(--l-text-dim);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.feature-title{letter-spacing:-.02em;color:var(--l-text);font-size:28px;font-weight:700;line-height:1.2}.feature-title-muted{color:var(--l-text-muted);display:block}.feature-card{background:var(--l-card-bg);border:1px solid var(--l-pill-border);border-radius:16px;margin-bottom:20px;padding:16px;overflow:hidden;box-shadow:0 4px 40px #00000026}.landing.light .feature-card{box-shadow:0 4px 40px #0000000f}.feature-visual-inner{gap:0;min-height:300px;display:flex}.feature-visual-inner.reversed{flex-direction:row}.feature-image-wrap{border-radius:12px;flex:1.1;justify-content:flex-start;align-items:flex-start;min-height:300px;padding:0 10px 10px 0;display:flex;overflow:hidden}.feature-visual-inner.reversed .feature-image-wrap{justify-content:flex-end;align-items:flex-end;padding:10px 0 0 10px}.feature-image-wrap.gradient-1{background:linear-gradient(160deg,#0ea5e9 0%,#06b6d4 40%,#10b981 100%)}.feature-image-wrap.gradient-2{background:linear-gradient(160deg,#f43f5e 0%,#ec4899 40%,#a855f7 100%)}.feature-image-wrap.gradient-3{background:linear-gradient(160deg,#f59e0b 0%,#ef4444 40%,#ec4899 100%)}.feature-screenshot{object-fit:cover;transform-origin:0 0;width:100%;height:100%;display:block;transform:scale(1.9)}.gradient-1 .feature-screenshot{transform-origin:100% 96%}.feature-visual-inner.reversed .feature-screenshot{transform-origin:0 0}.feature-screenshot-clip{border-radius:0 0 10px;width:95%;height:100%;min-height:240px;overflow:hidden;box-shadow:0 4px 24px #0000004d}.feature-visual-inner.reversed .feature-screenshot-clip{border-radius:10px 0 0}.landing.light .feature-screenshot-clip{box-shadow:0 -4px 24px #0000001a}.feature-copy{flex-direction:column;flex:.9;justify-content:center;padding:28px 32px;display:flex}.feature-copy h3{color:var(--l-text);margin-bottom:8px;font-size:18px;font-weight:600}.feature-copy p{color:var(--l-text-muted);margin-bottom:20px;font-size:14px;line-height:1.6}.feature-copy .hero-btn{align-self:flex-start;padding:10px 20px;font-size:13px}.ethics-banner{text-align:center;width:100%;padding:16px 24px 120px}.ethics-title{letter-spacing:-.02em;color:var(--l-text);margin-bottom:24px;font-size:42px;font-weight:700;line-height:1.15}.ethics-subtitle{color:var(--l-text-dim);font-size:18px;font-weight:500;line-height:1.7}.showcase{width:100%;max-width:1080px;padding:40px 40px 120px}.showcase-tabs{background:var(--l-card-bg);border:1px solid var(--l-pill-border);border-radius:10px;gap:0;margin-bottom:20px;padding:4px;display:inline-flex}.showcase-tab{color:var(--l-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .2s,color .2s}.showcase-tab:hover{color:var(--l-text)}.showcase-tab.active{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.showcase-viewport{border-radius:16px;height:480px;position:relative;overflow:hidden}.showcase-panel{opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.showcase-panel.active{opacity:1;pointer-events:auto}.showcase-inset{background:var(--l-card-bg);border-radius:12px;justify-content:center;align-items:center;width:calc(100% - 16px);height:calc(100% - 16px);display:flex;box-shadow:0 4px 24px #0003}.showcase-number{color:var(--l-text-muted);opacity:.4;font-size:64px;font-weight:700}.landing-pricing{width:100%;max-width:1080px;padding:40px 40px 120px}.landing-plans{gap:14px;display:flex}.landing-plan-card{border:1px solid var(--l-pill-border);background:var(--l-card-bg);border-radius:12px;flex-direction:column;flex:1;padding:22px;display:flex}.landing-plan-top{margin-bottom:16px}.landing-plan-name-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.landing-plan-name{color:var(--l-text);font-size:16px;font-weight:600}.landing-plan-badge{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.landing-plan-price{align-items:baseline;gap:2px;margin-bottom:16px;display:flex}.landing-plan-amount{color:var(--l-text);letter-spacing:-.02em;font-size:32px;font-weight:700}.landing-plan-period{color:var(--l-text-muted);font-size:13px}.landing-plan-top .hero-btn{padding:8px 18px;font-size:13px}.landing-plan-features{flex:1}.landing-features-divider{align-items:center;gap:12px;margin-bottom:14px;display:flex}.landing-features-divider hr{background:var(--l-pill-border);border:none;flex:1;height:1px}.landing-features-divider span{color:var(--l-text-muted);white-space:nowrap;font-size:11px;font-weight:500}.landing-plan-features ul{flex-direction:column;gap:8px;list-style:none;display:flex}.landing-plan-features li{color:var(--l-text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.landing-plan-features li:before{content:"✓";color:var(--accent-text);flex-shrink:0;font-size:12px;font-weight:600}.faq-section{width:100%;max-width:1080px;padding:40px 40px 120px}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--l-pill-border)}.faq-question{width:100%;color:var(--l-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:color .15s;display:flex}.faq-icon{color:var(--l-text-muted);flex-shrink:0;margin-left:24px;font-size:20px;font-weight:300}.faq-answer-wrap{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.faq-item.open .faq-answer-wrap{grid-template-rows:1fr}.faq-answer{overflow:hidden}.faq-answer p{color:var(--l-text-dim);border-left:2px solid var(--l-pill-border);margin-bottom:0;padding:0 0 20px 16px;font-size:14px;line-height:1.7}.faq-answer p+p{padding-top:12px}.landing-footer{border-top:1px solid var(--l-pill-border);justify-content:space-between;align-items:center;width:100%;padding:32px 40px;display:flex}.footer-left{align-items:center;gap:10px;display:flex}.footer-logo{color:var(--l-text);align-items:center;display:flex}.footer-separator{background:var(--l-pill-border);width:1px;height:16px}.footer-brand{color:var(--l-text);font-size:13px;font-weight:600}.footer-copy{color:var(--l-text);font-size:12px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--l-text);font-size:12px;font-weight:500;text-decoration:none}@media (width<=768px){.hero{padding:140px 20px 60px}.hero-title{font-size:30px}.hero-subtitle{font-size:14px}.hero-actions{flex-direction:column;align-items:center;gap:10px}.nav-pill{gap:4px;padding:8px 16px}.nav-links{gap:12px}.nav-link{font-size:11px}.feature-title{font-size:22px}.features{padding:40px 16px 60px}.feature-visual-inner,.feature-visual-inner.reversed{flex-direction:column}.feature-image-wrap{flex:none;min-height:200px}.feature-screenshot-clip{min-height:200px}.gradient-1 .feature-screenshot{transform-origin:96% 60%}.feature-copy{flex:none;padding:20px 16px}.feature-copy h3{font-size:16px}.feature-copy p{font-size:13px}.feature-card{position:static!important}.ethics-banner{padding:40px 20px}.ethics-title{font-size:22px}.ethics-subtitle{font-size:13px}.showcase{padding:40px 16px 60px}.showcase-tabs{flex-wrap:wrap;gap:0}.showcase-tab{padding:6px 14px;font-size:12px}.landing-pricing{padding:40px 16px 60px}.landing-plans{flex-direction:column}.faq-section{padding:40px 16px 80px}.faq-question{font-size:14px}.faq-answer{font-size:13px}.landing-footer{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 16px}.footer-links{gap:16px}}.contact-page{flex-direction:column;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.contact-page.dark{--l-bg:#0a0a0b;--l-text:#f4f4f5;--l-text-dim:#f4f4f5b3;--l-text-muted:#f4f4f58c;--l-pill-bg:#18181bd9;--l-pill-border:#ffffff14;--l-btn-secondary-border:#ffffff1f;--l-toggle-color:#f4f4f580;--l-toggle-hover:#f4f4f5;--c-bg:#0a0a0b;--c-card:#141416;--c-border:#ffffff14;--c-text:#f4f4f5;--c-text-dim:#f4f4f5b3;--c-text-muted:#f4f4f566;--c-input-bg:#1e1e22;--c-input-border:#27272a;background:var(--c-bg);color:var(--c-text)}.contact-page.light{--l-bg:#fff;--l-text:#111827;--l-text-dim:#111827a6;--l-text-muted:#11182780;--l-pill-bg:#f8f9fad9;--l-pill-border:#00000014;--l-btn-secondary-border:#0000001f;--l-toggle-color:#11182766;--l-toggle-hover:#111827;--c-bg:#fff;--c-card:#f8f9fa;--c-border:#00000014;--c-text:#111827;--c-text-dim:#111827a6;--c-text-muted:#11182766;--c-input-bg:#fff;--c-input-border:#e5e7eb;background:var(--c-bg);color:var(--c-text)}.contact-content-wrap{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:140px 40px 60px;display:flex}.contact-content{background:var(--c-card);border:1px solid var(--c-border);border-radius:16px;gap:48px;width:100%;max-width:900px;padding:48px;display:flex}.contact-info{flex-direction:column;flex:1;justify-content:flex-start;padding-top:20px;display:flex}.contact-blurb{color:var(--c-text-dim);margin-top:20px;font-size:14px;line-height:1.7}.contact-details{color:var(--c-text-muted);margin-top:24px;font-size:13px}.contact-form-wrap{flex:1}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:12px;display:flex}.form-row .form-field{flex:1}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--c-text-dim);font-size:12px;font-weight:500}.form-field input,.form-field textarea{border:1px solid var(--c-input-border);background:var(--c-input-bg);color:var(--c-text);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--c-text-muted)}.form-field input:focus,.form-field textarea:focus{border-color:#2fc38f}.contact-submit{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .15s;display:flex}.contact-submit:hover{background:var(--accent-hover)}.contact-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.contact-success h3{color:var(--c-text);margin-bottom:8px;font-size:20px;font-weight:600}.contact-success p{color:var(--c-text-dim);font-size:14px}.sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;height:100vh;padding:16px 12px;transition:width .25s;display:flex;overflow:hidden}.sidebar.collapsed{width:60px}.sidebar-logo{align-items:center;gap:10px;padding:2px 8px 0;display:flex;position:relative}.logo-icon{color:var(--text-primary);flex-shrink:0;align-items:center;display:flex}.logo-separator{background:var(--border);flex-shrink:0;width:1px;height:20px;transition:opacity .2s}.sidebar.collapsed .logo-separator,.sidebar.collapsed .logo-text{opacity:0;pointer-events:none}.logo-text{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:700;transition:opacity .2s}.collapse-btn{width:100%;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;margin-bottom:4px;padding-left:10px;transition:color .15s;display:flex}.collapse-btn:hover{color:var(--text-primary)}.sidebar-divider{background:var(--border);border:none;height:1px;margin:12px -12px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex;overflow:hidden}.nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-label{transition:opacity .2s}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.nav-item:hover{background:var(--hover);color:var(--text-primary)}.nav-item.active{background:var(--active);color:var(--text-primary);font-weight:600}.sidebar-bottom{flex-direction:column;gap:2px;display:flex}.sidebar-bottom-row{align-items:center;gap:4px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--hover);color:var(--text-primary)}.signout-btn{flex:1}.sidebar.collapsed .sidebar-bottom-row{justify-content:center}.sidebar.collapsed .signout-btn{flex:none}.home-page{max-width:1060px;margin:0 auto;padding:72px 56px 48px}.home-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.home-welcome{align-items:center;gap:14px;display:flex}.home-separator{background:var(--border);width:1px;height:32px}.home-logo{color:var(--text-primary)}.home-title{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.home-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.home-hours{border:1px solid var(--border);background:var(--sidebar-bg);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:flex}.home-hours strong{color:var(--accent-text);font-weight:600}.home-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.home-section{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:12px;padding:24px}.home-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:12px;font-weight:600}.home-actions{flex-direction:column;gap:8px;display:flex}.home-action{border:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px;font-family:Inter,sans-serif;transition:background .15s;display:flex}.home-action:hover{background:var(--hover)}.home-action-icon{background:var(--accent);border:1px solid var(--accent-border);width:32px;height:32px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-action-text{flex-direction:column;flex:1;gap:1px;display:flex}.home-action-label{color:var(--text-primary);font-size:13px;font-weight:500}.home-action-desc{color:var(--text-muted);font-size:11px}.home-action-arrow{color:var(--text-muted);flex-shrink:0}.home-usage{flex-direction:column;grid-area:1/2/3;display:flex}.home-usage-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.home-usage-header .home-section-title{margin-bottom:0}.home-usage-tabs{background:var(--hover);border:1px solid var(--border);border-radius:7px;gap:0;padding:2px;display:flex}.home-usage-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;transition:background .15s,color .15s;display:flex}.home-usage-tab.active{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.home-chart{flex:1;align-items:flex-end;gap:8px;min-height:120px;display:flex}.home-chart-placeholder{justify-content:center;align-items:center}.home-coming-soon{color:var(--text-muted);font-size:13px;font-weight:500}.home-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.home-bar-track{justify-content:center;align-items:flex-end;width:100%;height:120px;display:flex}.home-bar{background:var(--accent-text);opacity:.6;border-radius:4px 4px 0 0;width:60%;min-height:4px;transition:height .4s}.home-bar-label{color:var(--text-muted);font-size:9px;font-weight:500}.home-news{grid-column:1}.home-news-list{flex-direction:column;gap:12px;display:flex}.home-news-item{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.home-news-item:last-child{border-bottom:none;padding-bottom:0}.home-news-date{color:var(--text-muted);font-size:10px}.home-news-title{color:var(--text-primary);font-size:13px;font-weight:600}.home-news-body{color:var(--text-secondary);font-size:11px;line-height:1.5}.get-copilot{max-width:720px;margin-left:12%;padding:72px 56px 48px}.page-title{color:var(--text-primary);margin-bottom:14px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:13px;line-height:1.5}.download-section{margin-bottom:28px}.download-buttons{gap:10px;display:flex}.download-btn{background:var(--accent);border:none;border:1px solid var(--accent-border);color:var(--accent-text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:14px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:flex}.download-btn:hover{background:var(--accent-hover)}.api-section{flex-direction:column;gap:6px;margin-bottom:36px;display:flex}.api-label{color:var(--text-secondary);font-size:12px;font-weight:500}.api-field{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.api-key{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Inter,monospace;font-size:12px;overflow:hidden}.copy-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.copy-btn:hover{color:var(--text-primary);background:var(--hover)}.cards-section{gap:14px;display:flex}.tutorial-card{cursor:pointer;border:none;border-radius:14px;flex:1;min-height:180px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.tutorial-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.card-overlay{-webkit-backdrop-filter:blur(12px);background:#00000040;padding:14px;position:absolute;bottom:0;left:0;right:0}.card-title{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.3}.modal-content{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:14px;width:90%;max-width:480px;padding:32px;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary)}.modal-title{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:700}.modal-tabs{background:var(--hover);border:1px solid var(--border);border-radius:10px;gap:0;margin-bottom:24px;padding:4px;display:inline-flex}.modal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .15s,color .15s}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.modal-steps{flex-direction:column;gap:20px;display:flex}.modal-step{align-items:flex-start;gap:14px;display:flex}.step-number{background:var(--accent);border:1px solid var(--accent-border);width:28px;height:28px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-content h4{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.step-content p{color:var(--text-secondary);font-size:12px;line-height:1.5}.step-image-slot{border:1px dashed var(--border);background:var(--hover);border-radius:8px;width:100%;height:80px;margin-top:10px}.step-image{border-radius:8px;width:100%;margin-top:10px;display:block}.scripts-modal{max-width:680px}.scripts-layout{align-items:stretch;gap:28px;display:flex}.scripts-text{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.scripts-text p{color:var(--text-secondary);font-size:13px;line-height:1.65}.scripts-chat{background:#141416;border:1px solid #27272a;border-radius:10px;flex-direction:column;flex:1;min-width:0;height:320px;display:flex;overflow:hidden}.scripts-chat .ext-chat-messages{flex:1;overflow-y:auto}.mac-modal{text-align:center;max-width:360px}.mac-modal-body{flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px;display:flex}.mac-modal-body svg{width:32px;height:32px;color:var(--text-muted)}.mac-modal-body .modal-title{margin-bottom:0}.mac-modal-body p{color:var(--text-secondary);margin:0;font-size:13px}.mac-dismiss-btn{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;margin-top:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:opacity .15s}.mac-dismiss-btn:hover{opacity:.85}.buy-credits{max-width:900px;margin:auto;padding:48px 56px}.pricing-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pricing-headline{color:var(--text-primary);font-size:22px;font-weight:700}.credit-counter{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.plans{gap:14px;margin-bottom:40px;display:flex}.plan-card{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:12px;flex-direction:column;flex:1;padding:22px;display:flex}.plan-top{margin-bottom:16px}.plan-name-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.plan-name{color:var(--text-primary);font-size:16px;font-weight:600}.plan-badge{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.plan-price{align-items:baseline;gap:2px;margin-bottom:8px;display:flex}.plan-amount{color:var(--text-primary);letter-spacing:-.02em;font-size:32px;font-weight:700}.plan-period{color:var(--text-muted);font-size:13px}.plan-btn{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-block}.plan-btn:hover:not(:disabled){background:var(--accent-hover)}.plan-btn.current{border-color:var(--border);color:var(--text-muted);cursor:default;background:0 0}.plan-features{flex:1}.features-divider{align-items:center;gap:12px;margin-bottom:14px;display:flex}.features-divider hr{background:var(--border);border:none;flex:1;height:1px}.features-divider span{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:500}.plan-features ul{flex-direction:column;gap:8px;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.check-icon{color:var(--accent-text);flex-shrink:0}.credits-section{margin-bottom:24px}.section-title{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.section-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:12px}.credit-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.credit-card{border:1px solid var(--border);background:var(--sidebar-bg);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 18px;font-family:Inter,sans-serif;transition:border-color .15s,background .15s;display:flex}.credit-card:hover{border-color:var(--text-muted)}.credit-card.selected{border-color:var(--accent-text);background:var(--accent)}.credit-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.credit-amount{color:var(--text-primary);font-size:14px;font-weight:600}.credit-price{color:var(--text-muted);font-size:12px}.credit-card.selected .credit-amount,.credit-card.selected .credit-price{color:var(--accent-text)}.credit-icon{color:var(--text-muted)}.credit-card.selected .credit-icon{color:var(--accent-text)}.credits-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.credits-header .section-title,.credits-header .section-subtitle{margin-bottom:0}.promo-area{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.promo-status{font-size:11px;font-weight:500}.promo-status.success{color:var(--accent-text)}.promo-status.error{color:#e57373}.promo-wrap{gap:8px;display:flex}.promo-input{border:1px solid var(--border);background:var(--sidebar-bg);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.promo-input::placeholder{color:var(--text-muted)}.promo-input:focus{border-color:var(--accent-text)}.promo-apply{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:opacity .15s}.promo-apply:disabled{opacity:.4;cursor:default}.promo-apply:not(:disabled):hover{opacity:.85}.purchase-wrap{text-align:center}.purchase-btn{border:1px solid var(--border);color:var(--text-muted);cursor:default;background:0 0;border-radius:10px;padding:12px 32px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-block}.purchase-btn:not(:disabled){background:var(--accent);border-color:var(--accent-border);color:var(--accent-text);cursor:pointer}.purchase-btn:not(:disabled):hover{background:var(--accent-hover)}.coming-soon-modal{text-align:center;max-width:340px}.coming-soon-body{flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;display:flex}.coming-soon-body .modal-title{margin-bottom:0}.coming-soon-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.promo-hint{color:var(--accent-text);margin:0;font-size:12px;font-weight:500}.coming-soon-dismiss{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;margin-top:6px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:opacity .15s}.coming-soon-dismiss:hover{opacity:.85}.soundworlds-page{max-width:1060px;margin-left:12%;padding:72px 56px 48px}.sw-section{margin-bottom:40px}.sw-body{color:var(--text-secondary);max-width:100%;margin-bottom:18px;font-size:13px;line-height:1.6}.sw-cta{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.sw-cta:hover{background:var(--accent-hover)}.sw-search{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:8px;align-items:center;gap:8px;max-width:280px;margin-bottom:16px;padding:8px 12px;display:flex}.sw-search-icon{color:var(--text-muted);flex-shrink:0}.sw-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13px}.sw-search-input::placeholder{color:var(--text-muted)}.sw-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sw-card{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:10px;transition:box-shadow .15s;overflow:hidden}.sw-card:hover{box-shadow:0 4px 16px #0000001f}.sw-card-image{background:linear-gradient(135deg,#1a1a2e,#16213e);justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative}[data-theme=light] .sw-card-image{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.sw-play-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex;position:absolute}.sw-card-image:hover .sw-play-btn{opacity:1}.sw-play-btn:disabled{cursor:default;opacity:0!important}.sw-card-info{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.sw-card-title{color:var(--text-primary);font-size:13px;font-weight:600}.sw-card-author{color:var(--text-muted);margin-bottom:8px;font-size:11px}.sw-card-actions{gap:6px;display:flex}.sw-card-btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:background .15s;display:flex}.sw-card-btn.explore{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.sw-card-btn.explore:hover{background:var(--accent-hover)}.sw-card-btn.owned{border:1px solid var(--border);color:var(--text-muted);cursor:default;opacity:.5;background:0 0}.sw-card-btn.buy{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.sw-card-btn.buy:hover{background:var(--accent-hover)}.sw-popup{background:var(--sidebar-bg);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:360px;padding:32px}.sw-popup p{color:var(--text-primary);margin-bottom:20px;font-size:14px}.extensions-page{max-width:1060px;margin-left:12%;padding:72px 56px 48px}.ext-tabs{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:10px;gap:0;margin-bottom:24px;padding:4px;display:inline-flex}.ext-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s}.ext-tab:hover{color:var(--text-primary)}.ext-tab.active{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.ext-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ext-card{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:10px;transition:box-shadow .15s;overflow:hidden}.ext-card:hover{box-shadow:0 4px 16px #0000001f}.ext-card-image{background:linear-gradient(135deg,#1a1a2e,#16213e);width:100%;height:100px;position:relative;overflow:hidden}.ext-card-img{object-fit:cover;width:100%;height:100%;display:block}[data-theme=light] .ext-card-image{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.ext-card-info{flex-direction:column;gap:2px;padding:12px 14px 14px;display:flex}.ext-card-title{color:var(--text-primary);font-size:13px;font-weight:600}.ext-card-author{color:var(--text-muted);font-size:11px}.ext-card-desc{color:var(--text-secondary);margin:6px 0 10px;font-size:11px;line-height:1.5}.ext-card-actions{gap:6px;display:flex}.ext-card-btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:background .15s;display:flex}.ext-card-btn.explore{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.ext-card-btn.explore:hover{background:var(--accent-hover)}.ext-card-btn.install{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.ext-card-btn.install:hover{background:var(--accent-hover)}.ext-card-btn.installed{border:1px solid var(--border);color:var(--text-muted);cursor:default;opacity:.5;background:0 0}.git-page{max-width:620px;margin-left:12%;padding:72px 56px 48px}.git-tabs{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:10px;gap:0;margin-bottom:24px;padding:4px;display:inline-flex}.git-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .15s,color .15s}.git-tab:hover{color:var(--text-primary)}.git-tab.active{background:var(--accent);border:1px solid var(--accent-border);color:var(--accent-text)}.git-card{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;padding:28px}.git-form{flex-direction:column;gap:14px;display:flex}.git-form-row{gap:12px;display:flex}.git-form-row .git-field{flex:1}.git-field{flex-direction:column;gap:5px;display:flex}.git-field label{color:var(--text-secondary);font-size:12px;font-weight:500}.git-field input,.git-field textarea{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.git-field input::placeholder,.git-field textarea::placeholder{color:var(--text-muted)}.git-field input:focus,.git-field textarea:focus{border-color:#2fc38f}.git-submit{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.git-submit:hover{background:var(--accent-hover)}.git-success{text-align:center;padding:32px 0}.git-success h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.git-success p{color:var(--text-secondary);font-size:13px}.profile-page{max-width:480px;margin-left:12%;padding:72px 56px 48px}.profile-card{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;padding:28px;display:flex}.profile-field{flex-direction:column;gap:5px;display:flex}.profile-field label{color:var(--text-secondary);font-size:12px;font-weight:500}.profile-field input{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.profile-field input:focus{border-color:#2fc38f}.profile-save{border:1px solid var(--accent-border);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.profile-save:hover{background:var(--accent-hover)}.profile-section{margin-top:28px}.profile-section-title{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.profile-theme-row{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.profile-theme-label{color:var(--text-secondary);font-size:13px}.profile-theme-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .15s;display:flex}.profile-theme-btn:hover{background:var(--hover)}.app-layout{height:100vh;display:flex}.main-content{background:var(--main-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.main-content.centered{justify-content:center;align-items:center;display:flex}.welcome{text-align:center}.welcome-logo{color:var(--text-primary);margin-bottom:16px}.welcome h1{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:600}.welcome p{color:var(--text-secondary);font-size:13px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--sidebar-bg:#f8f9fa;--main-bg:#fff;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--hover:#f3f4f6;--active:#e8eaed;--accent:#dcfce7;--accent-border:#bbf7d0;--accent-text:#166534;--accent-hover:#c8f5d8}[data-theme=dark]{--sidebar-bg:#18181b;--main-bg:#0f0f11;--border:#27272a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--hover:#27272a;--active:#303034;--accent:#09241d;--accent-border:#2e4c44;--accent-text:#2fc38f;--accent-hover:#0d2f26;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{color:var(--text-primary);background:var(--main-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-size:13px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}