:root{--bg:#eceff1;--paper:#fbfaf7;--ink:#23282d;--muted:#6a7178;--line:#23282d1f;--accent:#2f5fd0;--open:#c0562f;--resolved:#2f7d54;--wontfix:#6a7178;--panel:#f6f7f8;--radius:10px;--flip-shadow:.48}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:5px 11px;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:#23282d47}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.danger{color:#b23b2c}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.block{width:100%}input[type=text],input[type=password],input:not([type]),textarea{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:7px;padding:8px 10px}input:focus,textarea:focus{outline-offset:-1px;outline:2px solid #2f5fd059}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.gate{place-items:center;height:100%;padding:24px;display:grid}.gate-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;width:min(360px,100%);padding:28px;display:grid}.gate-card h1{margin:0;font-size:19px}.gate-card p{color:var(--muted);margin:0;font-size:13px}.gate-error{color:#b23b2c!important}.workspace{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 18px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.brand strong{letter-spacing:.14em;font-size:14px}.brand small,.topbar-info{color:var(--muted);font-size:12px}.topbar-info{flex:1;align-items:center;gap:10px;display:flex}.pill{color:var(--open);background:#c0562f1f;border-radius:999px;padding:2px 9px;font-size:11px}.workspace-body{flex:1;grid-template-columns:272px minmax(0,1fr) 340px;min-height:0;display:grid;overflow:hidden}.workspace-body.reviewer{grid-template-columns:minmax(0,1fr) 340px}.inspector{border-right:1px solid var(--line);background:var(--panel);align-content:start;gap:22px;padding:16px;display:grid;overflow-y:auto}.inspector h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px}.inspector .empty,.annotation-list .empty{color:var(--muted);margin:0;font-size:13px}.hint,.notice{color:var(--muted);margin:8px 0 0;font-size:12px}.error-text{color:#b23b2c;word-break:break-word;margin:4px 0 0;font-size:12px}.upload-drop{border-radius:var(--radius);color:var(--muted);cursor:pointer;background:#fff;border:1px dashed #23282d47;place-items:center;padding:22px 12px;font-size:13px;display:grid}.upload-drop input{display:none}.progress{background:#23282d14;border-radius:999px;height:22px;margin-top:10px;position:relative;overflow:hidden}.progress span{background:var(--accent);transition:width .2s;position:absolute;inset:0 auto 0 0}.progress b{text-align:center;color:#fff;mix-blend-mode:difference;font-size:11px;line-height:22px;display:block;position:relative}.progress.slim{height:4px;margin-top:6px}.version-list,.link-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.version-list li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}.version-list li.active{border-color:#2f5fd080}.version-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.state{color:var(--muted);font-size:12px}.state.failed{color:#b23b2c}.version-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.version-actions button{padding:3px 8px;font-size:12px}.tag{color:var(--accent);align-self:center;font-size:11px}.new-link{gap:6px;margin-top:10px;display:grid}.new-link code{word-break:break-all;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 8px;font-size:11px}.new-link small{color:var(--muted);font-size:11px}.link-list{margin-top:10px;font-size:12px}.link-list li{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.link-list li.revoked{opacity:.5}.link-list button{padding:2px 7px;font-size:11px}.stage{background:radial-gradient(120% 80% at 50% 0%, #ffffffe6, transparent 60%), var(--bg);flex-direction:column;min-width:0;min-height:0;padding:14px 18px 18px;display:flex;position:relative;overflow:hidden}.empty-stage{color:var(--muted);place-items:center;display:grid}.stage-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.stage-meta-actions{align-items:center;gap:8px;display:flex}.page-badge{color:var(--open);background:#c0562f1f;border-radius:999px;padding:2px 9px;font-size:11px}.chip{border-radius:999px;padding:3px 10px;font-size:12px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.viewer{flex:1;place-items:center;min-height:0;padding:14px 0;display:grid;overflow:hidden}.book-host{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.book-host .stf__parent,.book-host .stf__wrapper,.book-host .stf__block{height:var(--book-h,100%)}.book-host .stf__parent{width:100%;min-height:0!important}.book-page{background:var(--paper);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #272b300d}.book-page:after{content:"";pointer-events:none;opacity:var(--flip-shadow);mix-blend-mode:multiply;background:linear-gradient(90deg,#1f24290d,#0000 9% 91%,#1f24290f);position:absolute;inset:0}.page-image{object-fit:contain;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;display:block}.inspect-scroll{justify-content:safe center;align-items:safe center;width:100%;height:100%;display:flex;overflow:auto}.inspect-page{background:var(--paper);flex:none;position:relative;box-shadow:0 14px 40px -22px #14181c99}.inspect-page img{object-fit:contain;width:100%;height:100%;transition:opacity .25s;display:block}.inspect-status{color:var(--muted);place-content:center;justify-items:center;gap:4px;font-size:12px;display:grid;position:absolute;inset:0}.inspect-status.error{color:#b23b2c}.page-controls{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:8px 12px;width:100%;max-width:560px;padding:8px 14px;display:flex}.page-controls>span{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-size:12px}.page-controls>input[type=range]{flex:120px;width:auto;min-width:90px}.shadow-control,.zoom-control{flex:0 auto}.shadow-control{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.shadow-control input{width:70px}.annotation-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.annotation-panel header{padding:14px 16px 10px}.annotation-panel h2{margin:0;font-size:14px}.annotation-panel header small{color:var(--muted);font-size:11px}.filter-row{border-bottom:1px solid var(--line);gap:5px;padding:0 16px 12px;display:flex}.filter-row button{border-radius:7px;flex:1;gap:1px;padding:4px 2px;font-size:11px;display:grid}.filter-row button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-row b{font-size:12px}.compose{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px;display:grid}.compose label{color:var(--muted);font-size:12px}.panel-error{color:#b23b2c;margin:10px 16px 0;font-size:12px}.annotation-list{flex:1;align-content:start;gap:10px;padding:12px 16px;display:grid;overflow-y:auto}.annotation-card{border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:var(--radius);background:#fff;gap:7px;padding:10px 12px;display:grid}.annotation-card.status-open{border-left-color:var(--open)}.annotation-card.status-resolved{border-left-color:var(--resolved)}.annotation-card.status-wontfix{border-left-color:var(--wontfix)}.annotation-card.selected{box-shadow:0 0 0 2px #2f5fd047}.card-head{align-items:center;gap:8px;font-size:12px;display:flex}.seq{font-weight:600}.page-link{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}.status-tag{color:var(--muted);background:#23282d12;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px}.status-tag.open{color:var(--open);background:#c0562f1f}.status-tag.resolved{color:var(--resolved);background:#2f7d541f}.card-content{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px}.designer-note{color:var(--muted);background:#23282d0d;border-radius:6px;margin:0;padding:7px 9px;font-size:12px}.designer-note b{color:var(--ink);margin-bottom:2px;font-size:11px;display:block}.card-meta{color:var(--muted);font-size:11px}.card-actions{flex-wrap:wrap;gap:6px;display:flex}.card-actions button{padding:3px 9px;font-size:12px}.card-edit,.note-form{gap:6px;width:100%;display:grid}.card-edit .hint{margin:0}.export-link{border-top:1px solid var(--line);color:var(--accent);padding:12px 16px;font-size:12px;text-decoration:none;display:block}.project-list{gap:5px;margin:0 0 8px;padding:0;list-style:none;display:grid}.project-list li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.project-list li.active{box-shadow:inset 3px 0 0 var(--accent);border-color:#2f5fd08c}.project-pick{text-align:left;background:0 0;border:none;border-radius:0;gap:1px;width:100%;padding:8px 10px;display:grid}.project-pick span{font-size:13px}.project-pick small{color:var(--muted);font-size:11px}.project-actions{gap:6px;display:flex}.project-actions button{flex:1;padding:3px 6px;font-size:12px}.trim-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.manual-tag{color:var(--accent);background:#2f5fd01f;border-radius:999px;margin-left:6px;padding:1px 5px;font-size:10px;font-style:normal}.warn-text{color:#9a6414;margin:5px 0 0;font-size:11px}.trim-editor{flex-wrap:wrap;align-items:center;gap:5px;width:100%;display:flex}.trim-editor input{text-align:center;width:58px;padding:3px 6px}.trim-editor span{color:var(--muted);font-size:11px}.trim-editor button{padding:3px 9px;font-size:12px}.trim-tag{background:#23282d12;border-radius:999px;margin-left:10px;padding:1px 8px;font-size:11px;font-style:normal}.trim-tag.warn{color:#9a6414;background:#9a641424}.zoom-control{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.zoom-control input{width:110px}.zoom-control output{text-align:right;font-variant-numeric:tabular-nums;min-width:38px}.link-button{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}.stage{container:stage/inline-size}@container stage (width<=470px){.shadow-control{display:none}}.segmented{border:1px solid var(--line);background:#fff;border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:0;padding:4px 11px;font-size:12px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.active{background:var(--ink);color:#fff}.segmented.compact button{padding:3px 9px;font-size:11px}.inspect-wrap{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.draw-toolbar{flex:none;align-items:center;gap:8px;display:flex}.draw-hint{color:var(--muted);font-size:11px}.draw-compose{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex:none;gap:6px;padding:10px 12px;display:grid}.draw-compose label{color:var(--muted);font-size:12px}.draw-compose .hint{align-self:center;margin:0}.annotation-layer{pointer-events:none;position:absolute;inset:0}.annotation-layer.drawing{pointer-events:auto}.annotation-layer.draw-point,.annotation-layer.draw-rect{cursor:crosshair}.marker{pointer-events:auto;background:0 0;margin:0;padding:0;position:absolute}.marker.point{background:var(--open);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-top:-11px;margin-left:-11px;font-size:11px;font-weight:600;line-height:1;display:grid;box-shadow:0 2px 6px #14181c59}.marker.point.status-resolved{background:var(--resolved)}.marker.point.status-wontfix{background:var(--wontfix)}.marker.rect{border:2px solid var(--open);background:#c0562f1a;border-radius:3px}.marker.rect.status-resolved{border-color:var(--resolved);background:#2f7d541a}.marker.rect.status-wontfix{border-color:var(--wontfix);background:#6a71781a}.marker-badge{background:var(--open);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;line-height:18px;position:absolute;top:-10px;left:-2px}.marker.rect.status-resolved .marker-badge{background:var(--resolved)}.marker.rect.status-wontfix .marker-badge{background:var(--wontfix)}.marker.selected{outline:2px solid var(--accent);outline-offset:2px;z-index:2}.marker.drafting{pointer-events:none;border-style:dashed;border-color:var(--accent);background:#2f5fd01a}.thumb-strip{scrollbar-width:thin;flex:none;gap:6px;padding:8px 2px;display:flex;overflow:auto hidden}.thumb-item{border:1px solid var(--line);background:#fff;border-radius:4px;flex:none;width:44px;padding:0;line-height:0;position:relative;overflow:hidden}.thumb-item.active{border-color:var(--accent);box-shadow:0 0 0 2px #2f5fd040}.thumb-item img{width:100%;height:auto;display:block}.thumb-no{color:var(--muted);text-align:center;background:var(--panel);font-size:9px;line-height:13px;display:block}.thumb-badge{text-align:center;color:#fff;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:2px;right:2px}.thumb-badge.open{background:var(--open)}.thumb-badge.done{background:var(--resolved)}.annotation-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.page-group{gap:8px;display:grid}.group-head{z-index:1;color:var(--muted);background:var(--panel);cursor:pointer;align-items:center;gap:6px;margin:0;padding:5px 2px;font-size:11px;font-weight:500;display:flex;position:sticky;top:-12px}.group-head.current{color:var(--accent)}.group-head b{opacity:.7;font-weight:400}.annotation-card{cursor:pointer}.type-tag{color:var(--muted);background:#23282d12;border-radius:999px;padding:1px 6px;font-size:10px}.compose-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.compose-target{color:var(--muted);font-size:11px}html,body,#root{height:100dvh}.inspect-scroll{touch-action:pan-x pan-y}.inspect-scroll.drawing,.annotation-layer.drawing{touch-action:none}@media (pointer:coarse){.marker.point{width:28px;height:28px;margin-top:-14px;margin-left:-14px;font-size:12px}.marker.rect{border-width:3px}}.sheet-handle,.inspector-toggle,.inspector-backdrop{display:none}@media (width<=767px){.workspace-body,.workspace-body.reviewer{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.stage{padding:10px 10px 8px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.stage-meta{flex-wrap:wrap;gap:6px}.trim-tag{margin-left:0}.inspector{z-index:30;border-right:1px solid var(--line);width:min(300px,86vw);padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.inspector.open{transform:none;box-shadow:8px 0 28px -18px #14181c8c}.inspector-backdrop{z-index:29;background:#14181c59;border:none;border-radius:0;display:block;position:fixed;inset:0}.inspector-toggle{align-items:center;display:inline-flex}.annotation-panel{z-index:20;border:none;border-top:1px solid var(--line);height:78dvh;transform:translateY(calc(100% - 52px - env(safe-area-inset-bottom,0px)));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:14px 14px 0 0;transition:transform .24s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px -18px #14181c8c}.annotation-panel.sheet-open{transform:translateY(0)}.sheet-handle{background:var(--panel);text-align:left;border:none;border-radius:14px 14px 0 0;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px;display:flex;position:relative}.sheet-grip{background:#23282d33;border-radius:2px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sheet-title{flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.sheet-open-count{color:var(--open);background:#c0562f1f;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:400}.sheet-chevron{color:var(--muted);font-size:12px}.annotation-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.thumb-strip,.shadow-control{display:none}.page-controls{gap:6px 8px;max-width:100%;padding:6px 10px}.page-controls>span{min-width:62px;font-size:11px}.page-controls button,.chip,.card-actions button,.segmented button{min-height:34px}.draw-compose{position:sticky;bottom:0}.topbar{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));gap:10px}.topbar-info{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}}@media (prefers-reduced-motion:reduce){.annotation-panel,.inspector{transition:none}}.chip,.segmented button,.page-controls button,.card-actions button,.version-actions button{white-space:nowrap}@media (width<=767px){.stage-fullscreen{display:none}.stage-meta-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.stage-meta-actions .segmented button{padding:4px 8px;font-size:11px}.page-badge{order:3}}.stage-meta-actions{flex-wrap:wrap;justify-content:flex-end}.stage-meta-actions>*,.page-controls>button,.segmented button{flex-shrink:0}.book-host.single .stf__parent{min-width:0!important}.compare-bar{color:var(--muted);flex:none;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.compare-bar select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;max-width:320px;padding:3px 8px}.compare-wrap{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.compare-warn{color:#9a6414;background:#9a64141a;border-radius:6px;flex:none;margin:0;padding:5px 9px;font-size:11px}.compare-warn.inline{background:0 0;padding:0;font-style:normal}.compare-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.compare-pane{flex-direction:column;gap:5px;min-width:0;min-height:0;display:flex}.compare-label{flex:none;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.compare-label small{color:var(--muted);font-size:11px}.compare-stage{flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.compare-page{background:var(--paper);position:relative;box-shadow:0 10px 30px -20px #14181c99}.compare-page img{object-fit:contain;width:100%;height:100%;transition:opacity .2s;display:block}.compare-missing{color:var(--muted);font-size:12px}@media (width<=767px){.compare-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.compare-spread{justify-content:center;align-items:center;gap:6px;display:flex}.compare-hint{color:var(--muted);text-align:center;flex:none;margin:0;font-size:11px}.marker.ghost{opacity:.55;border-style:dashed}.marker.point.ghost{border:2px dashed var(--open);color:var(--open);background:0 0}.marker.point.ghost.status-resolved{border-color:var(--resolved);color:var(--resolved)}.marker.point.ghost.status-wontfix{border-color:var(--wontfix);color:var(--wontfix)}.marker.rect.ghost{background:0 0}.marker.ghost .marker-badge{opacity:.75}