:root{color-scheme:dark;--bg:#141516;--panel:#1b1d1f;--muted:#989b9e;--line:#303235;--ink:#f2f1ed;--accent:#ffcd81;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;background:var(--bg);color:var(--ink)}body{font-size:16px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{touch-action:manipulation}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:24px}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-1.1px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--accent);color:#1a1b1d;font:700 27px Georgia,serif;padding-bottom:5px;letter-spacing:-1px}.brand-dot{color:var(--accent)}.header-divider{height:18px;width:1px;background:#404145}.header-label{font-size:14px;color:#b5b5b5;letter-spacing:1px}.quiet-button{background:none;border:0;padding:9px 0;display:flex;gap:8px;align-items:center;font-size:14px}.privacy-button{margin-left:auto;color:#bebfbe}.privacy-button:hover{color:var(--accent)}.layout{display:grid;grid-template-columns:258px minmax(0,1fr);height:calc(100dvh - 78px);min-height:580px}.sidebar{border-right:1px solid var(--line);padding:31px 20px 22px;display:flex;flex-direction:column;overflow-y:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 6px 21px}.section-heading h1,.local-heading h2{font-size:14px;font-weight:500;margin:0;color:#b6b8ba}.count{font:12px "Cascadia Code",Consolas,monospace;color:#989b9e;border:1px solid var(--line);padding:2px 6px;border-radius:4px}.work-list{display:grid;gap:10px}.work-card{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:17px 15px;transition:background .15s,border-color .15s}.work-card:hover{background:#202224}.work-card.active{border-color:#5b5141;background:#2a2722}.work-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.work-number{color:#85888a;font:12px Consolas,monospace}.work-card.active .work-number{color:var(--accent)}.work-indicator{font-size:14px;color:var(--accent);visibility:hidden}.work-card.active .work-indicator{visibility:visible}.work-name{font-size:18px;font-weight:600;display:block;letter-spacing:-.35px}.work-subtitle{font-size:13px;color:#a5a5a3;display:block;margin:7px 0 18px}.work-time{font-size:13px;font-family:"Cascadia Code",Consolas,monospace;display:block;color:#b6b4ae}.work-time span{color:#8b8c8c;margin-right:11px;font-size:12px}.collection-caption{display:flex;align-items:center;gap:8px;margin:23px 6px 28px;font-size:10px;letter-spacing:.7px;color:#737679}.line{width:18px;height:1px;background:#56585b}.local-section{padding:0 6px}.local-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.local-heading span{color:#85878a;font-size:12px}.import-button{display:flex;align-items:center;gap:9px;width:100%;border:1px dashed #515355;background:#1a1c1e;border-radius:7px;padding:12px 11px;font-size:14px;white-space:nowrap}.import-button:hover{border-color:var(--accent);color:var(--accent)}.plus{margin-left:auto;color:#939598;font-size:20px;line-height:1}.local-hint{font-size:12px;color:#8b8e90;line-height:1.9;margin:10px 2px}.local-works{display:grid;gap:5px;margin-top:12px}.local-row{display:flex;border-radius:6px;background:#202224;align-items:center}.local-row.active{box-shadow:inset 2px 0 var(--accent)}.local-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:11px 9px;border:0;background:none;text-align:left;font-size:13px}.remove-local{border:0;background:none;padding:8px;color:#888;font-size:18px}.remove-local:hover{color:#ffb2a5}.sidebar-footer{margin:auto 6px 0;padding-top:36px;display:flex;flex-direction:column;gap:8px}.model-label{font:10px Consolas,monospace;letter-spacing:1.15px;color:#85888a}.sidebar-footer strong{font-size:14px;font-weight:500;color:#d0d0cc}.footer-note{font-size:12px;color:#85888a;line-height:1.5}.workspace{padding:29px 30px 15px;display:flex;flex-direction:column;min-width:0;min-height:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font:11px Consolas,monospace;color:#929596;letter-spacing:1.2px;margin-bottom:7px}.current-heading h2{font-size:30px;letter-spacing:-.9px;font-weight:550;line-height:1.25;margin:0}.generation{display:flex;align-items:center;gap:17px}.generation span{font:11px Consolas,monospace;color:#929596;letter-spacing:1px}.generation strong{font:24px "Cascadia Code",Consolas,monospace;font-weight:400;color:var(--accent);white-space:nowrap}.viewer{display:flex;flex-direction:column;flex:1;min-height:380px;border:1px solid #434548;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 14px 45px #0003}.viewer-toolbar{height:43px;flex-shrink:0;display:flex;align-items:center;padding:0 8px 0 14px;background:#252729;border-bottom:1px solid #37393b;gap:10px}.file-label{display:flex;align-items:center;gap:9px;color:#bbbdbf;min-width:0;font:12px Consolas,monospace}.file-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-glyph{font-size:12px;color:#84898c}.viewer-actions{margin-left:auto;display:flex;align-items:center;gap:5px;flex-shrink:0}.viewer-actions button{display:flex;gap:7px;align-items:center;border:0;border-radius:4px;background:none;padding:6px 9px;color:#bebfc0;font-size:12px}.viewer-actions button:hover{background:#383b3e;color:white}.viewer-actions svg{width:16px;height:16px}.toolbar-divider{height:15px;width:1px;background:#47494b;margin:0 2px}.frame-host{position:relative;flex:1;min-height:0;background:#111;isolation:isolate}.frame-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#17191b}.loading{display:flex;align-items:center;justify-content:center;gap:11px;position:absolute;inset:0;background:#1b1d1f;color:#a5a7a8;z-index:2;font-size:14px}.spinner{width:17px;height:17px;border:2px solid #4b4d50;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-footer{padding-top:13px;display:flex;gap:18px;justify-content:space-between;line-height:1.6;color:#95989a;font-size:12px}.workspace-footer span:last-child{color:#85888a;text-align:right}.viewer:fullscreen{border:0;border-radius:0;width:100%;height:100%;min-height:0}.viewer:fullscreen .viewer-toolbar{height:40px}.viewer.focus-mode{position:fixed;inset:0;z-index:50;border:0;border-radius:0;min-height:0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;padding:13px 20px;border:1px solid #56534c;border-radius:9px;background:#302c25;box-shadow:0 8px 30px #0006;color:#f2e2c9;font-size:14px;max-width:calc(100% - 32px);line-height:1.6}.drop-overlay{position:fixed;inset:12px;z-index:90;background:#1a1b1eef;border:2px dashed var(--accent);border-radius:16px;display:grid;place-items:center;pointer-events:none}.drop-overlay>div{display:flex;flex-direction:column;align-items:center;gap:17px}.drop-symbol{font-size:64px;color:var(--accent)}.drop-overlay strong{font-size:26px}.drop-overlay div>span:last-child{font-size:14px;color:#aaa}dialog{width:min(510px,calc(100vw - 32px));border:1px solid #4b4b46;border-radius:13px;background:#222426;color:var(--ink);padding:26px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:20px;margin:0}.dialog-close{font-size:25px;background:none;border:0;color:#aaa;padding:0 6px}dialog p{font-size:14px;line-height:1.9;color:#c2c2bf;margin:19px 0}.dialog-note{color:#999!important;border-top:1px solid #404245;padding-top:15px}.primary-button{border:0;background:var(--accent);color:#26221b;font-size:14px;border-radius:6px;padding:11px 20px}.primary-button:hover{background:#ffdda6}
@media(min-width:1600px){.layout{grid-template-columns:284px minmax(0,1fr)}.sidebar{padding-left:26px;padding-right:26px}.workspace{padding-left:38px;padding-right:38px}}
@media(max-width:1050px){.layout{grid-template-columns:224px minmax(0,1fr)}.header{padding:0 22px}.sidebar{padding-left:13px;padding-right:13px}.workspace{padding:27px 20px 14px}.generation{flex-direction:column;align-items:flex-end;gap:6px}.generation strong{font-size:21px}}
@media(max-width:760px){html,body{height:auto;min-height:100%}.header{height:64px;padding:0 18px;gap:14px}.brand{font-size:21px;gap:9px}.brand-mark{width:29px;height:29px;font-size:23px;border-radius:7px}.header-label{font-size:12px;letter-spacing:0}.header-divider{display:none}.privacy-button{font-size:12px;gap:5px}.privacy-button svg{width:15px}.layout{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 64px)}.sidebar{padding:18px 18px 0;border-right:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);position:relative}.section-heading{display:none}.work-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-card{background:#1c1e20;border-color:#333638;padding:12px 14px;border-radius:8px}.work-card-top{margin-bottom:6px}.work-number{font-size:11px}.work-name{font-size:17px}.work-subtitle{font-size:12px;margin:5px 0 12px}.work-time{font-size:12px}.work-time span{font-size:10px;margin-right:8px}.collection-caption,.sidebar-footer,.local-heading{display:none}.local-section{margin-top:13px;padding:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.import-button{width:auto;font-size:12px;padding:8px 11px;gap:7px}.import-button svg{width:15px;height:15px}.plus{display:none}.local-hint{font-size:11px;line-height:1.5;margin:0;flex:1}.local-hint br{display:none}.local-works:empty{display:none}.local-works{width:100%;display:flex;overflow-x:auto;margin:0;padding-bottom:3px}.local-row{max-width:230px;min-width:130px;flex-shrink:0}.workspace{padding:22px 18px 15px;min-height:620px;flex:1}.workspace-heading{margin-bottom:16px;gap:10px}.eyebrow{font-size:10px;margin-bottom:5px;letter-spacing:1px}.current-heading h2{font-size:25px}.generation{gap:4px}.generation span{font-size:10px}.generation strong{font-size:19px}.viewer{min-height:470px;height:65dvh;flex:auto;border-radius:7px}.viewer-toolbar{height:39px;padding-left:10px}.viewer-actions button{padding:6px}.viewer-actions button span{display:none}.workspace-footer{font-size:11px;gap:10px;align-items:flex-start}.file-label{font-size:11px}.file-glyph{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}