*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5fa;--surface-1:#fff;--surface-2:#f0f1f8;--surface-3:#e8eaf2;--surface-4:#dde0ee;--border:#00000014;--border-md:#00000021;--border-act:#6c72e873;--text-1:#1a1a2e;--text-2:#4a4f6a;--text-3:#9096b8;--canvas-bg:#eceeff;--scrim:#f0f1faeb;--accent:#6c72e8;--accent-2:#3bb5e8;--accent-3:#2dd9cc;--gradient:linear-gradient(120deg, #6c72e8 0%, #3bb5e8 50%, #2dd9cc 100%);--danger:#ef4444;--radius:8px;--toolbar-w:136px;--panel-w:296px;--topbar-h:54px}[data-theme=dark]{--bg:#09090f;--surface-1:#101018;--surface-2:#161620;--surface-3:#1e1e2c;--surface-4:#252538;--border:#ffffff12;--border-md:#ffffff1c;--border-act:#6c72e873;--text-1:#eceeff;--text-2:#8890b8;--text-3:#50526a;--canvas-bg:#0d0d16;--scrim:#09090feb}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:DM Sans,sans-serif}#__next{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--surface-1);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.logo{letter-spacing:3.5px;text-transform:uppercase;background:var(--gradient);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.topbar-sep{background:var(--border);flex-shrink:0;width:1px;height:22px}.url-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.url-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.url-field svg{color:var(--text-3);pointer-events:none;flex-shrink:0;position:absolute;left:11px}.url-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:34px;color:var(--text-1);-webkit-user-select:text;user-select:text;outline:none;padding:0 96px 0 34px;font-family:DM Mono,monospace;font-size:12px;transition:border-color .18s}.url-input::placeholder{color:var(--text-3)}.url-input:focus{border-color:var(--border-act)}.url-badge{letter-spacing:1px;text-transform:uppercase;opacity:0;pointer-events:none;border-radius:4px;padding:3px 7px;font-family:DM Mono,monospace;font-size:9px;font-weight:500;transition:opacity .18s;position:absolute;right:8px}.url-badge.figma{color:#a259ff;opacity:1;background:#a259ff2e}.url-badge.web{color:var(--accent-2);opacity:1;background:#3db5e82e}.btn-load{background:var(--gradient);border-radius:var(--radius);color:#fff;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;height:34px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .18s,transform .1s}.btn-load:hover{opacity:.88}.btn-load:active{transform:scale(.97)}.topbar-actions{flex-shrink:0;gap:5px;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:34px;height:34px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-md)}.icon-btn.on{color:var(--accent);border-color:var(--border-act);background:#6c72e81f}.page-counter{background:var(--surface-2);border:1px solid var(--border);height:24px;color:var(--text-2);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:none}.page-counter.on{display:flex}.page-counter-dot{background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px}.main{flex:1;display:flex;overflow:hidden}.toolbar{width:var(--toolbar-w);background:var(--surface-1);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;padding:10px 6px;display:flex}.tool-btn{cursor:pointer;width:100%;height:36px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .16s;display:flex;position:relative}.tool-btn:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border)}.tool-btn.active{background:var(--gradient);color:#fff;border-color:#0000;box-shadow:0 2px 14px #6c72e859}.tool-btn svg{flex-shrink:0}.tool-label{text-align:left;flex:1}.tool-btn.tool-primary{height:42px;font-size:13px;font-weight:600}.tool-btn.tool-primary.active{box-shadow:0 3px 18px #6c72e866}.more-tools-toggle{cursor:pointer;width:100%;height:28px;color:var(--text-3);border:1px dashed var(--border);background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;margin-top:2px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .16s;display:flex}.more-tools-toggle:hover{color:var(--text-2);border-color:var(--border-md);background:var(--surface-2)}.more-tools-chevron{font-size:9px;transition:transform .2s}.toolbar.more-open .more-tools-chevron{transform:rotate(180deg)}.more-tools-section{flex-direction:column;gap:2px;margin-top:2px;display:none}.toolbar.more-open .more-tools-section{display:flex}.tip{background:var(--surface-1);border:1px solid var(--border-md);z-index:400;pointer-events:none;border-radius:9px;width:204px;padding:9px 12px;display:none;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 6px 24px #00000026}[data-theme=dark] .tip{box-shadow:0 6px 24px #00000080}.tip-head{color:var(--text-1);align-items:center;gap:7px;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.tip-head kbd{background:var(--surface-3);border:1px solid var(--border-md);color:var(--text-2);border-radius:4px;margin-left:auto;padding:1px 6px;font-family:DM Mono,monospace;font-size:10px;font-weight:400}.tip-body{color:var(--text-2);font-size:11.5px;line-height:1.55}.tool-btn:hover .tip{display:block}.tool-btn[data-tool=browse].active{background:linear-gradient(120deg,#2563eb 0%,#2dd9cc 100%);box-shadow:0 2px 14px #2dd9cc4d}.tool-sep{background:var(--border);width:100%;height:1px;margin:4px 0}.color-section{flex-direction:column;align-items:center;gap:5px;margin-top:auto;padding:8px 4px;display:flex}.stroke-row{flex-direction:row;align-items:center;gap:6px;margin-bottom:4px;display:flex}.stroke-dot{background:var(--text-3);cursor:pointer;border-radius:50%;flex-shrink:0;transition:all .14s}.stroke-dot:hover{background:var(--text-1);transform:scale(1.2)}.stroke-dot.active{background:var(--accent)}.swatch-grid{grid-template-columns:repeat(3,20px);gap:6px;display:grid}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:2px solid #0000;width:20px;height:20px;transition:all .14s}.swatch:hover{transform:scale(1.15)}.swatch.active{outline-color:var(--text-1);outline-offset:2px}.canvas-area{background:var(--canvas-bg);flex:1;position:relative;overflow:hidden}[data-theme=dark] .canvas-area{background-image:radial-gradient(at 18% 18%,#6c72e80d 0%,#0000 55%),radial-gradient(at 82% 82%,#2dd9cc0a 0%,#0000 55%)}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.empty-orb{background:var(--surface-2);border:1px solid var(--border);width:72px;height:72px;color:var(--text-3);border-radius:22px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.empty-orb:before{content:"";background:var(--gradient);opacity:.08;border-radius:inherit;position:absolute;inset:0}.empty-h{color:var(--text-2);font-family:Syne,sans-serif;font-size:20px;font-weight:700}.empty-p{color:var(--text-3);text-align:center;max-width:300px;font-size:13px;line-height:1.65}.chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);cursor:pointer;border-radius:20px;padding:5px 12px;font-family:DM Mono,monospace;font-size:11px;transition:all .14s}.chip:hover{background:var(--surface-3);border-color:var(--border-act);color:var(--accent)}.pulse-hint{pointer-events:none;z-index:8;flex-direction:column;align-items:center;gap:10px;animation:.5s forwards pulseHintFadeIn;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-hint.on{display:flex}@keyframes pulseHintFadeIn{0%{opacity:0;transform:translate(-50%,-50%)translateY(8px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.pulse-hint-ring{background:#6c72e81f;border:2px solid #6c72e859;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;animation:2s ease-in-out infinite pulseRing;display:flex}@keyframes pulseRing{0%,to{transform:scale(1);box-shadow:0 0 #6c72e84d}50%{transform:scale(1.08);box-shadow:0 0 0 12px #6c72e800}}.pulse-hint-text{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:600}.canvas-scroller{scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset:0;overflow:hidden auto}.canvas-scroller::-webkit-scrollbar{display:none}.frame-wrap{width:100%;display:none;position:relative}.frame-wrap.on{display:block}.site-frame{border:none;width:100%;display:block;overflow:hidden}.annot-svg{pointer-events:none;z-index:10;width:100%;position:absolute;top:0;left:0;overflow:visible}.pointer-layer{z-index:5;cursor:crosshair;width:100%;position:absolute;top:0;left:0}.canvas-area.cur-select{cursor:default}.canvas-area.cur-pin,.canvas-area.cur-draw,.canvas-area.cur-arrow,.canvas-area.cur-rect,.canvas-area.cur-highlight{cursor:crosshair}.canvas-area.cur-text{cursor:text}.canvas-area.cur-eraser{cursor:cell}.pin-g{cursor:pointer}.pin-g .pin-circle{transition:transform .14s,filter .14s}.pin-g:hover .pin-circle{filter:brightness(1.15);transform:scale(1.12)}.pin-g.selected .pin-circle{filter:brightness(1.2)drop-shadow(0 0 6px)}.loading{background:var(--bg);z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.loading.on{display:flex}.spin{border:2px solid var(--border-md);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text-3);font-size:13px}.err-bar{border-radius:var(--radius);color:#dc2626;z-index:30;text-align:center;background:#ef44441a;border:1px solid #ef44444d;max-width:520px;padding:9px 14px;font-size:12px;display:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}[data-theme=dark] .err-bar{color:#fca5a5}.err-bar.on{display:block}.submitted-banner{z-index:25;background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 18px;display:none;position:absolute;top:0;left:0;right:0}.submitted-banner.on{display:flex}.submitted-banner-icon{background:#34c7591f;border:1px solid #34c7594d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.submitted-banner-text{flex:1}.submitted-banner-title{color:#34c759d9;margin-bottom:2px;font-size:13px;font-weight:600}.submitted-banner-sub{color:var(--text-3);font-size:12px}.submitted-banner-contact{color:var(--accent);flex-shrink:0;font-size:12px;font-weight:500;text-decoration:none}.submitted-banner-contact:hover{text-decoration:underline}.popover{background:var(--surface-1);border:1px solid var(--border-act);z-index:150;border-radius:10px;width:236px;padding:12px;display:none;position:fixed;box-shadow:0 12px 40px #00000026}[data-theme=dark] .popover{box-shadow:0 12px 40px #0000008c}.popover.on{display:block}.popover-label{letter-spacing:.5px;color:var(--text-3);margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px}.comment-ta{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text-1);resize:none;-webkit-user-select:text;user-select:text;border-radius:6px;outline:none;min-height:70px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.comment-ta::placeholder{color:var(--text-3)}.comment-ta:focus{border-color:var(--border-act)}.popover-row{gap:6px;margin-top:8px;display:flex}.btn-cancel{border:1px solid var(--border);height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;flex:1;font-family:DM Sans,sans-serif;font-size:12px;transition:all .14s}.btn-cancel:hover{border-color:var(--border-md);color:var(--text-1)}.btn-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;height:30px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:opacity .14s}.btn-save:hover{opacity:.84}.panel{width:var(--panel-w);background:var(--surface-1);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:width .24s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.panel.collapsed{width:0}.panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.panel-title{white-space:nowrap;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.panel-badge{color:var(--text-3);background:var(--surface-2);border-radius:10px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px}.panel-body{flex:1;padding:10px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:3px}.panel-body::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}.empty-msg{text-align:center;color:var(--text-3);padding:28px 0;font-size:12px;line-height:1.7}.fb-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:7px;padding:11px;transition:all .14s}.fb-item:hover{background:var(--surface-3);border-color:var(--border-md)}.fb-item.selected{border-color:var(--border-act)}.fb-head{align-items:center;gap:7px;margin-bottom:5px;display:flex}.fb-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:DM Mono,monospace;font-size:9px;font-weight:500;display:flex}.fb-kind{letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);flex:1;font-size:10px;font-weight:500}.fb-del{width:18px;height:18px;color:var(--text-3);opacity:0;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .14s;display:flex}.fb-item:hover .fb-del{opacity:1}.fb-del:hover{color:var(--danger);background:#ef444426}.fb-text{color:var(--text-1);word-break:break-word;font-size:12.5px;line-height:1.5}.fb-time{color:var(--text-3);margin-top:5px;font-family:DM Mono,monospace;font-size:10px}.panel-foot{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:7px;padding:10px;display:flex}.panel-foot-sec{gap:7px;display:flex}.btn-sec{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .14s;display:flex}.btn-sec:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-md)}.btn-pri{background:var(--gradient);border-radius:var(--radius);color:#fff;cursor:pointer;white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;gap:5px;height:32px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:opacity .14s;display:flex}.btn-pri:hover{opacity:.86}.btn-submit{background:var(--gradient);border-radius:var(--radius);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .14s;display:flex}.btn-submit:hover:not(:disabled){opacity:.86}.btn-submit:disabled{opacity:.45;cursor:default}.btn-submit.submitted{opacity:1;background:linear-gradient(120deg,#22c55e 0%,#16a34a 100%)}.submit-label{flex-shrink:0}.submit-count{opacity:.75;font-size:12px;font-weight:500}.round-badge{height:24px;color:var(--accent);white-space:nowrap;background:#6c72e81a;border:1px solid #6c72e847;border-radius:20px;flex-shrink:0;align-items:center;padding:0 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;display:none}.bp-switcher{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;align-items:center;gap:3px;padding:3px;display:none}.bp-btn{height:26px;color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .14s;display:flex}.bp-btn.active{background:var(--surface-1);color:var(--accent);box-shadow:0 1px 4px #00000014}.bp-btn:not(.active):hover{background:var(--surface-3);color:var(--text-2)}.cat-row{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.cat-btn{background:var(--surface-2);border:1px solid var(--border);min-width:0;height:24px;color:var(--text-3);cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;transition:all .14s}.cat-btn:not(.active):hover{background:var(--surface-3);color:var(--text-2)}.cat-btn[data-cat=design].active{color:#6c72e8f2;background:#6c72e81f;border-color:#6c72e859}.cat-btn[data-cat=content].active{color:#34c759e6;background:#34c7591a;border-color:#34c7594d}.cat-btn[data-cat=bug].active{color:#ef4444e6;background:#ef44441a;border-color:#ef44444d}.cat-btn[data-cat=question].active{color:#a855f7e6;background:#a855f71a;border-color:#a855f74d}.btn-approve{border-radius:var(--radius);color:#34c759d9;cursor:pointer;background:#34c75914;border:1px solid #34c75940;justify-content:center;align-items:center;gap:5px;width:100%;height:34px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .14s;display:flex}.btn-approve:hover:not(:disabled){background:#34c75929;border-color:#34c75966}.btn-approve:disabled{opacity:.4;cursor:default}.expired-screen{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.expired-screen.on{display:flex}.expired-box{text-align:center;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;max-width:380px;padding:48px 32px;box-shadow:0 8px 32px #00000014}[data-theme=dark] .expired-box{box-shadow:none}.expired-icon{color:#ef4444b3;background:#ef444414;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.expired-title{color:var(--text-1);margin:0 0 12px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.expired-body{color:var(--text-2);margin:0 0 24px;font-size:14px;line-height:1.6}.expired-link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.expired-link:hover{text-decoration:underline}.submit-success{background:var(--scrim);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.submit-success.on{animation:.3s fadeIn;display:flex}.submit-success-box{text-align:center;max-width:400px;padding:52px 36px}.submit-success-icon{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex;box-shadow:0 0 40px #6c72e84d}.submit-success-round{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.submit-success-title{color:var(--text-1);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-family:Syne,sans-serif;font-size:36px;font-weight:800}.submit-success-count{color:var(--text-1);margin:0 0 10px;font-size:15px;font-weight:500}.submit-success-body{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.toast{background:var(--surface-4);border:1px solid var(--border-md);color:var(--text-1);z-index:999;white-space:nowrap;pointer-events:none;border-radius:8px;padding:9px 16px;font-size:13px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 4px 16px #0000001a}.toast.show{transform:translate(-50%)translateY(0)}.toast.toast-save{color:#34c759e6;background:#34c7591a;border-color:#34c75940}[data-theme=dark] .toast{box-shadow:0 4px 16px #0006}.canvas-area.browsing{cursor:grab!important}.scroll-hint{background:var(--surface-1);border:1px solid var(--border-md);color:var(--text-3);pointer-events:none;z-index:48;opacity:0;white-space:nowrap;border-radius:20px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:11px;transition:opacity .22s;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.canvas-area:not(.cur-select):not(.cur-scroll) .scroll-hint{opacity:1}.canvas-area.browsing .scroll-hint{opacity:0!important}.scroll-hint b{color:var(--text-2);font-weight:600}.canvas-area.cur-scroll{cursor:grab}.canvas-area.cur-scroll:active{cursor:grabbing}.canvas-area.cur-scroll .annot-svg,.canvas-area.cur-scroll .annot-svg *{pointer-events:none!important}.view-pop{background:var(--surface-1);border:1px solid var(--border-act);z-index:155;border-radius:10px;width:248px;padding:12px;display:none;position:fixed;box-shadow:0 12px 40px #0000001f}[data-theme=dark] .view-pop{box-shadow:0 12px 40px #0009}.view-pop.on{display:block}.view-pop-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.view-pop-head .popover-label{margin-bottom:0}.view-pop-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .14s}.view-pop-close:hover{color:var(--text-1)}.view-pop-body{color:var(--text-1);word-break:break-word;background:var(--surface-2);border-radius:6px;min-height:42px;margin-bottom:10px;padding:8px 10px;font-size:13px;line-height:1.55}.view-pop-body.empty{color:var(--text-3);font-style:italic}.btn-del-pop{color:#dc2626;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:6px;flex:1;height:30px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .14s}[data-theme=dark] .btn-del-pop{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.btn-del-pop:hover{background:#ef44442e;border-color:#ef444466}.btn-edit-pop{background:var(--surface-2);border:1px solid var(--border);height:30px;color:var(--text-2);cursor:pointer;border-radius:6px;flex:1;font-family:DM Sans,sans-serif;font-size:12px;transition:all .14s}.btn-edit-pop:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-md)}.annot-badge{cursor:pointer}.annot-badge circle{transition:filter .14s}.annot-badge:hover circle{filter:brightness(1.15)}.annot-badge.selected circle{filter:brightness(1.2)drop-shadow(0 0 6px #6c72e8cc)}.confirm-overlay{z-index:1000;opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}[data-theme=dark] .confirm-overlay{background:#0009}.confirm-overlay.on{opacity:1;pointer-events:all}.confirm-box{background:var(--surface-1);border:1px solid var(--border-act);border-radius:12px;width:280px;padding:20px;transition:transform .18s;transform:translateY(8px);box-shadow:0 24px 64px #0000001f}[data-theme=dark] .confirm-box{box-shadow:0 24px 64px #000000bf}.confirm-overlay.on .confirm-box{transform:translateY(0)}.confirm-title{color:var(--text-1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.confirm-msg{color:var(--text-2);margin-bottom:16px;font-size:12.5px;line-height:1.55}.confirm-row{gap:8px;display:flex}.presubmit-overlay{z-index:1100;opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}[data-theme=dark] .presubmit-overlay{background:#000000a6}.presubmit-overlay.on{opacity:1;pointer-events:all}.presubmit-box{background:var(--surface-1);border:1px solid var(--border-act);border-radius:14px;width:340px;padding:24px;transition:transform .22s;transform:translateY(10px)scale(.98);box-shadow:0 24px 64px #0000001f}[data-theme=dark] .presubmit-box{box-shadow:0 24px 64px #000000b3}.presubmit-overlay.on .presubmit-box{transform:translateY(0)scale(1)}.presubmit-title{color:var(--text-1);margin-bottom:4px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.presubmit-summary{color:var(--text-2);margin-bottom:16px;font-size:12.5px;line-height:1.5}.presubmit-count{color:var(--accent);font-weight:700;display:inline-block}.presubmit-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:600}.presubmit-ta{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text-1);resize:none;-webkit-user-select:text;user-select:text;border-radius:8px;outline:none;min-height:72px;margin-bottom:16px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.presubmit-ta::placeholder{color:var(--text-3)}.presubmit-ta:focus{border-color:var(--border-act)}.presubmit-row{gap:8px;display:flex}.btn-presubmit-send{background:var(--gradient);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:6px;height:38px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .14s;display:flex}.btn-presubmit-send:hover{opacity:.88}.btn-presubmit-cancel{border:1px solid var(--border);border-radius:var(--radius);height:38px;color:var(--text-2);cursor:pointer;background:0 0;flex:1;font-family:DM Sans,sans-serif;font-size:12px;transition:all .14s}.btn-presubmit-cancel:hover{border-color:var(--border-md);color:var(--text-1);background:var(--surface-2)}.shortcuts-btn{opacity:.6;margin-top:4px}.shortcuts-btn:hover{opacity:1}.shortcuts-panel{left:calc(var(--toolbar-w) + 8px);background:var(--surface-1);border:1px solid var(--border-md);z-index:900;opacity:0;pointer-events:none;border-radius:12px;width:256px;padding:0;transition:opacity .18s,transform .18s;position:fixed;bottom:16px;transform:translateY(8px);box-shadow:0 12px 40px #0000001a}[data-theme=dark] .shortcuts-panel{box-shadow:0 12px 40px #000000a6}.shortcuts-panel.on{opacity:1;pointer-events:all;transform:translateY(0)}.sc-header{border-bottom:1px solid var(--border);color:var(--text-1);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-family:Syne,sans-serif;font-size:12.5px;font-weight:700;display:flex}.sc-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1;transition:color .14s}.sc-close:hover{color:var(--text-1)}.sc-body{flex-direction:column;gap:3px;padding:12px 14px 14px;display:flex}.sc-group-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-family:DM Mono,monospace;font-size:9.5px;font-weight:600}.sc-row{align-items:center;gap:10px;padding:2px 0;display:flex}.sc-kbd{background:var(--surface-3);border:1px solid var(--border-md);color:var(--text-1);white-space:nowrap;text-align:center;border-radius:5px;flex-shrink:0;min-width:20px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10.5px;font-weight:500}.sc-desc{color:var(--text-2);font-size:11.5px;line-height:1.4}.mobile-wall{z-index:99999;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.mobile-wall.on{display:flex}.mobile-wall-box{text-align:center;max-width:320px}.mobile-wall-icon{margin-bottom:20px;font-size:48px;line-height:1}.mobile-wall-title{color:var(--text-1);margin-bottom:12px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.mobile-wall-body{color:var(--text-2);margin-bottom:20px;font-size:15px;line-height:1.65}.mobile-wall-contact{color:var(--text-3);font-size:13px}.mobile-wall-contact a{color:var(--accent);font-weight:500;text-decoration:none}.mobile-wall-contact a:hover{text-decoration:underline}.welcome-overlay{z-index:9998;background:var(--scrim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.welcome-overlay.on{animation:.35s fadeIn;display:flex}.welcome-box{background:var(--surface-1);border:1px solid var(--border-md);border-radius:18px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 24px 64px #0000001a}[data-theme=dark] .welcome-box{box-shadow:0 24px 64px #0009}.welcome-logo{letter-spacing:3px;text-transform:uppercase;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.welcome-title{color:var(--text-1);margin-bottom:20px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.welcome-steps{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.welcome-step{align-items:flex-start;gap:14px;display:flex}.welcome-step-num{background:var(--gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:DM Mono,monospace;font-size:11px;font-weight:700;display:flex}.welcome-step-content{flex:1;padding-top:4px}.welcome-step-title{color:var(--text-1);margin-bottom:2px;font-size:13px;font-weight:600}.welcome-step-body{color:var(--text-2);font-size:12px;line-height:1.5}.btn-welcome{background:var(--gradient);border-radius:var(--radius);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;width:100%;height:44px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:opacity .15s}.btn-welcome:hover{opacity:.88}