.ccx-uc{--uc-fg:#14110e;--uc-muted:#8a8a8a;--uc-muted2:#6b6b6b;--uc-muted3:#b3b0a8;--uc-line:rgba(0,0,0,.09);--uc-line2:rgba(0,0,0,.06);--uc-soft:#f3f3f2;--uc-bubble:#efefef;--uc-blue:#2d7ff9;--uc-orange:#e2701c;--uc-send:#8b8b8b;--uc-font:"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--uc-cxf:"OpenAI Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-sans:"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--uc-font);color:var(--uc-fg)}.ccx-uc *{box-sizing:border-box}.ccx-uc .uc-wrap{max-width:1200px;margin:0 auto;padding:5.5rem 32px}.ccx-uc .shead{display:grid;grid-template-columns:2fr 3fr;gap:36px;align-items:start;margin-bottom:44px}.ccx-uc .shead h2{font-family:Stack Sans Notch,Inter Variable,-apple-system,"system-ui",Segoe UI,system-ui,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.03em;color:#2c1b09;font-weight:800;margin:0;max-width:16ch}.ccx-uc .shead p{font-size:18px;line-height:1.5;color:#44382d;margin:6px 0 0;padding-left:19px;max-width:none}.ccx-uc .stage{display:grid;grid-template-columns:2fr 3fr;gap:36px;align-items:stretch}.ccx-uc .uc-leftcol{display:flex;flex-direction:column;min-width:0}.ccx-uc .dir{display:flex;flex-direction:column;gap:1px;padding-top:2px}.ccx-uc .dir .chats-h{font-size:14px;color:var(--uc-muted3);font-weight:500;padding:2px 12px 12px}.ccx-uc .dir .chat{display:flex;flex-direction:column;align-items:stretch;width:100%;text-align:left;background:none;border:0;border-radius:11px;padding:0;cursor:pointer;transition:background .16s}.ccx-uc .dir .chat-main{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px}.ccx-uc .dir .chat:hover{background:#efeeea}.ccx-uc .dir .chat.on{background:#e8e7e2}.ccx-uc .dir .chat-desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)}.ccx-uc .dir .chat.on .chat-desc{grid-template-rows:1fr}.ccx-uc .dir .chat-desc-in{overflow:hidden;min-height:0}.ccx-uc .dir .chat-desc-t{display:block;padding:1px 14px 12px 42px;font-size:13px;line-height:1.5;color:#6f6a63;opacity:0;transform:translateY(-3px);transition:opacity .28s ease .05s,transform .28s ease .05s}.ccx-uc .dir .chat.on .chat-desc-t{opacity:1;transform:none}.ccx-uc .dir .chat .ci{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#7a766e}.ccx-uc .dir .chat .ci svg{width:18px;height:18px}.ccx-uc .dir .chat .nm{flex:1;min-width:0;font-size:1.05rem;font-weight:500;color:#3a3631;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccx-uc .dir .chat.on .nm{color:#14110e}.ccx-uc .dir .chat .trail{flex:none;width:64px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.ccx-uc .dir .chat .meta{font-size:13.5px;color:var(--uc-muted)}.ccx-uc .dir .chat .pinned{color:#9a968d;display:inline-flex}.ccx-uc .dir .chat .pinned svg{width:15px;height:15px}.ccx-uc .dir .chat .acts{display:none;align-items:center;gap:4px}.ccx-uc .dir .chat:hover .acts{display:flex}.ccx-uc .dir .chat:hover .meta,.ccx-uc .dir .chat:hover .pinned{display:none}.ccx-uc .dir .chat .ab{width:28px;height:28px;border-radius:7px;border:0;background:none;display:grid;place-items:center;color:#76726a;cursor:pointer}.ccx-uc .dir .chat .ab:hover{background:#00000014;color:#14110e}.ccx-uc .dir .chat .ab.active{color:#14110e}.ccx-uc .dir .chat .ab svg{width:16px;height:16px}.ccx-uc .region{height:660px;display:flex;flex-direction:column}.ccx-uc .cxw{flex:1;min-height:0;background:#fff;border:1px solid var(--uc-line);border-radius:16px;box-shadow:0 20px 60px -28px #00000042;overflow:hidden;display:flex;flex-direction:column;font-family:var(--uc-cxf)}.ccx-uc .cxw-top{flex:none;display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--uc-line2)}.ccx-uc .cxw-top .ttl{font-size:15px;font-weight:600}.ccx-uc .cxw-top .more{color:var(--uc-muted);font-size:17px;letter-spacing:1px}.ccx-uc .cxw-top .sp{flex:1}.ccx-uc .cxw-top .ic{width:18px;height:18px;color:#9a9a9a}.ccx-uc .conv{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 6px;transition:opacity .18s ease}.ccx-uc .conv::-webkit-scrollbar{width:9px}.ccx-uc .conv::-webkit-scrollbar-thumb{background:#00000029;border-radius:9px;border:2px solid #fff}.ccx-uc .composer{flex:none;margin:12px 14px 14px;border:1px solid var(--uc-line);border-radius:18px;padding:12px 14px 10px}.ccx-uc .composer .ph{font-size:14.5px;color:#b3b3b3;display:block;margin-bottom:12px}.ccx-uc .composer .ph-cta{display:flex;align-items:center;gap:8px;color:var(--uc-fg);font-size:16.5px;font-weight:500}.ccx-uc .composer .ph-cta-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccx-uc .composer .ph-cta-copied{color:#1a8a3c}.ccx-uc .composer .ph-cta .ccx-install-logo-inline{display:inline-block;width:19px;height:19px;vertical-align:-4px;margin:0 4px 0 2px}.ccx-uc .composer .ph-cta .ccx-install-copy{width:30px;height:30px}.ccx-uc .composer .ph-cta .ccx-install-copy svg{width:17px;height:17px}.ccx-uc .composer .row{display:flex;align-items:center;gap:13px}.ccx-uc .composer .ic{width:18px;height:18px;color:#7a7a7a}.ccx-uc .composer .plus{font-size:20px;color:#6f6f6f;line-height:1}.ccx-uc .composer .access{display:inline-flex;align-items:center;gap:6px;color:var(--uc-orange);font-size:13.5px;font-weight:500}.ccx-uc .composer .access .wi{width:15px;height:15px}.ccx-uc .composer .sp{flex:1}.ccx-uc .composer .model{display:inline-flex;align-items:center;gap:6px;color:#5a5a5a;font-size:13.5px}.ccx-uc .composer .model .bolt{color:var(--uc-orange);width:14px;height:14px}.ccx-uc .composer .model b{font-weight:600;color:var(--uc-fg)}.ccx-uc .composer .send{width:29px;height:29px;border-radius:50%;background:var(--uc-send);display:grid;place-items:center;color:#fff}.ccx-uc .composer .send svg{width:15px;height:15px}.ccx-uc .u-row{display:flex;justify-content:flex-end;margin-bottom:10px}.ccx-uc .u-bubble{background:var(--uc-bubble);font-size:14.5px;border-radius:16px;padding:9px 14px;max-width:84%;display:inline-flex;align-items:center;gap:8px}.ccx-uc .u-bubble .fi{width:14px;height:14px;color:#5a5a5a;flex:none}.ccx-uc .worked{display:flex;align-items:center;gap:6px;color:var(--uc-muted2);font-size:13.5px;margin:20px 0 14px}.ccx-uc .worked .chev{width:14px;height:14px}.ccx-uc .reply{font-size:14.5px;line-height:1.6;color:var(--uc-fg);margin:0 0 14px}.ccx-uc .reply .faint{color:var(--uc-muted2)}.ccx-uc .file-line,.ccx-uc .proj-line{font-size:14.5px;color:var(--uc-fg);margin:13px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ccx-uc .lk{color:var(--uc-blue);text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:500}.ccx-uc .lk svg{width:15px;height:15px}.ccx-uc .vid{position:relative;border-radius:11px;overflow:hidden;background:#000;margin:6px 0;aspect-ratio:16/9;width:80%;max-width:560px}.ccx-uc .vid.portrait{aspect-ratio:9/16;width:248px;max-width:62%}.ccx-uc .vid video{width:100%;height:100%;display:block;object-fit:cover}.ccx-uc .widget{border:1px solid var(--uc-line);border-radius:14px;overflow:hidden}.ccx-uc .w-head{display:flex;align-items:center;gap:9px;padding:12px 15px;background:var(--uc-soft);border-bottom:1px solid var(--uc-line2)}.ccx-uc .w-head .gi{width:16px;height:16px;color:#6f6f6f}.ccx-uc .w-head .wt{font-size:14.5px;color:#3a3a3a}.ccx-uc .w-head .sp{flex:1}.ccx-uc .w-head .cv{width:17px;height:17px;color:#9a9a9a}.ccx-uc .w-in{padding:20px}.ccx-uc .w-in h3{font-size:1.25rem;margin:0 0 10px;font-weight:600}.ccx-uc .w-in .desc{font-size:14.5px;line-height:1.5;color:#3c3c3c;margin:0 0 18px}.ccx-uc .w-in .vd{font-size:14px;font-weight:600;margin:0 0 12px}.ccx-uc .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ccx-uc .sc{border:1px solid var(--uc-line);border-radius:11px;padding:8px}.ccx-uc .sc.sel{border:2px solid #1c1c1c;padding:7px}.ccx-uc .thumb{aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#e9e7e2}.ccx-uc .thumb img{width:100%;height:100%;display:block;object-fit:cover}.ccx-uc .thumb .cell{overflow:hidden;position:relative}.ccx-uc .sc-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 3px 2px}.ccx-uc .sc-foot .nm{font-size:13px;font-weight:600}.ccx-uc .sc-foot .nm small{font-weight:400;color:var(--uc-muted)}.ccx-uc .radio{width:17px;height:17px;border-radius:50%;border:1.5px solid #c2c2c2;flex:none}.ccx-uc .sc-other{display:flex;align-items:center;justify-content:space-between;min-height:118px;padding:0 14px}.ccx-uc .wdiv{border-top:1px solid var(--uc-line2);margin:18px 0 0}.ccx-uc .use-row{display:flex;justify-content:flex-end;padding:14px 0 2px}.ccx-uc .use-btn{background:#8b8b8b;color:#fff;font-weight:600;font-size:14px;border:0;border-radius:11px;padding:10px 18px}.ccx-uc .capvid{position:relative;aspect-ratio:16/9;width:80%;max-width:560px;margin:8px 0;border-radius:11px;overflow:hidden;background:#0b0b0c;border:1px solid var(--uc-line)}.ccx-uc .capvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ccx-uc .d3-cap-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 8px 9%;pointer-events:none;z-index:1}.ccx-uc .d3-cap{--fill:rgba(255,255,255,.95);--future:rgba(255,255,255,.4);--afill:#fff;--abg:transparent;--font:var(--font-sans);--weight:700;--tracking:0;--radius:5px;--stroke:transparent;--strokew:0;--transform:none;--shadow:0 1px 3px rgba(0,0,0,.55);display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:94%;gap:2px 6px;color:var(--future);font-family:var(--font);font-size:clamp(13px,2.6vw,17px);font-weight:var(--weight);letter-spacing:var(--tracking);line-height:1.2;text-shadow:var(--shadow);text-transform:var(--transform);text-align:center;transition:font-size .36s ease}.ccx-uc .d3-cw{transition:color .34s ease,transform .34s ease}.ccx-uc .d3-cw-in{padding:0 3px;border-radius:var(--radius);color:var(--future);-webkit-text-stroke:var(--strokew) var(--stroke);transition:color .34s ease,background .34s ease}.ccx-uc .d3-cw.hist .d3-cw-in{color:var(--fill)}.ccx-uc .d3-cw.cur{transform:scale(1.06)}.ccx-uc .d3-cw.cur .d3-cw-in{background:var(--abg);color:var(--afill)}.ccx-uc .d3-cap[data-preset=plain]{--afill:#ffd24a}.ccx-uc .d3-cap[data-preset=tiktok]{--font:"Noto Sans SC",var(--font-sans);--weight:900;--fill:#fffdf7;--afill:#fff;--abg:#ff2e63;--radius:6px;--stroke:#2b2118;--strokew:1px;--tracking:.02em;--shadow:0 3px 7px rgba(0,0,0,.75)}.ccx-uc .d3-cap[data-preset=submagic]{--font:"Mulish",var(--font-sans);--weight:800;--afill:#0a0a0a;--abg:#00e83c;--transform:uppercase;transform:rotate(-1deg)}.ccx-uc .d3-cap[data-preset=the-french-dispatch]{--font:"Newsreader",Georgia,serif;--weight:500;--afill:#0f0f0f;--abg:#f6c239;--radius:0}.ccx-uc .d3-cap[data-preset=bubble-pop]{--font:"Bangers",cursive;--weight:400;--afill:#ffec1a;--stroke:#0a0a0a;--strokew:1.6px;--tracking:.03em;--transform:uppercase}.ccx-uc .d3-cap[data-preset=noir]{--font:"Cormorant Garamond",serif;--weight:700;--fill:#f5efe3;--afill:#fff8ea;--abg:#8e263b;--radius:6px;--tracking:.02em}.ccx-uc .d3-cap[data-preset=dogme]{--font:"Archivo Black",sans-serif;--weight:900;--fill:#fcfcfa;--afill:#fcfcfa;--transform:uppercase;--shadow:1px 0 0 rgba(255,56,64,.35),-1px 0 0 rgba(56,180,255,.35),0 1px 2px rgba(0,0,0,.65)}.ccx-uc .d3-cap[data-preset=signal]{--font:"Unbounded",var(--font-sans);--weight:800;--fill:#eafbff;--afill:#061016;--abg:#4dffdf;--radius:4px;--transform:uppercase}.ccx-uc .d3-cap[data-preset=bili]{--font:"Noto Sans SC",var(--font-sans);--weight:800;--fill:#f8fafc;--afill:#07121f;--abg:#6ee7f9;--radius:5px;--stroke:rgba(0,0,0,.78);--strokew:1px}.ccx-uc .d3-cap[data-preset=story]{--font:"DM Sans",var(--font-sans);--weight:800;--fill:#fff;--afill:#ffd84a;--abg:transparent;--stroke:#1e1600;--strokew:1px;--shadow:0 2px 6px rgba(0,0,0,.82)}.ccx-uc .d3-cap[data-preset=luxe]{--font:"Playfair Display",Georgia,serif;--weight:800;--fill:#f8e8c6;--afill:#17110a;--abg:rgba(248,232,198,.92);--radius:5px;--stroke:rgba(0,0,0,.66);--strokew:.5px;--tracking:.04em}.ccx-uc .d3-cap[data-preset=studio]{--font:"Inter Tight",var(--font-sans);--weight:800;--fill:#f8f7f2;--afill:#111;--abg:rgba(255,255,255,.94);--radius:5px}.ccx-uc .capvid .cap-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;cursor:pointer;background:#00000029;transition:opacity .2s}.ccx-uc .capvid.playing .cap-play{opacity:0;pointer-events:none}.ccx-uc .capvid .cap-play span{width:54px;height:54px;border-radius:50%;background:#121214b8;display:grid;place-items:center;color:#fff}.ccx-uc .capvid .cap-play svg{width:22px;height:22px;margin-left:3px}.ccx-uc .d3-styles{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:2px}.ccx-uc .d3-style{height:36px;border-radius:8px;background:#16181d;border:2px solid transparent;cursor:pointer;padding:0;display:grid;place-items:center;overflow:hidden;transition:border-color .15s,transform .15s}.ccx-uc .d3-style:hover{transform:translateY(-1px)}.ccx-uc .d3-style.on{border-color:var(--uc-orange)}.ccx-uc .d3-style .d3-cap{font-size:13px;max-width:none;line-height:1}.ccx-uc .d3-style .d3-cap .d3-cw.cur{transform:none}.ccx-uc .d3-name{font-size:13px;font-weight:700;color:var(--uc-fg);text-align:center;margin-top:10px}.ccx-uc[data-brand=claude-code]{--uc-cdm-paper:#ffffff;--uc-cdm-sidebar:#f6f5f3;--uc-cdm-hover:#eeedea;--uc-cdm-active:#e8e7e3;--uc-cdm-ink:#26251f;--uc-cdm-body:#3d3b35;--uc-cdm-muted:#8b8981;--uc-cdm-faint:#a8a69c;--uc-cdm-coral:#da7756;--uc-cdm-border:rgba(23,22,19,.08);--uc-cdm-border-strong:rgba(23,22,19,.14);--uc-cdm-card:#ffffff;--uc-cdm-chip:#f0efec;--uc-cdm-green:#1a7f4b;--uc-cdm-red:#d0453a;--uc-cdm-blue:#4a7dcf;--uc-cdm-purple:#8b6ad1;--uc-cdm-yellow-bg:#edeadb;--uc-cdm-yellow-ink:#877d33;--uc-cdm-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--uc-blue:#4a7dcf;--uc-orange:#da7756;font-family:var(--uc-cdm-sans)}.ccx-uc[data-brand=claude-code] .cxw{background:var(--uc-cdm-paper);font-family:var(--uc-cdm-sans)}.ccx-uc[data-brand=claude-code] .uc-leftcol{background:var(--uc-cdm-sidebar);border:1px solid var(--uc-cdm-border);border-radius:16px;padding:10px 8px}.ccx-uc[data-brand=claude-code] .dir{padding-top:0;gap:2px}.ccx-uc[data-brand=claude-code] .dir .uc-side-head{font-size:13px;font-weight:500;color:var(--uc-cdm-muted);padding:6px 10px 8px}.ccx-uc[data-brand=claude-code] .dir .chat{border-radius:10px}.ccx-uc[data-brand=claude-code] .dir .chat:hover{background:var(--uc-cdm-hover)}.ccx-uc[data-brand=claude-code] .dir .chat.on{background:var(--uc-cdm-active)}.ccx-uc[data-brand=claude-code] .dir .chat-main{height:auto;min-height:40px;gap:11px;padding:7px 11px}.ccx-uc[data-brand=claude-code] .dir .chat .ci{width:17px;height:17px;color:var(--uc-cdm-faint)}.ccx-uc[data-brand=claude-code] .dir .chat .ci svg{width:17px;height:17px;stroke-width:1.8}.ccx-uc[data-brand=claude-code] .dir .chat .ci[data-state=green]{color:var(--uc-cdm-green)}.ccx-uc[data-brand=claude-code] .dir .chat .ci[data-state=purple]{color:var(--uc-cdm-purple)}.ccx-uc[data-brand=claude-code] .dir .chat .uc-state-ring{display:block;width:9px;height:9px;border:1.5px solid var(--uc-cdm-faint);border-radius:50%}.ccx-uc[data-brand=claude-code] .dir .chat .nm{font-size:1.05rem;color:var(--uc-cdm-body)}.ccx-uc[data-brand=claude-code] .dir .chat.on .nm{color:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .dir .chat-desc-t{padding:1px 12px 12px 39px;color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .cxw-top{gap:9px;padding:11px 16px;border-bottom-color:var(--uc-cdm-border);background:var(--uc-cdm-paper)}.ccx-uc[data-brand=claude-code] .cxw-top .ttl{min-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;color:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-ic{width:15px;height:15px;display:inline-flex;color:var(--uc-cdm-body);flex:none}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-ic svg{display:block;width:15px;height:15px;stroke-width:1.8}.ccx-uc[data-brand=claude-code] .cxw-top .uc-repo-tag{font-size:11.5px;font-weight:600;color:var(--uc-cdm-muted);background:var(--uc-cdm-chip);border-radius:6px;padding:3px 8px;flex:none}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-grp{display:inline-flex;align-items:center;gap:14px;color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-grp .uc-head-ic{color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-globe{position:relative}.ccx-uc[data-brand=claude-code] .cxw-top .uc-head-globe:after{content:"";position:absolute;top:-1px;right:-2px;width:6px;height:6px;border-radius:50%;background:var(--uc-cdm-coral)}.ccx-uc[data-brand=claude-code] .conv{color:var(--uc-cdm-body)}.ccx-uc[data-brand=claude-code] .conv::-webkit-scrollbar-thumb{border-color:var(--uc-cdm-paper)}.ccx-uc[data-brand=claude-code] .u-bubble{background:var(--uc-cdm-chip);color:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .reply:before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.42em;vertical-align:-.11em;background:url(/codex-plugin/claude-mark.svg) center/contain no-repeat}.ccx-uc[data-brand=claude-code] .reply{color:var(--uc-cdm-body)}.ccx-uc[data-brand=claude-code] .reply .faint{color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .lk{color:var(--uc-cdm-blue)}.ccx-uc[data-brand=claude-code] .worked{color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .use-btn{background:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .uc-cfoot{padding:8px 14px 12px;display:flex;flex-direction:column;gap:9px}.ccx-uc[data-brand=claude-code] .uc-foot-ic{width:15px;height:15px;display:inline-flex;color:var(--uc-cdm-body);flex:none}.ccx-uc[data-brand=claude-code] .uc-foot-ic svg{display:block;width:15px;height:15px;stroke-width:1.8}.ccx-uc[data-brand=claude-code] .uc-cbar .sp{flex:1}.ccx-uc[data-brand=claude-code] .uc-incard.composer{flex:none;display:flex;align-items:center;gap:12px;margin:0;background:var(--uc-cdm-card);border:1px solid var(--uc-cdm-border-strong);border-radius:14px;padding:12px 14px;box-shadow:0 8px 22px -16px #17161333}.ccx-uc[data-brand=claude-code] .uc-incard.composer .ph{flex:1;min-width:0;margin:0}.ccx-uc[data-brand=claude-code] .uc-incard.composer .ph-cta{font-size:14.5px;color:var(--uc-cdm-ink);font-weight:500}.ccx-uc[data-brand=claude-code] .uc-incard.composer .ph-cta-copied{color:var(--uc-cdm-green)}.ccx-uc[data-brand=claude-code] .uc-send{width:32px;height:32px;border-radius:10px;background:var(--uc-cdm-coral);color:#fff;display:grid;place-items:center;flex:none}.ccx-uc[data-brand=claude-code] .uc-send svg{width:16px;height:16px;stroke-width:2.2}.ccx-uc[data-brand=claude-code] .uc-cbar{display:flex;align-items:center;gap:14px;padding:2px 4px 0;font-size:13px;color:var(--uc-cdm-body)}.ccx-uc[data-brand=claude-code] .uc-bypass{background:var(--uc-cdm-yellow-bg);color:var(--uc-cdm-yellow-ink);font-weight:600;border-radius:8px;padding:4px 10px;white-space:nowrap}.ccx-uc[data-brand=claude-code] .uc-mic{display:inline-flex;align-items:center;gap:3px}.ccx-uc[data-brand=claude-code] .uc-mic .uc-chev,.ccx-uc[data-brand=claude-code] .uc-mic .uc-chev svg{width:11px;height:11px}.ccx-uc[data-brand=claude-code] .uc-modelwrap{position:relative;display:inline-flex}.ccx-uc[data-brand=claude-code] .uc-modelwrap+.uc-modelwrap{margin-left:-9px}.ccx-uc[data-brand=claude-code] .uc-model{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:4px 7px;margin:-4px -7px;border-radius:8px;font:inherit;font-size:13px;color:var(--uc-cdm-body);cursor:pointer;transition:background .15s}.ccx-uc[data-brand=claude-code] .uc-model:hover,.ccx-uc[data-brand=claude-code] .uc-model[aria-expanded=true]{background:var(--uc-cdm-chip)}.ccx-uc[data-brand=claude-code] .uc-model .mname{font-weight:500;color:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .uc-model .tier{color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .uc-model .uc-chev,.ccx-uc[data-brand=claude-code] .uc-model .uc-chev svg{width:12px;height:12px;color:var(--uc-cdm-muted)}.ccx-uc[data-brand=claude-code] .uc-modelpop{position:absolute;right:0;bottom:calc(100% + 9px);z-index:5;width:288px;background:var(--uc-cdm-card);border:1px solid var(--uc-cdm-border-strong);border-radius:13px;padding:5px;box-shadow:0 18px 44px -20px #17161366,0 2px 8px -4px #17161329}.ccx-uc[data-brand=claude-code] .uc-effortpop{width:236px}.ccx-uc[data-brand=claude-code] .uc-idle{width:13px;height:13px;border-radius:50%;border:1.6px solid var(--uc-cdm-faint);flex:none}.ccx-uc[data-brand=claude-code] .uc-modelpop[hidden]{display:none}.ccx-uc[data-brand=claude-code] .uc-modelpop .h{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--uc-cdm-faint);padding:8px 11px 6px}.ccx-uc[data-brand=claude-code] .uc-mopt{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;border:0;background:none;border-radius:9px;padding:8px 11px;font:inherit;cursor:pointer;transition:background .14s}.ccx-uc[data-brand=claude-code] .uc-mopt:hover{background:var(--uc-cdm-hover)}.ccx-uc[data-brand=claude-code] .uc-mopt .tick{width:15px;height:15px;flex:none;margin-top:1px;color:var(--uc-cdm-coral);opacity:0}.ccx-uc[data-brand=claude-code] .uc-mopt .tick svg{width:15px;height:15px;display:block;stroke-width:2.4}.ccx-uc[data-brand=claude-code] .uc-mopt[aria-selected=true] .tick{opacity:1}.ccx-uc[data-brand=claude-code] .uc-mopt .mo-n{display:block;font-size:13.5px;font-weight:600;color:var(--uc-cdm-ink)}.ccx-uc[data-brand=claude-code] .uc-mopt .mo-d{display:block;font-size:12px;line-height:1.45;color:var(--uc-cdm-muted);margin-top:1px}.ccx-uc .cxw-back{display:none}@media(max-width:900px){.ccx-uc .uc-wrap{padding:3.5rem 20px}.ccx-uc .shead{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.ccx-uc .shead p{padding-left:0;font-size:16px}.ccx-uc .stage{grid-template-columns:1fr;gap:0;position:relative;overflow:hidden;border-radius:16px;min-height:520px;max-height:74dvh}.ccx-uc .dir{flex-direction:column;overflow-y:auto;padding-top:0;max-height:74dvh}.ccx-uc .region{position:absolute;inset:0;height:auto;z-index:2;transform:translate(104%);transition:transform .38s cubic-bezier(.22,1,.36,1);pointer-events:none}.ccx-uc .stage.uc-open .region{transform:none;pointer-events:auto}.ccx-uc .cxw{box-shadow:0 12px 44px -18px #00000059}.ccx-uc .cxw-back{display:inline-flex;align-items:center;gap:1px;border:0;background:none;color:var(--uc-blue);font-size:14.5px;font-weight:500;padding:0 6px 0 0;cursor:pointer}.ccx-uc .cxw-back svg{width:18px;height:18px}}.ccx-gal{--gal-fg: oklch(.24 .04 65);--gal-muted: oklch(.45 .03 65);--gal-muted2: oklch(.62 .03 65);--gal-line: rgba(43,31,17,.13);--gal-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--gal-display: "Stack Sans Notch", "Inter Variable", -apple-system, system-ui, sans-serif;--gal-max: 1200px;--gal-gut: 32px;padding:1.5rem 0 4.5rem;font-family:var(--gal-font);background:#fff}.ccx-gal *{box-sizing:border-box}.ccx-gal .gal-wrap{max-width:var(--gal-max);margin:0 auto;padding:0 var(--gal-gut)}.ccx-gal .gal-head{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%;margin-bottom:38px}.ccx-gal .gal-left{width:100%}.ccx-gal .gal-head h2{font-family:var(--gal-display);font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:0 0 16px}.ccx-gal .gal-head h2 .l1,.ccx-gal .gal-head h2 .l2{color:var(--gal-fg);display:block}.ccx-gal .gal-head p{font-size:18px;line-height:1.5;color:var(--gal-muted);margin:0;max-width:none}.ccx-gal .gal-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.ccx-gal .gal-cta-label{font-size:14px;font-weight:600;color:var(--gal-muted2)}.ccx-gal .gal-rail{display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;padding:4px var(--gal-gut) 8px;padding-left:max(var(--gal-gut),calc((100% - var(--gal-max)) / 2 + var(--gal-gut)));scroll-padding-left:max(var(--gal-gut),calc((100% - var(--gal-max)) / 2 + var(--gal-gut)));scrollbar-width:none;scroll-snap-type:x proximity}.ccx-gal .gal-rail::-webkit-scrollbar{display:none}.ccx-gal .gal-item{flex:0 0 320px;scroll-snap-align:start}.ccx-gal .gal-card{position:relative;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;background:#1a1a1a}.ccx-gal .gal-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ccx-gal .gal-scrim{position:absolute;inset:0;background:linear-gradient(to top,#0000009e,#0000001f 34%,#0000 56%)}.ccx-gal .gal-ttl{position:absolute;left:20px;right:20px;bottom:18px;color:#fff;font-size:1.42rem;font-weight:700;line-height:1.12;letter-spacing:-.01em;text-shadow:0 1px 14px rgba(0,0,0,.35)}.ccx-gal .gal-kw{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gal-muted2);margin:15px 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccx-gal .gal-desc{font-size:16px;line-height:1.5;color:var(--gal-muted);margin:6px 4px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:760px){.ccx-gal .gal-wrap{padding-left:22px;padding-right:22px}.ccx-gal .gal-rail{padding-left:22px;padding-right:22px;scroll-padding-left:22px}.ccx-gal .gal-head{gap:18px}.ccx-gal .gal-item{flex-basis:78vw}}.ccx-why{--w-fg: oklch(.24 .04 65);--w-muted: oklch(.45 .03 65);--w-line: rgba(43,31,17,.12);--w-card: #faf8f5;--w-accent: #14110e;--w-display: "Stack Sans Notch", "Inter Variable", -apple-system, system-ui, sans-serif;--w-font: "Inter Variable", "Inter", -apple-system, system-ui, sans-serif;font-family:var(--w-font);background:#fff}.ccx-why *{box-sizing:border-box}.ccx-why .why-wrap{max-width:1180px;margin:0 auto;padding:4.5rem 32px}.ccx-why h2{font-family:var(--w-display);font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:-.03em;font-weight:800;color:var(--w-fg);margin:0 0 16px}.ccx-why .why-lead{font-size:18px;line-height:1.5;color:var(--w-muted);margin:0 0 44px;max-width:60ch}.ccx-why .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ccx-why .why-card{background:var(--w-card);border:1px solid var(--w-line);border-radius:18px;padding:28px 26px 30px}.ccx-why .why-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--w-accent);color:#fff;margin-bottom:22px}.ccx-why .why-ic svg{width:22px;height:22px}.ccx-why .why-card h3{font-size:1.3rem;line-height:1.2;letter-spacing:-.01em;color:var(--w-fg);font-weight:700;margin:0 0 11px}.ccx-why .why-card p{font-size:16px;line-height:1.58;color:var(--w-muted);margin:0}.ccx-why .why-install{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:38px}.ccx-why .why-install-label{font-size:15px;font-weight:600;color:var(--w-muted);padding-left:14px}@media(max-width:860px){.ccx-why .why-wrap{padding:3.5rem 22px}.ccx-why .why-grid{grid-template-columns:1fr}}@font-face{font-family:OpenAI Sans;font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.openai.com/common/fonts/openai-sans/OpenAISans-Regular.woff2) format("woff2")}@font-face{font-family:OpenAI Sans;font-weight:500;font-style:normal;font-display:swap;src:url(https://cdn.openai.com/common/fonts/openai-sans/OpenAISans-Medium.woff2) format("woff2")}@font-face{font-family:OpenAI Sans;font-weight:600;font-style:normal;font-display:swap;src:url(https://cdn.openai.com/common/fonts/openai-sans/OpenAISans-Semibold.woff2) format("woff2")}@font-face{font-family:OpenAI Sans;font-weight:700;font-style:normal;font-display:swap;src:url(https://cdn.openai.com/common/fonts/openai-sans/OpenAISans-Bold.woff2) format("woff2")}.cxwin-root{position:relative;width:100%;height:100%;text-align:left;--cx-bg: #f4f3f1;--cx-surface: #eceae7;--cx-ink: #1c1b19;--cx-muted: #8b8984;--cx-bubble: #eae8e5;--cx-input: #ffffff;--cx-send: #181818;--cx-border: rgba(0,0,0,.09);--cx-chrome-ic: #83817c;--cx-access: #d9641c;--cx-font: "OpenAI Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cxwin-root *{box-sizing:border-box}.cxwin-root[data-brand=claude-code]{--cx-bg: #faf9f5;--cx-surface: #f0eee7;--cx-ink: #141413;--cx-muted: #8a887f;--cx-bubble: #efece3;--cx-input: #ffffff;--cx-send: #da7756;--cx-border: rgba(20,20,19,.1);--cx-chrome-ic: #8a887f;--cx-access: #da7756;--cx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}.cxwin-root[data-brand=claude-code] .cx-greet{font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:500;letter-spacing:0}.cxwin-root[data-brand=claude-code] .cx-reply p:not(:empty):before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.42em;vertical-align:-.11em;background:url(/codex-plugin/claude-mark.svg) center / contain no-repeat}.cxwin-root[data-brand=hermes]{--cx-bg: #faf7f2;--cx-surface: #f2ede4;--cx-ink: #201c16;--cx-muted: #948d80;--cx-bubble: #efe9de;--cx-input: #ffffff;--cx-send: #201c16;--cx-border: rgba(60,45,20,.12);--cx-chrome-ic: #948d80;--cx-access: #b08540;--cx-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.cxwin{position:absolute;inset:0;background:var(--cx-bg);border:1px solid var(--cx-border);border-radius:14px;overflow:hidden;box-shadow:0 40px 110px -30px #141e3242,0 10px 26px -12px #0000001f;display:flex;flex-direction:column;color:var(--cx-ink);text-align:left;font-family:var(--cx-font)}.cx-top{height:46px;flex:0 0 46px;display:flex;align-items:center;padding:0 16px;position:relative;z-index:3}.cx-dots{display:inline-flex;gap:8px}.cx-dots i{width:11px;height:11px;border-radius:50%}.cx-dots i:nth-child(1){background:#ff5f57}.cx-dots i:nth-child(2){background:#febc2e}.cx-dots i:nth-child(3){background:#28c840}.cx-chrome{display:inline-flex;align-items:center;gap:17px;margin-left:18px;color:var(--cx-chrome-ic)}.cx-chrome>svg{width:15px;height:15px;display:block}.cx-seg{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;background:#e7e5e1;border-radius:999px;padding:2.5px}.cx-seg i{font-style:normal;font-size:12.5px;font-weight:500;line-height:1;color:#6f6d68;padding:5.5px 18px;border-radius:999px}.cx-seg i.on{background:#fff;color:#191817;box-shadow:0 1px 2.5px #0000001a,0 0 0 .5px #00000005}.cx-min{margin-left:auto;display:inline-flex;align-items:center;gap:14px;color:var(--cx-chrome-ic)}.cx-min svg{width:15px;height:15px;display:block}.cxwin-body{flex:1;position:relative;min-height:0}.cx-chat{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--cx-bg);border-right:1px solid transparent;overflow:hidden;z-index:2}.cx-greet{position:absolute;left:8%;right:8%;top:31%;text-align:center;font-size:clamp(20px,2.5vw,30px);font-weight:500;letter-spacing:-.014em;color:#232220}.cx-msgs{position:absolute;inset:6% 0 27%;padding:0;overflow:hidden;opacity:0;display:flex;flex-direction:column;justify-content:flex-start;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30px);mask-image:linear-gradient(180deg,transparent 0,#000 30px)}.cx-msgs-inner{width:min(560px,86%);margin:0 auto;display:flex;flex-direction:column;gap:14px;text-align:left;flex:0 0 auto;transition:transform .3s ease;will-change:transform}.cx-file{align-self:flex-end;display:inline-flex;align-items:center;gap:7px;background:var(--cx-input);border:1px solid var(--cx-border);border-radius:10px;padding:6px 11px;font-size:12px;color:var(--cx-ink);opacity:0}.cx-file svg{width:13px;height:13px;color:var(--cx-muted);flex:0 0 auto}.cx-user{align-self:flex-end;max-width:88%;background:var(--cx-bubble);border-radius:14px;padding:10px 13px;font-size:13.5px;line-height:1.55;white-space:pre-line}.cx-mention{display:inline-flex;align-items:center;gap:4px;vertical-align:baseline;font-weight:600;color:var(--cx-ink);background:transparent;padding:0;white-space:nowrap}.cx-mention img{width:13px;height:13px;display:block}.cx-worked{align-self:flex-start;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--cx-muted);font-weight:500}.cx-worked svg{width:14px;height:14px}.cx-reply p{margin:0;font-size:13.5px;line-height:1.62;text-align:left;color:var(--cx-ink)}.cx-steps{display:flex;flex-direction:column;gap:8px;align-self:stretch}.cx-astep{display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:1.4;color:var(--cx-muted);opacity:0;will-change:transform,opacity}.cx-astep[data-state=done]{color:var(--cx-ink)}.cx-astep .ind{width:14px;height:14px;flex:0 0 auto;border-radius:50%;position:relative;box-sizing:border-box}.cx-astep[data-state=run] .ind{border:1.5px solid var(--cx-border);border-top-color:var(--cx-ink);animation:ccx-spin .7s linear infinite}.cx-astep[data-state=done] .ind{background:url(/CC_LOGOMARK_BLACK.svg) center / contain no-repeat}@keyframes ccx-spin{to{transform:rotate(360deg)}}.cx-acts{display:flex;align-items:center;gap:14px;color:#97958f;opacity:0}.cx-acts svg{width:14px;height:14px;display:block}.cx-prompt{position:absolute;left:50%;transform:translate(-50%);width:min(560px,86%);top:42%;z-index:3;background:var(--cx-input);border:1px solid rgba(0,0,0,.055);border-radius:24px;padding:13px 15px 10px;box-shadow:0 1px 2px #0000000a,0 12px 34px -14px #14100829}.cx-prompt .field{display:block;min-height:2.7em;font-size:13.5px;line-height:1.45;color:var(--cx-ink)}.cx-prompt .field:empty:before{content:attr(data-ph);color:var(--cx-muted)}.cx-prompt .row{display:flex;align-items:center;gap:11px;margin-top:6px}.cx-prompt .row .plus{display:inline-flex;color:#66645f}.cx-prompt .row .plus svg{width:17px;height:17px;display:block}.cx-prompt .row .fa{display:inline-flex;align-items:center;gap:5px;color:var(--cx-access);font-size:12px;font-weight:500;white-space:nowrap}.cx-prompt .row .fa svg{width:14px;height:14px;display:block}.cx-prompt.sent .row .fa .lbl{display:none}.cx-prompt .row .sp{flex:1}.cx-prompt .row .model{display:inline-flex;align-items:center;gap:4.5px;font-size:11.5px;color:var(--cx-muted);white-space:nowrap}.cx-prompt .row .model .bolt{width:12px;height:12px;color:var(--cx-ink)}.cx-prompt .row .model b{font-weight:600;color:var(--cx-ink)}.cx-prompt .row .model .hi{color:var(--cx-muted)}.cx-prompt .row .model .chev{width:11px;height:11px}.cx-prompt .row .mic{display:inline-flex;color:#66645f}.cx-prompt .row .mic svg{width:16px;height:16px;display:block}.cx-prompt .row .send{width:28px;height:28px;border-radius:50%;background:var(--cx-send);color:#fff;display:grid;place-items:center;flex:0 0 auto}.cx-prompt .row .send svg{width:14px;height:14px;grid-area:1 / 1}.cx-prompt .row .send .ar,.cx-prompt .row .send.typing .wf{display:none}.cx-prompt .row .send.typing .ar{display:block}.cx-home{position:absolute;left:50%;transform:translate(-50%);top:47%;width:min(560px,86%);z-index:1}.cx-drawer{background:var(--cx-surface);border-radius:24px;padding:68px 17px 0}.cx-tray{display:flex;align-items:center;gap:22px;height:42px;color:#6c6a65}.cx-tray .sp{flex:1}.cx-proj{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500}.cx-proj svg{width:15px;height:15px;display:block;flex:0 0 auto}.cx-plug{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500}.cx-plug .marks{display:inline-flex;align-items:center;gap:1px}.cx-plug .marks svg{width:14px;height:14px;display:block}.cx-laptop{width:16px;height:16px;display:block;flex:0 0 auto}.cxwin-root .cc{position:absolute;right:0;top:0;bottom:0;width:70%;opacity:0;display:flex;flex-direction:column;background:var(--sk-bg);color:var(--sk-fg);z-index:1;overflow:hidden;will-change:transform,opacity}.cxwin-root .cc-top{flex:1;min-height:0;display:flex}.cxwin-root .cc-asset{flex:0 0 26%;width:26%;border-right:1px solid var(--sk-border);padding:10px;min-width:0;overflow:hidden}.cxwin-root .cc-player{flex:1;min-width:0;padding:10px 12px;display:flex;container-type:size;align-items:center;justify-content:center}.cxwin-root .cc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--sk-viewer);opacity:0}.cxwin-root .cc-cursor{position:absolute;left:0;top:0;width:19px;height:19px;opacity:0;z-index:12;pointer-events:none;transform:translate(-60px,-60px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.cxwin-root .cc-cursor svg{width:100%;height:100%;display:block}.cxwin-root .cc .vw-screen{flex:none;aspect-ratio:16 / 9;width:min(100%,calc(100cqh * 16 / 9))}.cxwin-body .cc .mp-grid{grid-template-columns:repeat(2,1fr)}.cxwin-root .cc .ed-tl{flex:0 0 auto}.cxwin-body .cc .clip.vid{background:var(--tr-blue);box-sizing:border-box;border:1px solid var(--sk-clip-border, rgba(0, 0, 0, .35));box-shadow:none}.cxwin-root .cc .tl-ruler{gap:0;padding-right:0}.cxwin-root .cc .tl-ruler>span{flex:1 1 0;padding-left:5px}.cxwin-root .cc .tl-ruler:after{content:"";position:absolute;left:100px;right:0;bottom:0;height:5px;background:repeating-linear-gradient(90deg,var(--border-2, rgba(0,0,0,.14)) 0 1px,transparent 1px 5%);opacity:.75}.cxwin-root .cc .tl-tracks:before{content:"";position:absolute;inset:0 0 0 100px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--border, rgba(0,0,0,.1)) calc(25% - 1px) 25%)}.cxwin-root .cc .ed-tl .track.tk-v{height:64px}.cxwin-root .cc .ed-tl .track.tk-mg{height:52px}.cxwin-root .cc .ed-tl .track.tk-a{height:56px}.cxwin-root .cc .ed-tl .clip.vid{height:54px}.cxwin-root .cc .ed-tl .clip.title{height:42px}.cxwin-root .cc .ed-tl .clip.aud{height:46px}.cxwin-root .cc .lane{padding:5px 0;gap:0}.cxwin-root .cc .lane.abs{position:relative}.cxwin-root .cc .lane.abs .clip{position:absolute;top:5px}.cxwin-root .cc .tl-tracks .clip{opacity:0;transform-origin:left center;will-change:transform,opacity}.cxwin-root .cc .tl-playhead{left:100px;opacity:0;pointer-events:none}.cxwin-root .cc .tl-bar .pb{transition:transform .12s ease}.cxwin-root .cc .tl-bar .pb.pressed{transform:scale(.84)}@media(max-width:640px){.cxwin-body .cc{width:100%}.cxwin-root .cc-asset{display:none}.cx-prompt .row{gap:9px}.cx-prompt .row .fa .lbl,.cx-prompt .row .model .hi{display:none}.cx-home{top:42%}.cx-drawer{padding:118px 14px 0}.cx-tray{gap:14px}.cx-proj,.cx-plug{white-space:nowrap}.cx-laptop{display:none}}.dev-inspector{position:fixed;top:16px;right:16px;z-index:9999;width:300px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;background:#16130f;color:#f4efe7;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 24px 60px #0006;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace}.dev-inspector--left{right:auto;left:16px}.dev-inspector.ti-collapsed .ti-body,.dev-inspector.ti-collapsed .ti-foot{display:none}.dev-inspector.ti-collapsed .ti-caret{transform:rotate(-90deg)}.dev-inspector .ti-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:600;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.dev-inspector .ti-caret{transition:transform .15s;opacity:.7}.dev-inspector .ti-body{padding:4px 14px 8px}.dev-inspector .ti-sec{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.dev-inspector .ti-sec-t{font-weight:600;color:#f9d8a8;margin-bottom:8px}.dev-inspector .ti-row{display:grid;grid-template-columns:78px 1fr 40px;align-items:center;gap:8px;margin:6px 0}.dev-inspector .ti-row>span{opacity:.72}.dev-inspector .ti-row output{text-align:right;opacity:.9}.dev-inspector select{grid-column:2 / 4;background:#262019;color:#f4efe7;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:3px 5px;font:inherit}.dev-inspector input[type=range]{width:100%;accent-color:#f9d8a8}.dev-inspector input[type=color]{width:100%;height:24px;padding:0;background:none;border:1px solid rgba(255,255,255,.16);border-radius:6px;cursor:pointer}.dev-inspector .ti-presets{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 2px}.dev-inspector .ti-presets button{padding:5px 9px;border-radius:999px;cursor:pointer;font:inherit;border:1px solid rgba(255,255,255,.18);background:#262019;color:#f4efe7}.dev-inspector .ti-presets button:hover{background:#322a20}.dev-inspector .ti-swatch{display:grid;place-items:center;padding:10px 14px 2px}.dev-inspector .ti-swatch img{width:44px;height:44px}.dev-inspector .ti-foot{display:flex;gap:8px;padding:10px 14px 14px}.dev-inspector .ti-foot button{flex:1;padding:7px 0;border-radius:7px;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:#262019;color:#f4efe7;font:inherit}.dev-inspector .ti-foot button:hover{background:#322a20}body,main{background:#fff}body{--landing-bg: #ffffff;--landing-heading: oklch(.24 .04 65);--landing-muted: oklch(.35 .025 65);--landing-muted-soft: oklch(.52 .025 65);--landing-surface: #ffffff;--landing-surface-soft: #fbfaf8;--landing-surface-raised: #ffffff;--landing-border: rgba(43,31,17,.13);--landing-border-soft: rgba(43,31,17,.08);--landing-control: #111111;--landing-control-foreground: #ffffff;--landing-input: rgba(255,255,255,.96);--landing-grid-line: rgba(43,31,17,.05);--landing-shadow: 0 22px 58px rgba(43,31,17,.08);--landing-shadow-strong: 0 24px 70px rgba(80,60,30,.13);color-scheme:light}.landing-navbar :is(a,button){color:#2c1b09!important}.landing-navbar .landing-nav-cta,.landing-navbar .landing-nav-cta *{color:#fff!important}@font-face{font-family:JetBrains Mono;font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5.0.18/files/jetbrains-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5.0.18/files/jetbrains-mono-latin-600-normal.woff2) format("woff2")}.ccx{--fg: #14110e;--muted: #807d74;--font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font);color:var(--fg);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ccx *{box-sizing:border-box}.ccx-hero{max-width:1180px;margin:0 auto;padding:0 24px 4rem;text-align:center}.ccx-hero-top{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0;min-height:calc(84svh - 64px)}.ccx-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}.ccx-title{font-size:var(--type-h1-size);font-weight:400;letter-spacing:-.03em;line-height:1;margin:50px 0 0;color:#000}.ccx-sub{max-width:48rem;margin:1.3rem auto 0;font-size:18px;line-height:1.55;color:#44382d;text-wrap:balance}.ccx-hero .ccx-soon-line{margin:1.3rem 0 0}.ccx-hero .ccx-soon{display:inline-flex;align-items:center;gap:9px;font-size:clamp(17px,1.9vw,20px);font-weight:600;letter-spacing:.01em;line-height:1;color:#fff;background:#14110e;border-radius:12px;padding:12px 20px}.ccx-hero .ccx-soon-dots{display:inline-flex;align-items:flex-end;gap:4px;padding-bottom:3px}.ccx-hero .ccx-soon-dots i{width:5px;height:5px;border-radius:50%;background:#fff}.ccx-install{width:100%;margin:2.4rem auto 0;display:flex;flex-direction:column;align-items:center;gap:30px}.ccx-install-lead{font-size:19px;font-weight:600;color:#14110e;margin:-4px 0 0;text-wrap:balance}.ccx-install-logo-inline{display:inline-block;width:22px;height:22px;vertical-align:-5px;margin:0 5px 0 3px}#ccx-top{scroll-margin-top:80px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.ccx-faq{max-width:820px;margin:0 auto;padding:3.5rem 24px 6rem}.ccx-faq .ccx-h2{text-align:center;margin:0 0 2.4rem}.ccx-faq .faq-list{border-top:1px solid rgba(43,31,17,.12)}.ccx-faq .faq-item{border-bottom:1px solid rgba(43,31,17,.12)}.ccx-faq .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-size:clamp(17px,1.9vw,20px);font-weight:600;color:#2c1b09}.ccx-faq .faq-item summary::-webkit-details-marker{display:none}.ccx-faq .faq-item summary:hover .faq-q{opacity:.7}.ccx-faq .faq-ic{position:relative;flex:none;width:20px;height:20px}.ccx-faq .faq-ic:before,.ccx-faq .faq-ic:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#615244;border-radius:2px;transform:translate(-50%,-50%);transition:transform .28s ease,opacity .28s ease}.ccx-faq .faq-ic:after{transform:translate(-50%,-50%) rotate(90deg)}.ccx-faq .faq-item[open] .faq-ic:after{opacity:0;transform:translate(-50%,-50%) rotate(0)}.ccx-faq .faq-a{padding:0 44px 24px 4px}.ccx-faq .faq-a p{margin:0;font-size:16px;line-height:1.62;color:#534537}.ccx-faq .faq-item[open] .faq-a{animation:ccx-faq-in .3s ease}@keyframes ccx-faq-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ccx-trycta{max-width:1120px;margin:0 auto;padding:1rem 24px 6rem}.ccx-trycta .try-box{position:relative;display:block;text-decoration:none;background:#0e0d0c;border-radius:28px;padding:3.6rem 3rem;text-align:center;box-shadow:0 30px 70px -40px #0009;transition:transform .2s ease,box-shadow .2s ease}.ccx-trycta .try-box:hover{transform:translateY(-3px);box-shadow:0 42px 90px -40px #000000b3}.ccx-trycta .try-title{display:block;font-family:Stack Sans Notch,Inter Variable,-apple-system,system-ui,sans-serif;font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.04;color:#fff}.ccx-trycta .try-sub{display:block;max-width:46ch;margin:1.1rem auto 0;font-size:17px;line-height:1.55;color:#ffffff9e}.ccx-trycta .try-go{display:inline-grid;place-items:center;width:46px;height:46px;margin-top:1.8rem;border-radius:50%;background:#fff;color:#0e0d0c;transition:transform .2s ease}.ccx-trycta .try-box:hover .try-go{transform:translate(4px)}.ccx-trycta .try-go svg{width:20px;height:20px}.ccx-stage{position:relative;width:100%;max-width:1120px;margin:2rem auto 0;aspect-ratio:16 / 9}.ccx-stage-cdm{aspect-ratio:auto}.ccx-cta{margin-top:3rem}.ccx-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0a0a0a;color:#fff;border-radius:999px;padding:0 1.8rem;min-height:52px;font-size:16px;font-weight:600;text-decoration:none}.ccx-btn svg{width:17px;height:17px}.ccx-caps{max-width:920px;margin:0 auto;padding:5.5rem 24px 1rem;text-align:center}.ccx-h2{font-family:Stack Sans Notch,Inter Variable,-apple-system,"system-ui",Segoe UI,system-ui,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0;color:#000}.ccx-lead{max-width:52ch;margin:1.2rem auto 0;font-size:18px;line-height:1.5;color:#44382d}.ccx[data-brand=claude-code] .ccx-caps .ccx-h2{text-wrap:balance}.ccx[data-brand=claude-code] .ccx-caps .ccx-lead{max-width:44rem;text-wrap:balance}.caps-grid{margin:2.8rem auto 0;max-width:760px;display:grid;grid-template-columns:repeat(4,1fr);gap:1.7rem 1rem}.caps-grid .cap{display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;font-size:14.5px;font-weight:500;color:#2c1b09;text-decoration:none;transition:opacity .15s}.caps-grid .cap:hover{opacity:.58}.caps-grid .cap svg{width:18px;height:18px;flex:0 0 auto}@media(max-width:860px){.caps-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem .8rem}}.ccx-howto{max-width:1100px;margin:0 auto;padding:2.5rem 24px 5.5rem;text-align:center}.ccx-film{position:relative;display:block;width:100%;max-width:920px;aspect-ratio:16 / 9;margin:0 auto;border-radius:18px;overflow:hidden;background:#0b0b0c;cursor:pointer;box-shadow:0 44px 90px -46px #14100880,0 14px 34px -22px #00000047}.ccx-film-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .25s ease}.ccx-film:after{content:"";position:absolute;inset:0;background:#08070624;opacity:0;transition:opacity .3s ease;pointer-events:none}.ccx-film:hover .ccx-film-cover{transform:scale(1.025)}.ccx-film:hover:after{opacity:1}.ccx-film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fffffff0;box-shadow:0 12px 34px -10px #00000073;transition:transform .2s ease,opacity .25s ease;z-index:2;pointer-events:none}.ccx-film-play svg{width:32px;height:32px;margin-left:4px;fill:#14110e}.ccx-film:hover .ccx-film-play{transform:translate(-50%,-50%) scale(1.07);background:#fff}.ccx-film-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:1;pointer-events:none}.ccx-film.playing .ccx-film-cover,.ccx-film.playing .ccx-film-play{opacity:0}.ccx-film.playing:after{opacity:0}.ccx-film:focus-visible{outline:3px solid oklch(.24 .04 65);outline-offset:3px}@media(max-width:640px){.ccx-stage{aspect-ratio:auto;height:min(122vw,470px)}.ccx-stage-cdm{height:auto}}