.studio-library,.studio-practice{--studio-brand:#ff6b35;--studio-brand-deep:#d94f16;--studio-brand-soft:#fff3ee;--studio-violet:var(--studio-brand);--studio-violet-soft:var(--studio-brand-soft);--studio-teal:#0c9674;--studio-ink:#101828;--studio-muted:#667085;--studio-line:#e7e9ee;--a:var(--studio-brand);--ink:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);color:var(--studio-ink);background:#f7f8fa}.studio-library{--studio-gutter:max(20px,calc((100vw - 1320px) / 2));min-height:100vh;padding:0 var(--studio-gutter) 88px}.studio-library.studio-skeleton{padding-top:92px}.studio-library:has(>.studio-cloud-state){display:grid;padding-top:92px;place-items:center}.studio-cloud-state{position:relative;display:grid;width:100%;max-width:440px;padding:36px 32px 30px;overflow:hidden;text-align:center;background:#fff;border:1px solid var(--studio-line);border-radius:20px;box-shadow:0 1px 2px rgb(16 24 40/5%),0 26px 50px -34px rgb(16 24 40/30%);justify-items:center;gap:0}.studio-cloud-state:before{position:absolute;height:96px;pointer-events:none;content:"";inset:0 0 auto}.studio-cloud-state.error:before{background:radial-gradient(360px 120px at 50% 0,#fef3f2 0,transparent 78%)}.studio-cloud-state>*{position:relative}.studio-cloud-state-icon{display:grid;width:44px;height:44px;border-radius:14px;place-items:center}.studio-cloud-state.error .studio-cloud-state-icon{color:#d92d20;background:#fee4e2;box-shadow:0 0 0 6px #fef3f280}.studio-cloud-state .studio-eyebrow{margin-top:18px;color:#b42318}.studio-cloud-state h2{padding:0;margin:9px 0 0;font-size:19px;font-weight:800;letter-spacing:-.02em;border:0}.studio-cloud-state p{margin:9px 0 0;font-size:13.5px;line-height:1.72;color:var(--studio-muted);text-wrap:pretty}.studio-cloud-state code{max-width:100%;padding:6px 11px;margin-top:16px;font:500 11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#98a2b3;background:#f7f8fa;border:1px solid var(--studio-line);border-radius:8px;overflow-wrap:anywhere}.studio-cloud-state-actions{display:flex;flex-wrap:wrap;margin-top:22px;justify-content:center;gap:10px}.studio-cloud-state-actions>a,.studio-cloud-state-actions>button{display:inline-flex;height:38px;padding:0 17px;font-size:13px;font-weight:700;cursor:pointer;border-radius:10px;align-items:center;gap:7px;transition:background .15s,border-color .15s,color .15s}.studio-cloud-state-actions>button{color:#fff;background:var(--studio-brand);border:1px solid var(--studio-brand);box-shadow:0 6px 16px -10px #ff6b3599}.studio-cloud-state-actions>button:hover{background:var(--studio-brand-deep);border-color:var(--studio-brand-deep)}.studio-cloud-state-actions>a{color:var(--studio-ink);text-decoration:none;background:#fff;border:1px solid var(--studio-line)}.studio-cloud-state-actions>a:hover{color:var(--studio-brand-deep);background:var(--studio-brand-soft);border-color:#ffd2bd}.studio-eyebrow{display:inline-flex;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--studio-brand-deep);align-items:center;gap:7px}.studio-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:54px 0 18px}.studio-section-head h2{margin:10px 0 6px;font-size:clamp(21px,2.1vw,27px);letter-spacing:-.03em}.studio-section-head p{max-width:620px;margin:0;font-size:14px;line-height:1.7;color:var(--studio-muted)}.studio-section-head>small{padding:7px 13px;font-size:12px;color:var(--studio-muted);background:#fff;border:1px solid var(--studio-line);border-radius:999px;flex-shrink:0}.studio-hero-band{position:relative;padding:96px var(--studio-gutter) 46px;margin:0 calc(var(--studio-gutter) * -1) 6px;overflow:hidden;background:radial-gradient(1250px 560px at 80% -6%,#ffe1cb 0,transparent 58%),radial-gradient(950px 480px at 2% 104%,#e6ebfa 0,transparent 62%),linear-gradient(180deg,#fffdfc,#f7f8fa);border-bottom:1px solid #ebe6e1}.studio-hero-band:before{position:absolute;pointer-events:none;background-image:linear-gradient(#0f172a18 1px,transparent 0),linear-gradient(90deg,#0f172a18 1px,transparent 0);background-size:46px 46px;content:"";inset:0;mask-image:radial-gradient(130% 105% at 50% 8%,#000 0,#0009 46%,transparent 82%)}.studio-hero-band>*{position:relative}.studio-hero{display:grid;padding:0 0 clamp(26px,3vw,40px);grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:clamp(28px,4vw,64px);align-items:center}.studio-hero h1{margin:15px 0 14px;font-size:clamp(30px,3.5vw,46px);line-height:1.16;letter-spacing:-.045em}.studio-hero h1 em{position:relative;font-style:normal;white-space:nowrap}.studio-hero h1 em:after{position:absolute;right:-.04em;bottom:.06em;left:-.04em;height:.2em;background:#ffc9ab;border-radius:3px;content:""}.studio-hero h1 em>span{position:relative;z-index:1}.studio-hero-copy>p{max-width:560px;margin:0;font-size:15px;line-height:1.85;color:#4a5567}.studio-hero-steps{display:grid;padding:0;margin:24px 0 26px;list-style:none;gap:9px}.studio-hero-steps li{display:grid;padding:11px 14px;background:#fffdfbcc;border:1px solid #eee6e0;border-radius:13px;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:center}.studio-hero-steps b{display:grid;width:26px;height:26px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:linear-gradient(140deg,#ff8a4c,var(--studio-brand-deep));border-radius:9px;place-items:center}.studio-hero-steps strong{margin-right:9px;font-size:14px}.studio-hero-steps small{font-size:12.5px;color:var(--studio-muted)}.studio-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.studio-hero-cta button{display:inline-flex;height:48px;padding:0 22px;font-size:15px;font-weight:750;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8348,var(--studio-brand-deep));border:0;border-radius:12px;box-shadow:0 12px 28px #ff6b3538;transition:transform .2s,box-shadow .2s;align-items:center;gap:9px}.studio-hero-cta button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #ff6b3547}.studio-hero-cta a{display:inline-flex;height:48px;padding:0 18px;font-size:14px;font-weight:650;color:#3c4757;text-decoration:none;background:#fff;border:1px solid #e2d9d2;border-radius:12px;align-items:center;gap:7px}.studio-hero-cta a:hover{color:var(--studio-brand-deep);border-color:#ffb694}.studio-hero-preview{overflow:hidden;background:linear-gradient(165deg,#1b2338,#0c1120);border:1px solid #232c44;border-radius:18px;box-shadow:0 30px 66px #10182833;user-select:none}.studio-hero-preview-bar{display:flex;padding:11px 14px;background:#151c30;border-bottom:1px solid #232c44;align-items:center;gap:6px}.studio-hero-preview-bar i{width:8px;height:8px;background:#39435f;border-radius:50%}.studio-hero-preview-bar i:first-child{background:#ff6b5d}.studio-hero-preview-bar span{margin-left:8px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7e8db0}.studio-hero-preview-bar b{padding:3px 8px;margin-left:auto;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffb08a;background:#ff6b3524;border-radius:6px}.studio-hero-preview-stage{display:flex;justify-content:center;gap:9px;padding:30px 18px 16px}.studio-hero-preview-stage div{display:grid;gap:6px;justify-items:center;min-width:46px}.studio-hero-preview-stage em{height:14px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#ffad8b;animation:studio-hero-caption .28s ease both}.studio-hero-preview-stage b{display:grid;width:100%;height:46px;font-size:15px;color:#dce4f3;background:#232e46;border:1px solid #3a4665;border-radius:9px;place-items:center;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.studio-hero-preview-stage small{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#66748f}.studio-hero-preview-stage .on b{color:#fff;background:#c14b21;border-color:#ff9a70;box-shadow:0 0 0 4px #ff6b352e}.studio-hero-preview-stage .hit b{color:#d8fbe9;background:#17623f;border-color:#3fb779}.studio-hero-preview-aux{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 18px 18px}.studio-hero-preview-aux span{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#6a7896}.studio-hero-preview-aux code{padding:4px 9px;font-size:11px;color:#b6c2d8;background:#1a2237;border:1px solid #333f5c;border-radius:7px;animation:studio-hero-chip .32s ease both}.studio-hero-preview-aux code.ghost{color:#56637f;border-style:dashed}.studio-hero-preview-code{padding:14px 0;background:#080d1a;border-top:1px solid #1e2740}.studio-hero-preview-code p{padding:1px 16px;margin:0;overflow-x:auto;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7c8aa6;white-space:pre;border-left:2px solid transparent;scrollbar-width:none;transition:color .25s,background .25s,border-color .25s}.studio-hero-preview-code p.active{color:#fff;background:#ff6b351f;border-left-color:var(--studio-brand)}.studio-hero-preview-foot{display:grid;padding:11px 16px 13px;background:#131a2d;border-top:1px solid #1e2740;gap:9px}.studio-hero-preview-foot>p{min-height:17px;margin:0;overflow:hidden;font:11.5px/17px ui-monospace,SFMono-Regular,Menlo,monospace;color:#93a3c2;text-overflow:ellipsis;white-space:nowrap;animation:studio-hero-caption .34s ease both}.studio-hero-preview-foot>p[data-done=true]{color:#7fd3ac}.studio-hero-preview-foot>div{display:flex;align-items:center;gap:11px}.studio-hero-preview-foot i{position:relative;height:4px;background:#2b344c;border-radius:99px;flex:1}.studio-hero-preview-foot i b{position:absolute;inset:0 auto 0 0;background:var(--studio-brand);border-radius:99px;transition:width .4s ease}.studio-hero-preview-foot>div>span{display:grid;width:24px;height:24px;color:#fff;background:var(--studio-brand);border-radius:50%;place-items:center;flex-shrink:0}@keyframes studio-hero-caption{0%{opacity:0;transform:translateY(3px)}}@keyframes studio-hero-chip{0%{opacity:0;transform:translateY(-5px)}}.studio-stats{display:grid;padding:22px 12px;margin:0;background:#ffffffb8;border:1px solid #eae4de;border-radius:18px;box-shadow:0 12px 34px #1018280a;grid-template-columns:repeat(4,minmax(0,1fr));backdrop-filter:blur(8px)}.studio-stats div{padding:2px 22px;text-align:center}.studio-stats div+div{border-left:1px solid #eef0f4}.studio-stats dt{font:800 clamp(24px,2.4vw,31px) /1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.03em}.studio-stats dd{margin:9px 0 0;font-size:12.5px;color:var(--studio-muted)}.studio-topic-panel{padding:18px;background:#fff;border:1px solid var(--studio-line);border-radius:18px;box-shadow:0 16px 46px #1018280a}.studio-stage-tabs{display:grid;padding:4px;background:#f3f5f8;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.studio-stage-tabs button{display:flex;height:46px;padding:0 14px;font-size:13.5px;color:#5b6678;cursor:pointer;background:transparent;border:0;border-radius:10px;transition:color .18s,background .18s,box-shadow .18s;align-items:center;gap:9px}.studio-stage-tabs button>svg{color:#98a2b3;transition:color .18s;flex-shrink:0}.studio-stage-tabs strong{min-width:0;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap;flex:1}.studio-stage-tabs em{margin-right:3px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#a5adbb;transition:color .18s}.studio-stage-tabs b{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b95a6;transition:color .18s;flex-shrink:0}.studio-stage-tabs button:hover{color:var(--studio-ink);background:#ffffffa8}.studio-stage-tabs button.active{color:var(--studio-ink);background:#fff;box-shadow:0 1px 3px #10182814,0 0 0 1px #ffd2ba}.studio-stage-tabs button.active b,.studio-stage-tabs button.active em,.studio-stage-tabs button.active>svg{color:var(--studio-brand-deep)}.studio-topic-desc{display:flex;margin:15px 2px 13px;font-size:13px;color:var(--studio-muted);align-items:center;gap:8px}.studio-topic-desc svg{flex-shrink:0;color:var(--studio-brand)}.studio-shelves{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.studio-shelves button{display:grid;padding:12px 14px;color:var(--studio-ink);text-align:left;cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;grid-template-columns:32px minmax(0,1fr);gap:7px 11px;align-items:center}.studio-shelves button>i{display:grid;width:32px;height:32px;color:#8a94a6;background:#f2f4f8;border-radius:10px;transition:color .18s,background .18s;place-items:center;grid-row:span 2}.studio-shelves button>div{display:flex;align-items:center;gap:8px;min-width:0}.studio-shelves strong{min-width:0;overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap;flex:1}.studio-shelves span{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b95a6;flex-shrink:0}.studio-shelves em{height:4px;overflow:hidden;background:#eef0f4;border-radius:99px;flex:1}.studio-shelves em b{display:block;height:100%;background:var(--studio-teal);border-radius:99px;transition:width .25s}.studio-shelves small{font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a2abb9;flex-shrink:0}.studio-shelves button:hover{border-color:#ffb694;transform:translateY(-1px);box-shadow:0 8px 20px #10182812}.studio-shelves button:hover>i{color:var(--studio-brand-deep);background:var(--studio-brand-soft)}.studio-shelves button.active{background:linear-gradient(150deg,#fff5ef,#fff);border-color:#ffb694;box-shadow:0 8px 22px #ff6b3524}.studio-shelves button.active>i{color:#fff;background:linear-gradient(140deg,#ff8a4c,var(--studio-brand-deep))}.studio-shelves button.active span,.studio-shelves button.active strong{color:var(--studio-brand-deep)}.studio-shelves button.active em b{background:var(--studio-brand)}.studio-library-panel{overflow:hidden;background:#fff;border:1px solid var(--studio-line);border-radius:18px;box-shadow:0 16px 46px #1018280a}.studio-filterbar{display:grid;padding:18px;background:#fcfcfd;border-bottom:1px solid var(--studio-line);gap:12px}.studio-filterbar-top{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px}.studio-search{display:flex;padding:0 14px;background:#fff;border:1px solid var(--studio-line);border-radius:11px;align-items:center;gap:10px}.studio-search svg{flex-shrink:0;color:#98a2b3}.studio-search:focus-within{border-color:#ffa77e;box-shadow:0 0 0 3px #ff6b3520}.studio-search input{width:100%;height:44px;font-size:14px;color:var(--studio-ink);background:transparent;border:0;outline:0}.studio-select{position:relative;display:flex;align-items:center}.studio-select svg{position:absolute;right:12px;color:#98a2b3;pointer-events:none}.studio-select select{width:100%;height:44px;padding:0 34px 0 13px;font-size:13.5px;color:var(--studio-ink);cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:11px;outline:0;appearance:none}.studio-select select:focus{border-color:#ffa77e}.studio-filterbar-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.studio-pills{display:flex;padding:3px;background:#f2f4f8;border:1px solid var(--studio-line);border-radius:11px;gap:3px}.studio-pills button{padding:7px 13px;font-size:12.5px;color:#5b6678;cursor:pointer;background:transparent;border:0;border-radius:8px}.studio-pills button:hover{color:var(--studio-ink)}.studio-pills button.active{font-weight:750;color:var(--studio-ink);background:#fff;box-shadow:0 1px 4px #10182814}.studio-pills button.active[data-level=easy]{color:#18864b}.studio-pills button.active[data-level=medium]{color:#a36500}.studio-pills button.active[data-level=hard]{color:#c4322d}.studio-active-chip{display:inline-flex;padding:7px 9px 7px 13px;margin-left:auto;font-size:12.5px;font-weight:650;color:var(--studio-brand-deep);background:var(--studio-brand-soft);border:1px solid #ffcdb4;border-radius:999px;align-items:center;gap:7px}.studio-active-chip button{display:grid;width:19px;height:19px;color:#fff;cursor:pointer;background:#ffab88;border:0;border-radius:50%;place-items:center}.studio-active-chip button:hover{background:var(--studio-brand-deep)}.studio-table-meta{display:flex;padding:13px 20px;font-size:12px;color:var(--studio-muted);align-items:center;justify-content:space-between}.studio-table-meta span{display:inline-flex;align-items:center;gap:6px}.studio-table-meta b{color:var(--studio-ink)}.studio-problem-table>button,.studio-problem-table>div{display:grid;width:100%;min-height:70px;padding:0 20px;color:inherit;text-align:left;background:#fff;border:0;border-top:1px solid #eef0f4;grid-template-columns:50px minmax(200px,1.15fr) minmax(140px,.72fr) 118px 130px 84px;align-items:center}.studio-problem-table>button{cursor:pointer;transition:background .15s}.studio-problem-table>button:hover{background:#fffaf7}.studio-table-head{min-height:40px!important;font-size:11px;font-weight:750;letter-spacing:.04em;color:#8b95a6;background:#fafbfc!important}.studio-problem-table button>span:first-child i{display:block;width:17px;height:17px;margin-left:1px;border:2px solid #dde1e9;border-radius:50%}.studio-problem-table .done{color:var(--studio-teal)}.studio-cell-title b{display:flex;align-items:baseline;gap:9px;font-size:14.5px}.studio-cell-title em{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#98a2b3}.studio-cell-title small{display:inline-flex;margin-top:5px;font-size:11.5px;color:#8b95a6;align-items:center;gap:5px}.studio-cell-pattern code{display:inline-block;max-width:100%;padding:4px 9px;overflow:hidden;font-size:11.5px;color:#5b6678;text-overflow:ellipsis;white-space:nowrap;background:#f4f6f9;border-radius:7px}.studio-cell-freq{display:flex;align-items:center;gap:9px}.studio-meter{display:flex;gap:3px}.studio-meter b{width:5px;height:12px;background:#e6e9ef;border-radius:2px}.studio-meter b.on{background:#ffb03a}.studio-cell-freq small{font-size:11.5px;color:#8b95a6}.studio-cell-freq[data-hot=true] small{font-weight:700;color:var(--studio-brand-deep)}.studio-cell-freq[data-hot=true] .studio-meter b.on{background:var(--studio-brand)}.studio-cell-rate{display:flex;padding-right:16px;font:12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;align-items:baseline;justify-content:flex-end;gap:5px}.studio-cell-rate b{font-weight:700;color:#3c4757}.studio-cell-rate small{font-size:12.5px;color:#5b6678}.studio-cell-rate small:before{margin-right:5px;color:#cbd2dc;content:"·"}.studio-cell-rate i{font-style:normal;color:#cbd2dc}.studio-problem-table>.studio-table-head>span:nth-child(5){padding-right:16px;text-align:right}.studio-problem-table>button>span:nth-child(6),.studio-problem-table>div>span:nth-child(6){text-align:right}.studio-difficulty{display:inline-flex;padding:4px 9px;font-size:11px;font-weight:800;border-radius:999px}.studio-problem-table>.studio-table-empty{display:grid;min-height:0;padding:64px 20px;text-align:center;border-top:1px solid #eef0f4;grid-template-columns:none;place-items:center;gap:6px}.studio-table-empty svg{color:#cbd2dc}.studio-table-empty strong{font-size:15px}.studio-table-empty p{margin:0;font-size:13px;color:var(--studio-muted)}.studio-table-empty button{padding:9px 16px;margin-top:10px;font-weight:650;color:var(--studio-brand-deep);cursor:pointer;background:var(--studio-brand-soft);border:1px solid #ffcdb4;border-radius:10px}.studio-pagination{display:flex;justify-content:flex-end;gap:6px;padding:16px 20px;border-top:1px solid var(--studio-line)}.studio-pagination button{height:38px;min-width:38px;padding:0 12px;font-size:13px;color:#55617a;cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:10px}.studio-pagination button:hover:not(:disabled){color:var(--studio-brand-deep);border-color:#ffb694}.studio-pagination button.active{font-weight:750;color:#fff;background:linear-gradient(140deg,#ff8348,var(--studio-brand-deep));border-color:transparent}.studio-pagination button:disabled{cursor:not-allowed;opacity:.45}.studio-skeleton i{display:block;background:linear-gradient(100deg,#eceff5 20%,#f8f9fc 38%,#eceff5 56%);background-size:240% 100%;border-radius:8px;animation:studio-skeleton-wave 1.35s ease-in-out infinite}.studio-skeleton-hero{display:grid;min-height:380px;padding:40px;background:#fff;border:1px solid #e9e3dd;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:48px;align-items:center}.studio-skeleton-hero>div:first-child i:first-child{width:138px;height:12px}.studio-skeleton-hero>div:first-child i:nth-child(2){width:78%;height:44px;margin-top:18px}.studio-skeleton-hero>div:first-child i:nth-child(3){width:92%;height:14px;margin-top:17px}.studio-skeleton-hero>div:last-child i{height:68px}.studio-skeleton-hero>div:last-child i+i{margin-top:12px}.studio-skeleton-table,.studio-skeleton-topic{margin-top:26px;overflow:hidden;background:#fff;border:1px solid var(--studio-line);border-radius:18px}.studio-skeleton-topic header{display:flex;gap:16px;padding:19px 22px;border-bottom:1px solid var(--studio-line)}.studio-skeleton-topic header i:first-child{width:34px;height:15px}.studio-skeleton-topic header i:last-child{width:210px;height:15px}.studio-skeleton-topic>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:18px 22px}.studio-skeleton-topic>div i{height:96px;border-radius:14px}.studio-skeleton-table>div,.studio-skeleton-table>header{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px;align-items:center;min-height:62px;padding:0 24px;border-bottom:1px solid #eef0f5}.studio-skeleton-table>header{min-height:72px}.studio-skeleton-table i{width:72%;height:12px}.studio-skeleton-table i:first-child{width:58%}.studio-skeleton-status{display:block;margin-top:14px;font-size:12px;color:var(--studio-muted);text-align:right}.studio-skeleton-practice-head{display:grid;grid-template-columns:120px 280px 1fr;gap:20px;align-items:center;height:72px;padding:0 28px;background:#fff}.studio-skeleton-practice-head i{height:34px}.studio-skeleton-practice-head i:last-child{width:360px;justify-self:end}.studio-skeleton-split{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 130px)}.studio-skeleton-split section{display:grid;padding:34px;background:#fff;border-top:1px solid var(--studio-line);align-content:start;gap:22px}.studio-skeleton-split section+section{border-left:1px solid var(--studio-line)}.studio-skeleton-split section:first-child i{height:14px}.studio-skeleton-split section:first-child i:nth-child(3n+1){width:42%;height:24px}.studio-skeleton-split .editor-head{width:180px;height:16px}.studio-skeleton-split .editor{width:100%;height:430px;border-radius:12px}.studio-skeleton-split section:last-child div{display:flex;gap:10px}.studio-skeleton-split section:last-child div i{width:90px;height:36px}@keyframes studio-skeleton-wave{to{background-position-x:-240%}}@media (width <= 1180px){.studio-hero{grid-template-columns:1fr}.studio-hero-preview{order:-1}.studio-skeleton-hero{grid-template-columns:1fr}.studio-skeleton-topic>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width <= 900px){.studio-library{--studio-gutter:14px;padding:0 var(--studio-gutter) 56px}.studio-library.studio-skeleton{padding-top:78px}.studio-hero-band{padding:82px var(--studio-gutter) 26px}.studio-hero-band:before{background-size:34px 34px}.studio-hero{padding:0 0 22px}.studio-hero-preview{display:none}.studio-hero-cta a,.studio-hero-cta button{flex:1;justify-content:center}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;padding:20px 6px}.studio-stats div:nth-child(odd){border-left:0}.studio-stats div{padding:2px 10px}.studio-section-head{display:block;margin:40px 0 14px}.studio-section-head>small{display:inline-block;margin-top:12px}.studio-stage-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.studio-stage-tabs button{flex:0 0 auto}.studio-topic-panel{padding:12px}.studio-shelves{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.studio-shelves button{padding:11px 12px}.studio-filterbar-top{grid-template-columns:1fr}.studio-filterbar-bottom{gap:8px}.studio-pills{flex:1;justify-content:space-between}.studio-pills button{padding:7px 9px;font-size:12px}.studio-active-chip{width:100%;margin-left:0}.studio-problem-table button>span:nth-child(3),.studio-problem-table button>span:nth-child(4),.studio-problem-table button>span:nth-child(5),.studio-problem-table>.studio-table-head,.studio-table-meta span:last-child{display:none}.studio-problem-table>button{grid-template-columns:34px minmax(0,1fr) 68px;min-height:64px;padding:0 13px}.studio-skeleton-hero{min-height:300px;padding:22px 18px}.studio-skeleton-hero>div:last-child{display:none}.studio-skeleton-topic>div{display:flex;overflow:hidden}.studio-skeleton-topic>div i{min-width:160px}.studio-skeleton-table>div,.studio-skeleton-table>header{grid-template-columns:2fr 1fr}.studio-skeleton-table i:nth-child(n+3){display:none}.studio-skeleton-practice-head{grid-template-columns:90px 1fr;padding:0 14px}.studio-skeleton-practice-head i:last-child{display:none}.studio-skeleton-split{display:block;height:auto}.studio-skeleton-split section+section{border-left:0}}@media (width <= 520px){.studio-filterbar{padding:12px}.studio-filterbar-bottom{display:grid;grid-template-columns:minmax(0,1fr)}.studio-pills{width:100%;min-width:0}.studio-pills button{flex:1 1 0;min-width:0;padding:8px 6px;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.studio-followups details,.studio-followups summary>svg,.studio-hero-cta button,.studio-hero-preview-code p,.studio-hero-preview-foot i b,.studio-hero-preview-stage b,.studio-shelves button,.studio-stage-tabs button{transition:none}.studio-hero-preview-aux code,.studio-hero-preview-foot>p,.studio-hero-preview-stage em,.studio-skeleton i,.studio-submissions-skeleton i{animation:none}}.studio-practice{min-height:100vh;padding-top:calc(var(--site-nav-h) + .4px);background:#eef1f6}.studio-practice-head{position:sticky;top:calc(var(--site-nav-h) + .4px);z-index:10;display:grid;height:72px;padding:0 24px;background:#fff;border-bottom:1px solid var(--studio-line);box-shadow:0 -6px 0 #fff;grid-template-columns:auto minmax(160px,1fr) minmax(0,auto) auto;align-items:center;gap:18px}.studio-practice-head .studio-practice-steps{display:flex;min-width:0;gap:16px;justify-content:flex-end}.studio-practice-head .studio-practice-steps button{display:inline-flex;max-width:240px;min-width:0;padding:6px 10px;font-size:12px;color:#8a95a7;cursor:pointer;background:transparent;border:0;border-radius:9px;align-items:center;gap:5px;transition:background .15s,color .15s}.studio-practice-head .studio-practice-steps button:hover:not(:disabled){background:#f1f3f8}.studio-practice-head .studio-practice-steps button i{font-style:normal;white-space:nowrap}.studio-practice-head .studio-practice-steps button em{overflow:hidden;font-style:normal;font-weight:650;color:#3e4b60;text-overflow:ellipsis;white-space:nowrap}.studio-practice-head .studio-practice-steps button:hover em{color:var(--studio-brand-deep)}.studio-practice-head .studio-practice-steps button:disabled{cursor:default;opacity:.5}.studio-practice-head nav button,.studio-practice-head>button{display:inline-flex;height:38px;padding:0 12px;color:#526078;cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:9px;align-items:center;gap:7px}.studio-practice-head>div{display:flex;align-items:center;gap:9px;min-width:0}.studio-practice-head>div>span:first-child{font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--studio-violet)}.studio-practice-head>div strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.studio-practice-head>div small{overflow:hidden;color:#8a95a7;text-overflow:ellipsis;white-space:nowrap}.studio-practice-head nav{display:flex;gap:6px}.studio-practice-head nav button.active{color:#c2410c;background:var(--studio-violet-soft);border-color:#ffd9c8}.studio-solved{display:inline-flex;font-size:12px;color:#7b879a;align-items:center;gap:6px}.studio-solved.done{color:var(--studio-teal)}.studio-split{display:grid;grid-template-columns:minmax(430px,1fr) minmax(520px,1.08fr);height:calc(100vh - 130px);min-height:620px}.studio-code-pane,.studio-reading-pane{position:relative;z-index:0;min-width:0;overflow-y:auto;scrollbar-gutter:stable;background:#fff}.studio-reading-pane{border-right:1px solid #dfe3ec}.studio-code-pane{background:#f8f9fc}.studio-pane-title{justify-content:space-between}.studio-pane-tabs,.studio-pane-title{position:sticky;top:0;z-index:9;display:flex;height:44px;padding:0 20px;background:#fff;border-bottom:1px solid var(--studio-line);align-items:center}.studio-pane-tabs{overflow-x:auto;gap:4px;scrollbar-width:none}.studio-pane-tabs::-webkit-scrollbar{display:none}.studio-pane-tabs button{position:relative;display:inline-flex;height:43px;flex-shrink:0;padding:0 4px;font-size:13px;font-weight:700;color:#8b95a6;cursor:pointer;background:transparent;border:0;transition:color .16s;align-items:center;gap:6px}.studio-pane-tabs button+button{margin-left:16px}.studio-pane-tabs button.active,.studio-pane-tabs button:hover{color:var(--studio-ink)}.studio-pane-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--studio-brand);border-radius:2px 2px 0 0;content:""}.studio-pane-tabs small{margin-left:auto;font-size:10px;color:#939dae}.studio-submissions>header{display:flex;margin-bottom:18px;align-items:flex-start;justify-content:space-between;gap:16px}.studio-submissions>header h3{margin:0 0 6px}.studio-submissions>header p{max-width:460px;margin:0;font-size:13px;color:var(--studio-muted)}.studio-submissions>header span{padding:4px 10px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--studio-brand-deep);background:var(--studio-brand-soft);border:1px solid #ffd9c8;border-radius:999px;flex-shrink:0}.studio-submissions-hint{margin:0;font-size:13px;color:var(--studio-muted)}.studio-submissions-empty{display:grid;padding:46px 20px;text-align:center;background:#fbfcfd;border:1px dashed #dfe3ea;border-radius:14px;gap:6px;place-items:center}.studio-submissions-empty svg{color:#cbd2dc}.studio-submissions-empty strong{font-size:15px}.studio-submissions-empty p{max-width:320px;margin:0;font-size:13px;color:var(--studio-muted)}.studio-document .studio-submissions-list{display:grid;padding:0;margin:0;list-style:none;gap:8px}.studio-document .studio-submissions-list>li{padding:0;margin:0;font-size:0;line-height:0}.studio-submissions-list>li>details,.studio-submissions-skeleton>li>div{margin:0;font-size:13px;line-height:normal}.studio-document .studio-submissions-skeleton>li{background:#fff;border:1px solid var(--studio-line);border-radius:12px}.studio-submissions-skeleton>li>div{display:flex;min-height:42px;padding:0 14px;align-items:center;gap:10px}.studio-submissions-skeleton i{display:block;background:linear-gradient(100deg,#eceff5 20%,#f8f9fc 38%,#eceff5 56%);background-size:240% 100%;border-radius:6px;animation:studio-skeleton-wave 1.35s ease-in-out infinite}.studio-submissions-skeleton i.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.studio-submissions-skeleton i.status{width:68px;height:13px}.studio-submissions-skeleton i.mode{width:36px;height:16px;border-radius:999px}.studio-submissions-skeleton i.cases{width:92px;height:11px}.studio-submissions-skeleton i.time{width:52px;height:11px;margin-left:auto}.studio-submissions-skeleton>li:nth-child(2) i{animation-delay:.12s}.studio-submissions-skeleton>li:nth-child(3) i{animation-delay:.24s}.studio-submissions-list details{overflow:hidden;background:#fff;border:1px solid var(--studio-line);border-radius:12px}.studio-submissions-list summary{display:flex;min-height:42px;padding:0 14px;line-height:normal;list-style:none;cursor:pointer;align-items:center;gap:10px}.studio-submissions-list summary::-webkit-details-marker{display:none}.studio-submissions-list details[open] summary{border-bottom:1px solid #eef0f4}.studio-submissions-list summary i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.studio-submissions-list summary i.pass{background:var(--studio-teal)}.studio-submissions-list summary i.fail{background:#d84b45}.studio-submissions-list summary i.neutral{background:#98a2b3}.studio-submissions-list summary strong{font-size:13.5px}.studio-submissions-list summary em{padding:2px 7px;font-size:10.5px;font-style:normal;color:#6c7789;background:#f2f4f8;border-radius:999px}.studio-submissions-list summary b,.studio-submissions-list summary small,.studio-submissions-list summary span{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b95a6}.studio-submissions-list summary small{margin-left:auto;flex-shrink:0}.studio-submissions-cases{display:grid;padding:12px 14px;margin:0;list-style:none;gap:6px}.studio-document .studio-submissions-cases li{display:grid;padding:7px 10px;font-size:12px;line-height:normal;border-radius:9px;grid-template-columns:15px auto minmax(0,1fr);gap:8px;align-items:center}.studio-submissions-cases li.pass{color:#137642;background:#edfaf2}.studio-submissions-cases li.fail{color:#a72b27;background:#fff0ef}.studio-submissions-cases li.neutral{color:#46536b;background:#f1f4f8}.studio-submissions-cases li span{font-size:12px;font-weight:700}.studio-submissions-cases li code{overflow:hidden;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.studio-submissions-list pre{max-height:300px;padding:14px;margin:0;overflow:auto;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dce4f1;background:#0b1020}.studio-submissions-list .studio-reference-highlight .code-wrapper{max-width:100%;margin:0}.studio-submissions-list .studio-reference-highlight pre.hljs{padding:30px 14px 14px;border-radius:0}.studio-pane-title span{font-size:13px;font-weight:800}.studio-pane-title small{font-size:10px;color:#939dae}.studio-code-pane-tools{display:flex;gap:12px;align-items:center}.studio-reset-code{display:inline-flex;gap:4px;align-items:center;padding:4px 9px;font-size:11px;color:#5d6b85;cursor:pointer;background:#f4f6fa;border:1px solid #e2e6ef;border-radius:7px}.studio-reset-code:hover{color:#a44c2b;background:#fff5f0;border-color:#ffd9c8}.studio-document{max-width:820px;padding:28px 30px 80px;margin:auto}.studio-document section{margin-bottom:30px}.studio-document h3{margin:0 0 13px;font-size:17px}.studio-document li,.studio-document p{font-size:14px;line-height:1.85;color:#505d72}.studio-examples{display:grid;gap:12px}.studio-examples article{display:grid;padding:15px 17px;background:#fafbfe;border:1px solid var(--studio-line);border-radius:11px;gap:7px}.studio-examples span{font-size:11px;font-weight:800;color:var(--studio-violet)}.studio-examples code,.studio-proof code{font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3c485c;overflow-wrap:anywhere}.studio-constraints,.studio-pitfalls ul{padding-left:20px;margin:0}.studio-recall-card{padding:22px;background:#fff8f4;border:1px solid #ffd7c8;border-radius:14px}.studio-recall-card>span{display:inline-flex;padding:4px 9px;font-size:11px;font-weight:800;color:#fff;background:#f36b39;border-radius:99px}.studio-recall-card ol{padding-left:24px}.studio-recall-card>strong{display:block;padding-top:14px;font-size:11px;color:#bc4e25;border-top:1px dashed #ffc6b1}.studio-proof{padding:20px;background:#f0faf7;border-left:4px solid var(--studio-teal);border-radius:0 12px 12px 0}.studio-pitfalls{padding:20px;background:#fffaf0;border:1px solid #f3d8a2;border-radius:12px}.studio-pitfalls h3{display:flex;align-items:center;gap:7px;color:#a66500}.studio-followups{--fu-accent:#2f6fd0;--fu-surface:#fbfdff;--fu-line:#dbe7f6;--fu-badge:#e8f0fb}.studio-followups h3{display:flex;align-items:center;gap:7px;color:var(--fu-accent)}.studio-followup-list{display:grid;gap:9px}.studio-followups details{margin:0;overflow:hidden;background:var(--fu-surface);border:1px solid var(--fu-line);border-radius:11px;transition:border-color .16s ease,box-shadow .16s ease}.studio-followups details:hover{border-color:#bfd6f1}.studio-followups details[open]{background:#fff;border-color:#c6dbf4;box-shadow:0 1px 2px rgb(47 111 208/7%)}.studio-followups summary{display:flex;padding:12px 14px;line-height:1.65;list-style:none;cursor:pointer;align-items:flex-start;gap:10px}.studio-followups summary::-webkit-details-marker{display:none}.studio-followups summary>b{padding:1px 6px;margin-top:2px;font-size:10.5px;font-weight:700;line-height:1.65;color:var(--fu-accent);white-space:nowrap;background:var(--fu-badge);border-radius:4px;flex:none}.studio-followups summary>span{font-size:14px;font-weight:650;color:#223449;flex:1}.studio-followups summary>svg{margin-top:4px;color:#94a7c2;transition:transform .18s ease;flex:none}.studio-followups details[open] summary>svg{transform:rotate(180deg)}.studio-followups summary code{padding:1px 5px;font-size:.9em;color:#1c4f9c;background:#eef4fd;border:1px solid var(--fu-line);border-radius:4px}.studio-followup-answer{padding:12px 14px 14px;border-top:1px solid var(--fu-line)}.studio-followup-answer>em{display:inline-flex;padding:1px 6px;margin-bottom:6px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1.65;color:#fff;background:var(--fu-accent);border-radius:4px}.studio-followup-answer .studio-solution-markdown>:first-child{margin-top:0}.studio-followup-answer .studio-solution-markdown>:last-child{margin-bottom:0}.studio-code-pane .algo-runner{display:flex;min-height:calc(100% - 44px);margin:0;background:#fff;border:0;border-radius:0;flex-direction:column}.studio-monaco{position:relative;z-index:0;display:grid;min-height:300px;overflow:hidden;background:#0b1020;border-block:1px solid #263147;flex:1;grid-template-rows:minmax(0,1fr)}.studio-monaco>section{min-width:0;min-height:0}.studio-monaco-loading{display:grid;min-height:300px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d6b85;place-items:center}.studio-test-console{padding:14px 16px;background:#f8f9fc;border-top:1px solid var(--studio-line)}.studio-example-tabs,.studio-test-console label>span{display:flex;align-items:center;gap:8px}.studio-example-tabs{margin-bottom:11px}.studio-example-tabs strong{margin-right:auto;font-size:13px}.studio-example-tabs button{padding:5px 9px;color:#c2410c;cursor:pointer;background:#fff;border:1px solid #ffd9c8;border-radius:7px}.studio-test-console label>span{margin-bottom:7px;font-size:12px;font-weight:750}.studio-test-console label small{font-weight:500;color:var(--studio-muted)}.studio-code-pane .studio-test-console textarea{width:100%;min-height:92px;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--studio-ink);background:#fff;border:1px solid #ffd9c8;border-radius:9px;outline:none;resize:vertical}.studio-test-console-field{border-radius:9px}.studio-test-console-field textarea{display:block}.studio-analyze-tabs{display:inline-flex;gap:3px;padding:3px;margin-bottom:14px;background:#f7f8fa;border:1px solid var(--studio-line);border-radius:9px}.studio-analyze-tabs button{display:inline-flex;gap:5px;align-items:center;padding:5px 11px;font-size:12px;color:var(--studio-muted);cursor:pointer;background:transparent;border:0;border-radius:7px}.studio-analyze-tabs button.is-on{font-weight:700;color:#4f46e5;background:#fff;box-shadow:0 1px 3px rgb(15 23 42/8%)}.studio-analyze-map{overflow:hidden;background:#fff;border:1px solid var(--studio-line);border-radius:12px}.studio-analyze-map-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--studio-muted);background:#f7f8fa;border-bottom:1px solid var(--studio-line)}.studio-analyze-map-bar button,.studio-analyze-map-bar span{display:inline-flex;gap:5px;align-items:center;font-size:11px}.studio-analyze-map-bar button{padding:4px 8px;color:var(--studio-muted);cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:6px}.studio-analyze-map-canvas{display:block;width:100%;height:440px;--markmap-text-color:var(--studio-ink);--markmap-circle-open-bg:#fff}.studio-analyze-map>p{padding:6px 12px;font-size:11px;color:var(--studio-muted);text-align:right;border-top:1px solid var(--studio-line)}.studio-analyze-map-empty{padding:24px;color:var(--studio-muted);text-align:center;border:1px dashed var(--studio-line);border-radius:10px}@media (width <= 640px){.studio-analyze-map-canvas{height:320px}.studio-analyze-map-bar span{display:none}}.studio-analyze-skeleton{width:100%;padding:28px 30px 60px}.studio-analyze-skeleton i{display:block;background:linear-gradient(100deg,#eceff5 20%,#f8f9fc 38%,#eceff5 56%);background-size:240% 100%;border-radius:8px;animation:studio-skeleton-wave 1.35s ease-in-out infinite}.studio-analyze-skeleton-title{width:92px;height:20px;margin-bottom:18px}.studio-analyze-skeleton-line{height:13px;margin-bottom:9px}.studio-analyze-skeleton-bar{display:flex;gap:10px;margin:22px 0 24px}.studio-analyze-skeleton-bar i:first-child{width:122px;height:32px;border-radius:9px}.studio-analyze-skeleton-bar i:last-child{width:112px;height:36px;border-radius:9px}.studio-analyze-content-skeleton{display:grid;gap:9px;margin-top:4px}.studio-analyze-content-skeleton i{display:block;background:linear-gradient(100deg,#eceff5 20%,#f8f9fc 38%,#eceff5 56%);background-size:240% 100%;border-radius:8px;animation:studio-skeleton-wave 1.35s ease-in-out infinite}.studio-analyze-content-skeleton .studio-analyze-skeleton-line{margin-bottom:0}.studio-analyze-skeleton-block{height:96px;margin-bottom:16px;border-radius:12px}.studio-analyze-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.studio-analyze-alt,.studio-analyze-start,.studio-analyze-stop{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:750;color:#fff;cursor:pointer;background:#ea580c;border:1px solid #ea580c;border-radius:9px}.studio-analyze-alt,.studio-analyze-stop{color:#4a5568;background:#fff;border-color:#cdd3df}.studio-analyze-start:disabled{cursor:not-allowed;opacity:.5}.studio-analyze-start.is-skeleton{width:86px;height:36px;cursor:default;background:linear-gradient(90deg,#e6e8ec 25%,rgb(255 255 255/85%) 37%,#e6e8ec 63%);background-size:400% 100%;border-color:transparent;animation:studio-analyze-skeleton 1.2s ease-in-out infinite}:root[data-theme=dark] .studio-analyze-start.is-skeleton{background:linear-gradient(90deg,rgb(255 255 255/11%) 25%,rgb(255 255 255/22%) 37%,rgb(255 255 255/11%) 63%);background-size:400% 100%}@keyframes studio-analyze-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.studio-analyze-start.is-skeleton{background:#e6e8ec;animation:none}}.studio-analyze-hint,.studio-analyze-typing{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--studio-muted)}.studio-analyze-typing svg{animation:studio-analyze-spin .9s linear infinite}.studio-analyze-failed{display:flex;gap:10px;align-items:center;font-size:12px;color:#b42318}.studio-analyze-failed button{display:inline-flex;gap:4px;align-items:center;padding:4px 8px;font-size:12px;color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px}.studio-analyze-failed button:disabled{cursor:not-allowed;opacity:.5}.studio-analyze .ai-key-tip{margin-top:12px}.studio-analyze-chat{padding-top:18px;margin-top:26px;border-top:1px solid var(--studio-line)}.studio-reading-pane.is-chat{display:flex;overflow:hidden;scrollbar-gutter:auto;flex-direction:column}.studio-reading-pane.is-chat>.studio-pane-tabs{flex:none}.studio-ask-panel{display:flex;min-height:0;flex:1;flex-direction:column}.studio-ask-scroll{min-height:0;overflow-y:auto;scrollbar-gutter:stable;flex:1;overscroll-behavior:contain}.studio-ask-body{display:flex;min-height:100%;padding-bottom:18px;flex-direction:column}.studio-ask-body .studio-analyze-chat{display:flex;flex:1;margin-bottom:0;flex-direction:column}.studio-ask-foot{position:relative;flex:none;background:var(--studio-surface,#fff)}.studio-ask-foot .studio-analyze-composer-dock{max-width:820px;padding:10px 30px 16px;margin:0 auto}.studio-ask-foot .studio-ask-menu{right:30px;left:30px}.studio-analyze-answer{padding-top:18px;margin-top:22px;border-top:1px dashed var(--studio-line)}.studio-analyze-turns{display:grid;gap:22px;margin-top:26px}.studio-analyze-pair{display:grid;gap:14px;padding-bottom:22px;border-bottom:1px dashed var(--studio-line)}.studio-analyze-pair:last-child{padding-bottom:0;border-bottom:0}.studio-analyze-turn{display:flex;gap:9px;align-items:flex-start}.studio-analyze-turn.is-user{flex-direction:row-reverse}.studio-analyze-turn.is-user p{max-width:90%;padding:9px 13px;margin:0;font-size:13px;color:#7c2d12;white-space:pre-wrap;background:var(--studio-brand-soft);border:1px solid #ffd9c8;border-radius:12px 12px 4px}.studio-analyze-turn.is-ai{padding:4px 2px}.studio-analyze-turn.is-ai:has(>.studio-analyze-bubble>.studio-analyze-typing){align-items:center}.studio-analyze-turn.is-ai:has(>.studio-analyze-bubble>.studio-analyze-typing) .studio-analyze-avatar{margin-top:0}.studio-analyze-bubble{display:flex;flex:1;gap:6px;min-width:0;flex-direction:column}.studio-analyze-turn.is-user .studio-analyze-bubble{align-items:flex-end}.studio-analyze-time{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--studio-muted);opacity:.75}.studio-analyze-turn.is-ai .studio-analyze-md>:first-child{margin-top:0}.studio-analyze-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.studio-analyze-actions-time{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--color-text-weak);opacity:.75}.studio-analyze-actions button{display:inline-flex;gap:4px;align-items:center;padding:0;font-size:12px;color:var(--color-text-weak);cursor:pointer;background:none;border:0;opacity:.65;transition:opacity .15s ease,color .15s ease}.studio-analyze-actions button:hover:not(:disabled){color:#4f46e5;opacity:1}.studio-analyze-actions button:disabled{cursor:not-allowed;opacity:.35}.studio-analyze-actions button:has(svg.lucide-check){color:#0c9674;opacity:1}.studio-analyze-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px;margin-top:2px;overflow:hidden;color:var(--studio-muted);background:#f1f5f9;border:1px solid var(--studio-line);border-radius:50%}.studio-analyze-avatar.is-ai{color:#6366f1;background:rgb(99 102 241/10%);border-color:rgb(99 102 241/22%)}.studio-analyze-avatar img{width:100%;height:100%;object-fit:cover}.studio-analyze-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:12px;color:var(--studio-muted)}.studio-analyze-presets button{padding:5px 10px;font-size:12px;color:#4a5568;cursor:pointer;background:#fff;border:1px solid var(--studio-line);border-radius:20px}.studio-analyze-presets button:hover:not(:disabled){color:var(--studio-brand-deep);border-color:#ffc7ad}.studio-analyze-presets button:disabled{cursor:not-allowed;opacity:.5}.studio-analyze-composer-dock{position:relative;padding:10px 0 16px}.studio-analyze-composer-dock:before{position:absolute;right:0;bottom:100%;left:0;height:18px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--studio-surface,#fff));content:""}.studio-analyze-composer{background:#f8f9fc;border:1px solid var(--studio-line);border-radius:14px;box-shadow:0 6px 16px -12px rgb(15 23 42/35%);transition:border-color .2s,box-shadow .2s,background .2s}.studio-analyze-composer:focus-within{background:#fff;border-color:#ffc7ad;box-shadow:0 0 0 3px rgb(255 107 53/12%),0 6px 16px -12px rgb(15 23 42/35%)}.studio-analyze-composer textarea{display:block;width:100%;max-height:220px;min-height:62px;padding:12px 14px 2px;overflow-y:auto;font-family:inherit;font-size:14px;line-height:1.7;color:var(--studio-ink);background:transparent;border:0;outline:none;resize:none}.studio-analyze-composer textarea::placeholder{color:#9aa4b5}.studio-analyze-composer-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:8px 11px 11px}.studio-analyze-composer-bar .studio-analyze-hint{margin:0}.studio-ask-menu{right:0;bottom:100%;left:0;z-index:2;display:flex;flex-direction:column;max-height:min(268px,46vh);padding:6px;margin-bottom:8px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--studio-line);border-radius:14px;box-shadow:0 12px 28px -18px rgb(15 23 42/45%)}.studio-ask-menu,.studio-ask-menu.wi-glass{position:absolute}:root[data-theme=dark] .studio-ask-menu-copy strong i.wi-glass:not(.is-cost),:root[data-theme=dark] .studio-ask-menu.wi-glass{border-color:transparent}.studio-ask-menu-head{padding:6px 8px 4px;font-size:11px;color:var(--studio-muted)}.studio-ask-menu>button{display:flex;gap:10px;align-items:center;padding:7px 8px;text-align:left;cursor:pointer;background:none;border:0;border-radius:10px}.studio-ask-menu>button.is-active{background:#f8f9fc}.studio-ask-menu-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;color:var(--studio-muted);background:#f8f9fc;border-radius:9px}.studio-ask-menu>button.is-active .studio-ask-menu-icon{color:var(--studio-brand);background:#fff}.studio-ask-menu-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.studio-ask-menu-copy strong{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--studio-ink)}.studio-ask-menu-copy strong i{padding:1px 5px;font-size:10.5px;font-style:normal;font-weight:400;line-height:1.5;color:var(--studio-muted);border:1px solid var(--studio-line);border-radius:4px}.studio-ask-menu-copy small{overflow:hidden;font-size:11.5px;line-height:1.5;color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap}.studio-ask-menu kbd{flex-shrink:0;padding:2px 6px;font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;color:var(--studio-muted);background:#f1f3f8;border:0;border-radius:5px}.studio-ask-menu-copy strong i.is-cost{display:inline-flex;gap:2px;align-items:center;color:#b45309;white-space:nowrap;background:rgb(217 119 6/8%);border-color:rgb(217 119 6/25%)}.studio-ask-menu-copy strong i.is-cost svg{flex-shrink:0;opacity:.75}.studio-ask-tool{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;color:var(--studio-muted);cursor:pointer;background:transparent;border:0;border-radius:8px;transition:color .15s,background .15s}.studio-ask-tool.is-on,.studio-ask-tool:hover:not(:disabled){color:var(--studio-brand-deep);background:var(--studio-brand-soft)}.studio-ask-tool:disabled{cursor:not-allowed;opacity:.45}.studio-ask-tool.is-thinking,.studio-ask-tool.is-thinking:hover:not(:disabled){color:var(--studio-brand);background:none;opacity:1}.studio-ask-ripple{position:absolute;inset:-2px;pointer-events:none;border-radius:50%;animation:studio-ask-ripple-ring 2.2s ease-out infinite}.studio-ask-ripple:before{background:radial-gradient(circle,rgb(255 107 53/30%) 0,rgb(255 107 53/19%) 48%,rgb(255 107 53/0) 71%);animation:studio-ask-breathe 1.8s ease-in-out infinite}.studio-ask-ripple:after,.studio-ask-ripple:before{position:absolute;inset:0;border-radius:50%;content:""}.studio-ask-ripple:after{animation:studio-ask-ripple-ring 2.2s ease-out 1.1s infinite}@keyframes studio-ask-breathe{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:.82;transform:scale(1.12)}}@keyframes studio-ask-ripple-ring{0%{box-shadow:0 0 0 0 rgb(255 107 53/26%)}to{box-shadow:0 0 0 4px rgb(255 107 53/0)}}@media (prefers-reduced-motion:reduce){.studio-ask-ripple,.studio-ask-ripple:after,.studio-ask-ripple:before{animation:none}.studio-ask-ripple:before{opacity:.6}.studio-ask-ripple:after{display:none}}.studio-ask-suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.studio-ask-suggest>svg{flex-shrink:0;color:var(--studio-muted);opacity:.7}.studio-ask-suggest button{max-width:100%;padding:4px 11px;overflow:hidden;font-size:12px;color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:none;border:1px solid var(--studio-line);border-radius:999px;transition:color .15s,border-color .15s}.studio-ask-suggest button:hover{color:var(--studio-brand-deep);border-color:#ffc7ad}.studio-ask-command{display:inline-flex;gap:4px;align-items:center;max-width:100%;padding:3px 5px 3px 9px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--studio-brand-deep);white-space:nowrap;background:var(--studio-brand-soft);border-radius:8px}.studio-ask-command svg{flex-shrink:0;opacity:.85}.studio-ask-command button{display:inline-flex;flex-shrink:0;padding:1px;color:inherit;cursor:pointer;background:none;border:0;border-radius:5px;opacity:.6;transition:opacity .15s ease}.studio-ask-command button:hover{opacity:1}.studio-ask-cleared{display:flex;gap:6px;align-items:center;padding:6px 11px;margin-bottom:8px;font-size:12px;color:var(--studio-brand-deep);background:var(--studio-brand-soft);border-radius:9px}.studio-ask-cleared.is-compact{color:var(--studio-muted);background:#f8f9fc}.studio-ask-cleared button{padding:0;font-size:12px;color:inherit;text-decoration:underline;cursor:pointer;background:none;border:0}.studio-analyze-empty{display:flex;flex-direction:column;align-items:center;padding:44px 20px 16px;text-align:center}.studio-analyze-empty-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:14px;color:var(--studio-brand);background:var(--studio-brand-soft);border-radius:14px}.studio-analyze-empty strong{font-size:16px;font-weight:700;color:var(--studio-ink)}.studio-analyze-empty p{max-width:420px;margin-top:8px;font-size:13px;line-height:1.75;color:var(--studio-muted)}.studio-analyze-empty em{margin-top:22px;font-size:12px;font-style:normal;color:var(--studio-muted);opacity:.8}.studio-analyze-empty-starters{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;margin-top:10px}.studio-analyze-empty-starters button{display:flex;gap:8px;align-items:center;padding:10px 14px;font-size:13px;color:var(--studio-ink);text-align:left;cursor:pointer;background:#f8f9fc;border:1px solid transparent;border-radius:11px;transition:color .15s,background .15s,border-color .15s}.studio-analyze-empty-starters button svg{flex-shrink:0;color:var(--studio-brand);opacity:.75}.studio-analyze-empty-starters button:hover:not(:disabled){color:var(--studio-brand-deep);background:var(--studio-brand-soft);border-color:#ffd9c8}.studio-analyze-empty-starters button:disabled{cursor:not-allowed;opacity:.55}.studio-analyze-composer-send{display:flex;flex-shrink:0;gap:8px;align-items:center}.studio-analyze-composer-tools{display:flex;min-width:0;align-items:center;gap:10px}.studio-analyze-composer-tools .ai-model-select{flex-shrink:0}.studio-analyze-composer-tools .studio-analyze-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes studio-analyze-spin{to{transform:rotate(1turn)}}.studio-analyze-error{padding:12px 14px;font-size:13px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px}.studio-analyze-error p{margin:0}.studio-analyze-md{font-size:14px;line-height:1.85;word-break:break-word}.studio-analyze-md.studio-analyze-md :is(h1,h2,h3,h4,h5,h6){position:static;z-index:auto;background:transparent;box-shadow:none}.studio-analyze-md :is(h2,h3){padding:0;margin:22px 0 8px;border:0}.studio-analyze-md h2{font-size:17px}.studio-analyze-md h3{font-size:15px}.studio-analyze-md :is(h2,h3):before{display:none}.studio-analyze-md .code-wrapper{max-width:100%;margin-bottom:12px}.studio-analyze-md pre.hljs{padding:30px 16px 16px;overflow-x:auto;font-size:12.5px;line-height:1.7;color:#dce4f1;background-color:#0b1020;border-radius:10px}.studio-analyze-md table{display:block;max-width:100%;overflow-x:auto;font-size:13px}.studio-analyze-md :is(th,td){padding:6px 10px;white-space:nowrap}.studio-reference-head{padding-top:24px;border-top:1px dashed var(--studio-line)}.studio-reference-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.studio-reference-meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;color:#4a5568;background:#f2f4f9;border-radius:99px}.studio-reference-card{overflow:hidden;background:#fff;border:1px solid var(--studio-line);border-radius:12px}.studio-reference-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px}.studio-reference-bar>div{display:flex;align-items:center;gap:10px}.studio-reference-bar button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;color:#4a5568;cursor:pointer;background:#f4f6fa;border:1px solid #dfe3ec;border-radius:7px}.studio-reference-bar button.primary{color:#c2410c;background:#fff6f1;border-color:#ffd9c8}.studio-reference-card pre{padding:16px 18px;margin:0;overflow-x:auto;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dce4f1;background:#0b1020}.studio-reference-card .studio-reference-highlight .code-wrapper{max-width:100%;margin:0}.studio-reference-card .studio-reference-highlight pre.hljs{padding:30px 18px 18px;margin:0;overflow-x:auto;font-size:13px;line-height:1.75;color:#dce4f1;background-color:#0b1020;border-radius:0}.studio-reference-code-loading{min-height:160px}.studio-code-pane .algo-runner-actions{gap:10px;padding:0 16px 16px;background:#f8f9fc;justify-content:flex-end}.studio-code-pane .algo-runner-actions span{margin-right:auto}.studio-code-pane .algo-runner-actions button{display:inline-flex;gap:7px;height:42px;min-width:140px;padding:0 24px;font-size:14px;font-weight:700;border-radius:10px;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.studio-code-pane .algo-runner-actions button.secondary{color:#3e4b60;background:#fff;border:1px solid #d5dae4;box-shadow:0 1px 2px rgb(16 24 40/5%)}.studio-code-pane .algo-runner-actions button.secondary:hover:not(:disabled){color:var(--studio-brand-deep);background:var(--studio-brand-soft);border-color:#ffc7ad}.studio-code-pane .algo-runner-actions button:not(.secondary){border:1px solid var(--studio-brand-deep);box-shadow:0 1px 2px rgb(217 79 22/24%)}.studio-code-pane .algo-runner-actions button:not(.secondary):hover:not(:disabled){background:var(--studio-brand-deep)}.studio-code-pane .algo-console{display:flex;margin:0 16px 18px;overflow:hidden;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd5e5;background:#0b1020;border:1px solid #263147;border-radius:10px;flex-direction:column}.studio-code-pane .algo-console header{display:flex;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8b9ab5;background:#111834;border-bottom:1px solid #263147;align-items:center}.studio-code-pane .algo-console header small{overflow:hidden;font-weight:400;color:#5f6e8c;text-overflow:ellipsis;white-space:nowrap}.studio-code-pane .algo-console header button{padding:2px 8px;margin-left:auto;font-size:11px;color:#8b9ab5;cursor:pointer;background:transparent;border:1px solid #2c3a56;border-radius:6px}.studio-code-pane .algo-console header button:hover:not(:disabled){color:#ffd0b8;border-color:#6b4530}.studio-code-pane .algo-console header button:disabled{cursor:not-allowed;opacity:.45}.studio-code-pane .algo-console-log{display:grid;gap:6px;max-height:320px;min-height:96px;padding:10px 12px;overflow-y:auto;align-content:start}.studio-code-pane .algo-console-result{display:flex;gap:8px;padding:7px 10px;border:1px solid #26334c;border-radius:8px}.studio-code-pane .algo-console-result strong{font-size:12px}.studio-code-pane .algo-console-result p{margin:2px 0 0;font-size:11px;opacity:.86}.studio-code-pane .algo-console-result.pass{color:#6ee7a8;background:rgb(16 185 129/12%);border-color:rgb(16 185 129/34%)}.studio-code-pane .algo-console-result.fail{color:#fda4af;background:rgb(244 63 94/12%);border-color:rgb(244 63 94/34%)}.studio-code-pane .algo-console-result.neutral{color:#b8c6de;background:rgb(148 163 184/10%)}.studio-code-pane .algo-console-line{display:flex;gap:8px;margin:0;font-size:12px}.studio-code-pane .algo-console-line i{font-style:normal;color:#5f6e8c;user-select:none}.studio-code-pane .algo-console-line code{overflow-wrap:anywhere;white-space:pre-wrap}.studio-code-pane .algo-console-line.input{color:#e6edf9}.studio-code-pane .algo-console-line.output{color:#8ec8ff}.studio-code-pane .algo-console-line.error{color:#fda4af}.studio-code-pane .algo-console-line.warn{color:#fbc98a}.studio-code-pane .algo-console-line.log{color:#b8c6de}.studio-code-pane .algo-console-hint{margin:0;font-size:11px;color:#5f6e8c}.studio-code-pane .algo-console-hint code{color:#8ec8ff}.studio-code-pane .algo-console-prompt{display:flex;gap:8px;padding:9px 12px;background:#0e1530;border-top:1px solid #263147;align-items:flex-start}.studio-code-pane .algo-console-prompt span{font-size:13px;font-weight:700;line-height:1.6;color:#7c9cff}.studio-code-pane .algo-console-prompt textarea{display:block;width:100%;min-height:0;padding:0;overflow:hidden;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e6edf9;background:transparent;border:0;outline:0;resize:none;caret-color:#ff8a5c}.studio-code-pane .algo-console-prompt textarea::placeholder{color:#556482}.studio-animation-pane{padding:18px 20px 40px}.studio-algorithm-locked-preview{position:relative;height:auto;overflow:visible}.studio-algorithm-locked-preview>:first-child{max-height:210px;overflow:hidden}.studio-algorithm-locked-preview.is-animation>.algo-player{max-height:320px}.studio-algorithm-locked-preview:after{position:absolute;top:90px;right:0;left:0;z-index:1;height:120px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg-primary));content:""}.studio-algorithm-locked-preview.is-animation:after{top:190px;height:130px}.studio-algorithm-ai-preview{padding:18px 2px;color:var(--color-text-secondary)}.studio-algorithm-ai-preview h4{margin:0 0 10px;font-size:16px;color:var(--color-text-primary)}.studio-algorithm-ai-preview p{margin:0 0 24px;line-height:1.9}.studio-algorithm-locked{position:relative;z-index:2;display:flex;height:auto;align-items:center;justify-content:center;padding:18px 16px 8px;background:transparent}.studio-algorithm-locked-card{width:min(430px,100%);padding:16px 18px;color:var(--color-text-secondary);background:color-mix(in srgb,var(--bg-primary) 96%,#fff);border:1px solid rgb(251 146 60/38%);border-radius:15px;box-shadow:0 18px 40px -28px rgb(234 88 12/55%)}.studio-algorithm-locked-head{display:flex;gap:10px;align-items:center}.studio-algorithm-locked-head>span{display:grid;width:36px;height:36px;color:#ea580c;background:rgb(249 115 22/12%);border-radius:10px;place-items:center}.studio-algorithm-locked-head small{display:flex;gap:4px;align-items:center;font-size:10px;color:#ea580c}.studio-algorithm-locked-head h3{margin:2px 0 0;font-size:16px;color:var(--color-text-primary)}.studio-algorithm-locked-card>p{margin:10px 0;font-size:12px}.studio-algorithm-locked-card ul{display:flex;gap:7px 14px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.studio-algorithm-locked-card li{display:flex;gap:4px;align-items:center;font-size:11px}.studio-algorithm-locked-card li svg{color:#f97316}.studio-algorithm-locked-actions{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;margin-top:13px;white-space:nowrap}.studio-algorithm-locked-actions button:first-child{width:auto;height:36px;max-width:none;min-width:112px;gap:6px;padding:0 18px;font-size:13px;font-weight:650;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:10px;flex-shrink:0}.studio-algorithm-locked-actions .is-login{width:auto;height:24px;min-width:max-content;font-size:12px;color:#4f46e5;cursor:pointer;flex-shrink:0}@media (width <= 640px){.studio-algorithm-locked-actions{gap:8px}}.studio-animation-pane .studio-animation-intro{display:block;margin-bottom:14px}.studio-animation-pane .studio-animation-intro h2{margin:6px 0;font-size:18px}.studio-animation-pane .studio-animation-intro p{font-size:13px}.studio-animation-pane .algo-paths{margin-top:12px}.studio-animation-view{height:calc(100vh - 130px);min-height:650px;padding:24px max(24px,calc((100vw - 1500px) / 2));overflow-y:auto;scrollbar-gutter:stable}.studio-animation-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}.studio-animation-intro h2{margin:8px 0 5px;font-size:25px}.studio-animation-intro p{margin:0;color:var(--studio-muted)}.studio-animation-view .algo-player{position:relative;border-color:#d9dce8;box-shadow:0 22px 70px #27335316}.studio-player-status{display:grid;min-height:58px;padding:10px 18px;background:#fff;border-bottom:1px solid #dfe3ed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.studio-player-status span{padding:6px 9px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--studio-violet);background:#fff4ee;border:1px solid #ffd9c8;border-radius:8px}.studio-player-status strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.studio-player-status small{font-size:10px;color:#8b95a7}.studio-animation-view .algo-player-grid{grid-template-columns:minmax(620px,1.55fr) minmax(360px,.72fr);min-height:520px}.studio-start-lesson{position:absolute;top:50%;left:50%;z-index:4;display:flex;padding:12px 18px;font-weight:750;color:#fff;cursor:pointer;background:var(--studio-violet);border:0;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 10px 28px rgb(255 107 53/32%);align-items:center;gap:8px}.algo-timeline .narration.active{color:var(--studio-violet);background:#f2efff;border-color:#ffb694}.studio-animation-view .algo-canvas{min-height:520px;padding-right:210px;background:radial-gradient(circle at 50% 35%,#262d59 0,#11172d 62%,#0b1020 100%)}.studio-animation-view .algo-aux{position:absolute;top:72px;right:20px;display:grid;width:174px;max-height:360px;padding:13px;margin:0;overflow-y:auto;background:#171f38e8;border:1px solid #3c4769;border-radius:12px;place-content:start stretch;backdrop-filter:blur(12px)}.studio-animation-view .algo-aux strong{margin-bottom:6px;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#aeb8d0}.studio-animation-view .algo-aux code,.studio-animation-view .algo-aux span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-animation-view .algo-code-trace{max-height:520px}.studio-animation-view .algo-action{min-height:78px;background:#fff}.studio-frame-track{display:flex;gap:5px;padding:10px 17px 4px;background:#fffaf7}.studio-frame-track button{height:5px;min-width:8px;cursor:pointer;background:#e1e4ed;border:0;border-radius:99px;flex:1}.studio-frame-track button.done{background:#ffb694}.studio-frame-track button.active{background:var(--studio-violet);box-shadow:0 0 0 3px #ff6b3524}.studio-animation-view .algo-timeline{min-height:62px;background:#fffaf7}@media (width <= 1180px){.studio-practice-head{grid-template-columns:auto minmax(160px,1fr) auto minmax(0,auto);height:112px}.studio-practice-head nav{order:4;grid-column:1/-1;justify-content:center;padding-bottom:8px;background:#fff}.studio-animation-view,.studio-split{height:calc(100vh - 170px)}}@media (width <= 900px){.studio-practice-head{position:sticky;top:58px;z-index:10;grid-template-columns:auto minmax(0,1fr) auto;padding:0 10px}.studio-practice-head .studio-practice-steps span,.studio-practice-head .studio-solved,.studio-practice-head>div small{display:none}.studio-practice-head .studio-practice-steps button{padding:0 8px}.studio-practice-head nav button{padding:0 7px;font-size:12px;white-space:nowrap;flex:1;gap:4px;justify-content:center}.studio-split{display:block;height:auto;min-height:calc(100vh - 170px)}.studio-code-pane,.studio-reading-pane{height:auto;min-height:calc(100vh - 170px);overflow:visible}.studio-reading-pane.is-chat{display:block;overflow:visible}.studio-ask-body,.studio-ask-scroll{min-height:0;overflow:visible}.studio-ask-foot{position:sticky;bottom:0;z-index:8}.studio-code-pane{border-top:1px solid var(--studio-line)}.studio-animation-view{height:auto;min-height:calc(100vh - 170px);padding:16px 10px 50px;overflow:visible}.studio-animation-intro{display:block}.studio-animation-intro .algo-paths{margin-top:15px}.studio-animation-view .algo-player-grid{grid-template-columns:1fr;min-height:0}.studio-animation-view .algo-canvas{min-height:330px;padding-right:26px}.studio-animation-view .algo-aux{position:static;width:auto;max-height:none;margin-top:24px}.studio-animation-view .algo-code-trace{max-height:300px}}:root[data-theme=dark]{.studio-library,.studio-practice{--studio-brand-soft:#3a2113;--studio-ink:#e7ecf7;--studio-muted:#93a1bb;--studio-line:#263149;--studio-surface:#161d2d;--studio-surface-soft:#111827;background:#0d1320}.studio-analyze-composer,.studio-cloud-state,.studio-code-pane,.studio-code-pane .algo-runner,.studio-code-pane .algo-runner-actions,.studio-document .studio-submissions-skeleton>li,.studio-frame-track,.studio-hero-cta a,.studio-hero-steps li,.studio-library-panel,.studio-pane-tabs,.studio-pane-title,.studio-pitfalls,.studio-player-status,.studio-player-status span,.studio-practice-head,.studio-problem-table>button,.studio-proof,.studio-recall-card,.studio-reference-card,.studio-stats,.studio-submissions-list details,.studio-topic-panel{color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line)}.studio-cloud-state.error:before{background:radial-gradient(360px 120px at 50% 0,#f9737326 0,transparent 78%)}.studio-cloud-state.error .studio-cloud-state-icon{color:#fda29b;background:#55160c;box-shadow:0 0 0 6px #7a271a4d}.studio-cloud-state .studio-eyebrow{color:#fda29b}.studio-cloud-state code{color:var(--studio-muted);background:var(--studio-surface-soft)}.studio-cloud-state-actions>a{color:var(--studio-ink);background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-cloud-state-actions>a:hover{color:#ffb694;background:#26202b;border-color:#4a3527}.studio-analyze-alt,.studio-analyze-presets button,.studio-analyze-stop,.studio-animation-view .algo-action,.studio-animation-view .algo-timeline,.studio-code-pane .algo-runner-actions button.secondary,.studio-code-pane .studio-test-console textarea,.studio-example-tabs button,.studio-pagination button,.studio-pills,.studio-problem-table>button:hover,.studio-reference-bar button,.studio-reset-code,.studio-reset-code:hover,.studio-search,.studio-select select,.studio-shelves button,.studio-stage-tabs button.active,.studio-stage-tabs button:hover,.studio-test-console{color:var(--studio-ink);background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-analyze-composer:focus-within,.studio-search:focus-within{background:var(--studio-surface)}.studio-analyze-hint,.studio-analyze-typing,.studio-cell-pattern code,.studio-cell-rate small,.studio-document li,.studio-document p,.studio-hero-copy>p,.studio-monaco-loading,.studio-pagination button,.studio-pills button,.studio-reference-meta span,.studio-section-head>small,.studio-stage-tabs button{color:var(--studio-muted)}.studio-document h3,.studio-practice-head .studio-practice-steps button em,.studio-submissions-list summary strong{color:var(--studio-ink)}.studio-analyze-presets button.active,.studio-pills button.active,.studio-shelves button.active{color:#ffb694;background:var(--studio-brand-soft);border-color:#7a3c1d}.studio-analyze-content-skeleton i,.studio-analyze-skeleton i,.studio-skeleton i,.studio-submissions-skeleton i{background:linear-gradient(100deg,#1b2436 20%,#26324a 38%,#1b2436 56%);background-size:240% 100%}.studio-skeleton-hero,.studio-skeleton-practice-head,.studio-skeleton-split section,.studio-skeleton-table{background:var(--studio-surface);border-color:var(--studio-line)}.studio-analyze-turn.is-user p{color:var(--studio-ink);background:var(--studio-surface-soft)}.studio-analyze-error{color:#ffb4ab;background:#3b1d1a;border-color:#5e2a25}.studio-analyze-tabs{background:var(--studio-surface-soft)}.studio-analyze-tabs button.is-on{color:#a5b4fc;background:var(--studio-surface);box-shadow:0 1px 3px #00000059}.studio-analyze-map{background:var(--studio-surface);border-color:var(--studio-line)}.studio-analyze-map-bar{background:var(--studio-surface-soft);border-bottom-color:var(--studio-line)}.studio-analyze-map-bar button{color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line)}.studio-analyze-empty-starters button{color:var(--studio-ink);background:var(--studio-surface-soft)}.studio-analyze-empty-starters button:hover:not(:disabled){color:#ffb694;border-color:#7a3c1d}.studio-analyze-md th,.studio-problem-table>header{color:var(--studio-muted);background:var(--studio-surface-soft)}.studio-reading-pane{background:var(--studio-surface);border-right-color:var(--studio-line)}.studio-practice-head{box-shadow:0 -6px 0 var(--studio-surface)}.studio-examples article{background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-recall-card{background:linear-gradient(145deg,#2c1d14,var(--studio-surface));border-color:#6d3b21}.studio-recall-card>strong{color:#ffb694;border-top-color:#6d3b21}.studio-recall-card ol,.studio-recall-card>p{color:var(--studio-ink)}.studio-proof{background:#10231e}.studio-proof code{color:#7ee2c1;background:#0c1a17}.studio-pitfalls{background:#2a1f12;border-color:#6b4a20}.studio-constraints code,.studio-document :is(p,li)>code{color:#e6d5a8;background:#26221a}.studio-analyze-md pre code,.studio-document .studio-submissions-cases li>code,.studio-examples code,.studio-proof code,.studio-reference-card pre code,.studio-submissions-list pre code{color:inherit;background:transparent}.studio-examples code{color:#cfd8ea}.studio-submissions-cases li.fail,.studio-submissions-cases li.neutral,.studio-submissions-cases li.pass{background:transparent}.studio-submissions-cases li.pass{color:#7ee2b8}.studio-submissions-cases li.fail{color:#ffb4ab}.studio-submissions-cases li.neutral{color:var(--studio-ink)}.studio-submissions-list details[open] summary{border-bottom-color:#202a3d}.studio-submissions-list summary b,.studio-submissions-list summary em,.studio-submissions-list summary span{color:var(--studio-muted);background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-submissions-empty,.studio-submissions-list pre{color:#dce4f1;background:#0b1020;border-color:var(--studio-line)}.studio-document :is(h2,h3,h4),.studio-document strong{color:#f2f5fb}.studio-followups{--fu-accent:#86b4f5;--fu-surface:#121b2b;--fu-line:#26374f;--fu-badge:#1c2b41}.studio-followups h3{color:var(--fu-accent)}.studio-followups details:hover{border-color:#33486699}.studio-followups details[open]{background:var(--studio-surface);border-color:#33486a;box-shadow:none}.studio-followups summary,.studio-followups summary>span{color:var(--studio-ink)}.studio-followups summary code{color:#b9d4fa;background:#182437}.studio-followup-answer>em{color:#0d1320}.studio-analyze-md table tr,.studio-analyze-md table tr:nth-child(2n){color:var(--studio-ink);background-color:var(--studio-surface)}.studio-analyze-md table tr:nth-child(2n){background-color:var(--studio-surface-soft)}.studio-analyze-md table :is(td,th),.studio-analyze-md table tr:nth-child(2n) :is(td,th){color:var(--studio-ink)!important;border-color:var(--studio-line)}.studio-analyze-md table th{color:var(--studio-muted)!important;background-color:var(--studio-surface-soft)}.studio-analyze-md :is(kbd),.studio-practice-head>button,.studio-reference-meta span{color:var(--studio-ink);background:var(--studio-surface-soft);border-color:var(--studio-line)}.algo-action,.algo-paths button,.algo-timeline,.algo-timeline button,.algo-timeline input,.algo-timeline select,.studio-frame-track,.studio-player-status,.studio-player-status span{color:var(--studio-ink);background:var(--studio-surface-soft);border-color:var(--studio-line)}.algo-action{background:#241a12;border-color:#5c3b1e}.algo-timeline button.primary{color:#fff;background:var(--studio-brand);border-color:var(--studio-brand)}.algo-timeline button:disabled{color:#6b7688;background:#131a28}.studio-hero-band{background:radial-gradient(1250px 560px at 80% -6%,#3a2214 0,transparent 58%),radial-gradient(950px 480px at 2% 104%,#16203a 0,transparent 62%),linear-gradient(180deg,#111827,#0d1320);border-bottom-color:var(--studio-line)}.studio-hero-band:before{background-image:linear-gradient(#ffffff0f 1px,transparent 0),linear-gradient(90deg,#ffffff0f 1px,transparent 0)}.studio-hero h1,.studio-hero-copy h1{color:#f2f5fb}.studio-stats{background:#161d2dcc;border-color:var(--studio-line)}.studio-hero-cta a{color:var(--studio-ink);background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-filterbar,.studio-library code,.studio-section-head>small,.studio-shelves button>i,.studio-stage-tabs,.studio-table-head{color:var(--studio-muted);background:var(--studio-surface-soft);border-color:var(--studio-line)}.studio-library code,.studio-section-head>small{color:var(--studio-ink)}.studio-skeleton-hero,.studio-skeleton-practice-head,.studio-skeleton-split,.studio-skeleton-split .editor-head,.studio-skeleton-split section,.studio-skeleton-status,.studio-skeleton-table,.studio-skeleton-table>div,.studio-skeleton-table>header,.studio-skeleton-topic,.studio-skeleton-topic header,.studio-skeleton-topic>div{background:var(--studio-surface);border-color:var(--studio-line)}.studio-skeleton-split section+section,.studio-skeleton-table>div+div,.studio-skeleton-topic>div+div{border-color:var(--studio-line)}.studio-shelves em{background:#202a3d}.studio-stats div+div{border-left-color:var(--studio-line)}.studio-table-head{color:var(--studio-muted);background:var(--studio-surface-soft)!important}.studio-problem-table button>span:first-child i{border-color:#35405a}.ai-model-select-trigger.is-loading,.is-skeleton,[class*=skeleton] i{background:linear-gradient(100deg,#1b2436 20%,#26324a 38%,#1b2436 56%);background-size:240% 100%}}.studio-analyze-confirm{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:9px 12px;margin-top:10px;font-size:12px;color:var(--color-text-secondary);background:rgb(99 102 241/7%);border-radius:8px}.studio-analyze-confirm button{height:26px;padding:0 12px;font-size:12px;color:#fff;background:#4f46e5;border:none;border-radius:6px}.studio-analyze-confirm button.is-ghost{color:var(--color-text-secondary);background:transparent;border:1px solid var(--border-primary-color)}.studio-analyze-notice{margin:10px 0 0;font-size:12px;line-height:1.7;color:var(--color-text-secondary)}.studio-analyze-credits-inline{display:inline-flex;gap:3px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);opacity:.72}:root[data-theme=dark] .algo-console.wi-glass,:root[data-theme=dark] .algo-paths button.wi-glass:not(.active),:root[data-theme=dark] .algo-player.wi-glass,:root[data-theme=dark] .algo-timeline button.wi-glass:not(.active),:root[data-theme=dark] .algo-timeline select.wi-glass,:root[data-theme=dark] .studio-analyze-composer.wi-glass,:root[data-theme=dark] .studio-analyze-composer.wi-glass:focus-within,:root[data-theme=dark] .studio-analyze-tabs.wi-glass,:root[data-theme=dark] .studio-analyze-turn.is-user p.wi-glass,:root[data-theme=dark] .studio-ask-suggest button.wi-glass:not(:hover),:root[data-theme=dark] .studio-code-pane .algo-runner-actions button.secondary.wi-glass,:root[data-theme=dark] .studio-example-tabs button.wi-glass,:root[data-theme=dark] .studio-examples article.wi-glass,:root[data-theme=dark] .studio-followup-list details.wi-glass,:root[data-theme=dark] .studio-hero-cta a.wi-glass,:root[data-theme=dark] .studio-hero-preview.wi-glass,:root[data-theme=dark] .studio-hero-steps li.wi-glass,:root[data-theme=dark] .studio-library-panel.wi-glass,:root[data-theme=dark] .studio-pills.wi-glass,:root[data-theme=dark] .studio-pitfalls.wi-glass,:root[data-theme=dark] .studio-practice-head button.wi-glass,:root[data-theme=dark] .studio-recall-card.wi-glass,:root[data-theme=dark] .studio-reference-card.wi-glass,:root[data-theme=dark] .studio-reference-meta span.wi-glass,:root[data-theme=dark] .studio-reset-code.wi-glass,:root[data-theme=dark] .studio-search.wi-glass,:root[data-theme=dark] .studio-search.wi-glass:focus-within,:root[data-theme=dark] .studio-shelves button.wi-glass:not(.active),:root[data-theme=dark] .studio-stats.wi-glass,:root[data-theme=dark] .studio-submissions-list details.wi-glass,:root[data-theme=dark] .studio-submissions>header span.wi-glass,:root[data-theme=dark] .studio-test-console-field.wi-glass textarea,:root[data-theme=dark] .studio-topic-panel.wi-glass{border-color:transparent}