@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#17212f;--muted:#778395;--line:#e5e9ef;--blue:#3569e8;--blue-dark:#2858cc;--surface:#fff;--canvas:#edf1f6;background:#f5f7fa;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}#__nuxt,body,html{height:100%;min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #9ab5ff}::-moz-selection{background:#d8e4ff}::selection{background:#d8e4ff}.app-shell{background:#f6f8fb;flex-direction:column;height:100dvh;min-height:560px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:3;background:#fff;flex:none;gap:22px;height:66px;padding:0 24px}.brand,.topbar{align-items:center;display:flex}.brand{letter-spacing:-.7px;white-space:nowrap;gap:10px;font:800 18px Manrope,sans-serif}.brand-mark{color:#fff;background:#3569e8;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.brand-mark svg{width:18px;height:18px}.top-divider{background:var(--line);width:1px;height:27px}.file-name{color:#364153;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.file-name span{white-space:nowrap;text-overflow:ellipsis;max-width:calc(min(35vw,390px));overflow:hidden}.file-name svg{color:#8994a4;flex:none}.top-spacer{flex:1}.privacy-note{color:#788495;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.privacy-note svg{color:#4c9c78}.header-actions{align-items:center;gap:9px;display:flex}.btn{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:#f7f9fc;border-color:#cfd7e2}.btn svg{width:16px;height:16px}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 1px 2px #1d4ed81b}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-quiet{color:#687487;background:0 0;border-color:#0000}.btn-quiet:hover{background:#f1f4f8}.export-wrap{position:relative}.export-menu{border:1px solid var(--line);z-index:8;background:#fff;border-radius:10px;width:208px;padding:6px;position:absolute;top:45px;right:0;box-shadow:0 12px 32px #1c273314}.export-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex}.export-item:hover{background:#f3f6fb}.export-item svg{color:#6d7b8e;width:17px;height:17px;margin-top:1px}.export-item strong{font-size:12px;display:block}.export-item small{color:#8993a2;margin-top:2px;font-size:11px;display:block}.workspace{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:none;width:232px;display:flex;overflow:auto}.side-section{padding:19px 15px 14px}.side-heading{color:#687487;letter-spacing:.02em;justify-content:space-between;align-items:center;margin:0 4px 12px;font-size:11px;font-weight:700;display:flex}.page-count{color:#98a2b0;font-size:11px;font-weight:500}.thumb-list{flex-direction:column;gap:8px;display:flex}.thumb-button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px;transition:border-color .15s,background .15s}.thumb-button:hover{background:#f7f9fc}.thumb-button.active{background:#f2f6ff;border-color:#8eacff}.thumb-frame{background:#f0f2f5;border:1px solid #e7eaf0;place-items:center;min-height:120px;display:grid;position:relative;overflow:hidden}.thumb-frame canvas{max-width:100%;height:auto;display:block}.thumb-placeholder{color:#9aa4b2;font-size:12px}.thumb-label{color:#778395;justify-content:space-between;padding:8px 2px 0;font-size:11px;display:flex}.sidebar-tools{border-top:1px solid var(--line);padding:17px 15px}.tool-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tool-button{color:#586577;cursor:pointer;text-align:left;background:#fff;border:1px solid #e7eaf0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:9px;min-height:68px;padding:10px;font-size:11px;display:flex}.tool-button svg{color:#5e6e82;width:17px;height:17px}.tool-button:hover{background:#f7f9fc}.tool-button.active{color:#2c5dd2;background:#f3f6ff;border-color:#9bb5fa}.tool-button.active svg{color:#3569e8}.tool-hint{color:#8993a2;margin:11px 2px 0;font-size:11px;line-height:1.5}.side-bottom{border-top:1px solid var(--line);color:#8a95a4;align-items:center;gap:7px;margin-top:auto;padding:14px 16px;font-size:11px;display:flex}.side-bottom svg{color:#4c9c78;width:14px}.editor-main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--line);background:#fff;flex:none;gap:8px;height:57px;padding:0 20px}.toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:3px}.toolbar-divider{background:var(--line);width:1px;height:24px;margin:0 5px}.icon-btn{color:#687487;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:34px;height:34px;padding:0 9px;font-size:12px;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{color:#28364a;background:#f1f4f8}.icon-btn:disabled{opacity:.36;cursor:not-allowed}.zoom-value{color:#687487;text-align:center;min-width:42px;font-size:12px}.page-location{color:#778395;margin-left:auto;margin-right:3px;font-size:12px}.page-location strong{color:#435064;font-weight:600}.stage{background:#edf1f6;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:32px 34px 65px;display:flex;overflow:auto}.paper-wrap{scroll-snap-align:start;background:#fff;flex:none;line-height:0;position:relative;box-shadow:0 3px 8px #29354b12,0 18px 48px #29354b17}.paper-wrap canvas{max-width:100%;height:auto;display:block}.annotation-layer{cursor:crosshair;touch-action:none;line-height:normal;position:absolute;inset:0}.annotation-text{white-space:pre;color:#1f2d3d;cursor:move;border:1px solid #0000;min-width:22px;min-height:22px;padding:2px 3px;font-size:16px;line-height:1.3;position:absolute}.annotation-text.selected,.annotation-text:hover{background:#ffffff8f;border:1px dashed #3569e8}.annotation-highlight{background:#ffd85a77;border:1px solid #e9b72066}.annotation-highlight,.draw-preview{pointer-events:none;position:absolute}.draw-preview{background:#ffd85a4d;border:1px solid #dcae21}.empty-state{flex:1;place-items:center;padding:30px;display:grid;overflow:auto}.upload-panel{background:#fff;border:1px solid #e6eaf0;border-radius:14px;grid-template-columns:1fr 1fr;width:100%;max-width:880px;min-height:440px;display:grid;overflow:hidden;box-shadow:0 12px 34px #22334f0b}.upload-copy{flex-direction:column;justify-content:center;padding:58px 46px;display:flex}.upload-copy h1{letter-spacing:-1.5px;color:#1b2737;margin:0 0 15px;font:700 34px/1.15 Manrope,sans-serif}.upload-copy p{color:#788496;max-width:360px;margin:0 0 25px;font-size:15px;line-height:1.65}.upload-title-icon{color:#3569e8;background:#edf3ff;border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:24px;display:grid}.upload-title-icon svg{width:23px;height:23px}.upload-row{align-items:center;gap:13px;display:flex}.upload-row small{color:#949eab;font-size:11px;line-height:1.45}.drop-panel{text-align:center;background:#f8fafc;border:1.5px dashed #cbd4e1;border-radius:10px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;margin:24px;padding:30px;transition:border-color .15s,background .15s;display:flex}.drop-panel.dragging{background:#f1f5ff;border-color:#3569e8}.drop-icon{color:#5376bd;background:#fff;border:1px solid #e6ebf2;border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:16px;display:grid}.drop-icon svg{width:22px;height:22px}.drop-panel strong{color:#3a4658;font-size:14px}.drop-panel p{color:#8993a2;margin:7px 0 16px;font-size:12px}.drop-panel small{color:#9aa3b0;margin-top:13px;font-size:11px}.drop-panel .btn{min-width:130px}.privacy-strip{color:#8490a0;align-items:center;gap:7px;margin-top:30px;font-size:11px;display:flex}.privacy-strip svg{color:#4c9c78;width:14px}.toast{color:#fff;z-index:20;background:#1d2939;border-radius:8px;padding:10px 16px;font-size:12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #17212f30}.toast.error{background:#a13636}.hidden-input{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{width:170px}.tools-panel{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex:none;width:250px;display:flex;overflow:auto}.tools-panel .sidebar-tools{border-top:0;padding:20px 16px}.properties-section{border-top:1px solid var(--line);padding:18px 16px}.tools-panel .side-heading{letter-spacing:0;color:#435064;margin:0 0 12px;font-size:12px}.field-label{color:#687487;flex-direction:column;gap:6px;margin-bottom:12px;font-size:11px;display:flex}.field-label input,.field-label select,.field-label textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe4eb;border-radius:6px;padding:8px;font:12px DM Sans,sans-serif}.field-label textarea{resize:vertical;min-height:90px}.field-label input[type=color]{cursor:pointer;height:34px;padding:3px}.format-row{align-items:flex-end;gap:6px;display:flex}.format-row .field-label{flex:1;min-width:0}.format-row .color-field{max-width:45px}.format-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;flex:none;width:32px;height:34px;margin-bottom:12px}.format-button.active{color:var(--blue);background:#edf3ff;border-color:#9bb5fa}.color-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex:none;width:25px;height:25px;box-shadow:inset 0 0 0 1px #17212f15}.color-swatch.active{outline:2px solid var(--blue);outline-offset:2px}.color-swatches input{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;width:30px;height:27px;padding:2px}.tools-bottom{margin-top:auto;padding:14px 16px 0}.tools-bottom .side-bottom{margin-top:16px;padding:14px 0}.text-link{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.text-link:disabled,.tool-button:disabled{opacity:.4;cursor:not-allowed}.source-text-hit{pointer-events:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.source-text-hit.selectable{pointer-events:auto;cursor:text}.source-text-hit.selectable:hover{background:#3569e810;border-color:#9bb5fa}.annotation-text{white-space:pre-wrap;overflow-wrap:break-word;touch-action:none;border:0;padding:0;line-height:1.2}.annotation-text.selected,.annotation-text:hover{outline:1px dashed var(--blue);background:0 0;border:0}.annotation-text textarea{color:inherit;font:inherit;resize:none;background:0 0;border:0;outline:0;padding:0;line-height:1.2;display:block;overflow:hidden}.text-move-handle{background:var(--blue);color:#fff;cursor:grab;touch-action:none;border:0;border-radius:4px 4px 0 0;place-items:center;width:24px;height:20px;display:grid;position:absolute;top:-23px;left:0}.text-move-handle:active{cursor:grabbing}.annotation-highlight{pointer-events:auto;cursor:pointer;mix-blend-mode:multiply}.annotation-highlight.selected{outline:2px dashed var(--blue);outline-offset:2px}.color-square span,.paper-wrap canvas{pointer-events:none}select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9ab5ff}.toolbar{flex-wrap:wrap;gap:6px;height:auto;min-height:57px;padding:10px 16px}.editing-actions .tool-button{white-space:nowrap;background:0 0;border:0;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:auto;min-width:32px;height:32px;min-height:32px;padding:0 8px;font-size:11px;display:flex}.editing-actions .tool-button.active{color:var(--blue);background:#edf3ff}.editing-actions .tool-button svg{width:15px;height:15px}.quick-format{gap:5px}.quick-format .format-button{width:29px;height:32px;margin:0}.toolbar-font,.toolbar-size{border:1px solid var(--line);color:#435064;background:#fff;border-radius:5px;height:32px;padding:0 7px;font:12px DM Sans,sans-serif}.toolbar-font{width:145px}.toolbar-size{width:55px}.tools-panel{width:230px}.inspector-heading{border-bottom:1px solid var(--line);padding:21px 16px 17px}.inspector-heading h2{color:#435064;margin:0 0 6px;font-size:13px;font-weight:600}.inspector-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.tools-panel .properties-section:first-of-type{border-top:0}.detected-font{overflow-wrap:anywhere;background:#f6f8fc;border-left:2px solid #9bb5fa;margin-bottom:17px;padding:11px 12px}.detected-font small,.detected-font span{color:var(--muted);font-size:10px;display:block}.detected-font strong{color:#435064;margin:5px 0;font-size:12px;font-weight:600;display:block}.box-dimensions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.annotation-text>span{width:100%;height:100%;display:block;overflow:hidden}.annotation-text textarea{width:100%;height:100%;overflow:auto}.resize-handle{z-index:3;border:1px solid var(--blue);touch-action:none;background:#fff;padding:0;position:absolute}.resize-n,.resize-s{cursor:ns-resize;background:0 0;border:0;width:calc(100% - 18px);height:7px;left:9px}.resize-n{top:-3px}.resize-s{bottom:-3px}.resize-e,.resize-w{cursor:ew-resize;background:0 0;border:0;width:7px;height:calc(100% - 18px);top:9px}.resize-e{right:-3px}.resize-w{left:-3px}.resize-ne,.resize-nw,.resize-se,.resize-sw{border-radius:1px;width:8px;height:8px}.resize-ne{cursor:nesw-resize;top:-4px;right:-4px}.resize-nw{cursor:nwse-resize;top:-4px;left:-4px}.resize-se{cursor:nwse-resize;bottom:-4px;right:-4px}.resize-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.document-title{font:inherit;cursor:text;white-space:nowrap;text-overflow:ellipsis;color:#364153;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;max-width:30vw;padding:7px 5px;font-weight:600;display:flex;overflow:hidden}.document-title:hover{background:#f3f6fb}.rename-hint{color:var(--muted);opacity:0;font-size:10px;font-weight:400}.document-title:focus-visible .rename-hint,.document-title:hover .rename-hint{opacity:1}.title-input{color:var(--ink);border:1px solid #9bb5fa;border-radius:4px;width:calc(min(30vw,300px));padding:6px 8px;font-size:13px}.color-picker-trigger{border:1px solid var(--line);color:#687487;cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:32px;padding:5px;display:inline-flex}.color-picker-trigger>span{border:1px solid #17212f20;border-radius:3px;width:20px;height:20px}.picker-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.custom-color-popover{z-index:41;border:1px solid var(--line);width:240px;color:var(--ink);background:#fff;border-radius:10px;padding:14px;font:12px DM Sans,sans-serif;position:fixed;box-shadow:0 12px 38px #17212f25}.picker-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.picker-heading strong{font-size:12px}.picker-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:20px;line-height:1}.color-square{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:5px;height:142px;position:relative}.color-square span{border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #17212f80}.hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px;width:100%;height:11px;margin:15px 0}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #687487;border-radius:3px;width:13px;height:16px}.hue-slider::-moz-range-thumb{background:#fff;border:1px solid #687487;border-radius:3px;width:13px;height:16px}.hex-row{align-items:center;gap:10px;display:flex}.picker-preview{border:1px solid var(--line);border-radius:5px;flex:none;width:34px;height:34px}.hex-row label{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.hex-row input{border:1px solid var(--line);width:115px;color:var(--ink);border-radius:5px;padding:8px;font:12px DM Sans,sans-serif}.picker-presets{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.picker-presets button{cursor:pointer;border:1px solid #17212f20;border-radius:3px;width:100%;height:22px}.color-square:focus-visible{outline-offset:2px;outline:3px solid #9ab5ff}@media (width<=1250px){.editing-actions .tool-button span{display:none}.toolbar-font{width:125px}.tools-panel{width:215px}.toolbar{padding:8px 10px}}.stage{scroll-snap-type:y proximity;overscroll-behavior:contain;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px;padding:24px 16px 65px;scroll-padding-top:24px}.editor-main{min-height:0}.annotation-layer{touch-action:pan-y}.annotation-layer:has(.draw-preview){touch-action:none}.app-footer{border-top:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);flex:none;justify-content:center;align-items:center;gap:5px;padding:6px 16px;font-size:11px;line-height:16px;display:flex}.app-footer strong{color:#435064;font-weight:600}.footer-brand{align-items:center;gap:5px;display:inline-flex}.footer-logo{flex:none;width:22px;height:20px;display:inline-block;position:relative;overflow:hidden}.footer-logo img{width:35px;max-width:none;height:35px;position:absolute;top:-9px;left:-6px}.app-shell{min-height:0}.empty-state{align-items:safe center;min-height:0}.mobile-control,.mobile-panel-heading,.panel-backdrop{display:none}.document-title{display:block}.rename-hint{margin-left:10px}.stage.zoomed-stage{align-items:flex-start}.zoomed-stage .paper-wrap{margin-inline:auto}.toolbar-group{flex-shrink:0}.toast{width:max-content;max-width:calc(100vw - 32px);line-height:1.5}button{-webkit-tap-highlight-color:transparent}.icon-btn.active,.tool-button.active{color:var(--blue);background:#edf3ff}@media (width<=1100px){.privacy-note{display:none}.sidebar{width:120px}.tools-panel{width:210px}.topbar{gap:14px;padding-inline:16px}}@media (width<=900px){.workspace{flex-wrap:nowrap;position:relative}.editor-main{width:100%;height:auto}.sidebar,.tools-panel{display:none}.mobile-control{display:inline-flex}.panel-backdrop{z-index:10;cursor:pointer;background:#17212f50;border:0;display:block;position:absolute;inset:0}.sidebar.mobile-open,.tools-panel.mobile-open{z-index:11;background:var(--surface);overscroll-behavior:contain;width:min(360px,90%);height:auto;display:flex;position:absolute;top:0;bottom:0;box-shadow:0 8px 32px #17212f20}.sidebar.mobile-open{border-right:1px solid var(--line);left:0}.tools-panel.mobile-open{border-left:1px solid var(--line);right:0}.mobile-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mobile-panel-heading h2{margin:0;font-size:15px;font-weight:700}.sidebar .thumb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.thumb-frame{min-height:120px}.thumb-label{gap:4px}.sidebar .side-heading{font-size:12px}.tools-panel .tool-hint{font-size:12px;line-height:1.6;display:block}.inspector-heading,.properties-section{padding:16px}.field-label,.inspector-heading p{font-size:12px}.field-label input,.field-label select,.field-label textarea{min-height:44px;font-size:16px}.text-link{min-height:44px;font-size:13px}.tools-bottom{padding:8px 16px 20px}.color-swatch{width:36px;height:36px}.toolbar{padding:6px 12px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0;order:2;grid-template-columns:auto 1fr auto auto;gap:4px;min-height:0;display:grid}.toolbar-divider{display:none}.page-navigation{grid-area:1/1;gap:0}.zoom-controls{grid-area:1/2;justify-content:center;gap:0}.page-location{white-space:nowrap;grid-area:1/3;margin:0}.mobile-options{grid-area:1/4}.editing-actions{border-top:1px solid var(--line);grid-area:3/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:6px;display:grid}.editing-actions .tool-button{border-radius:8px;flex-direction:column;gap:4px;width:100%;height:48px;padding:4px;font-size:11px}.editing-actions .tool-button span{display:inline}.editing-actions .tool-button svg{width:18px;height:18px}.toolbar .quick-format{display:none}.toolbar.format-open .quick-format{border-top:1px solid var(--line);grid-area:2/1/auto/-1;gap:6px;padding:6px 0;display:flex}.toolbar-font{flex:1;width:0;min-width:0;max-width:none}.toolbar-size{width:54px}.toolbar-font,.toolbar-size{height:44px;font-size:16px}.quick-format .format-button{width:40px;height:44px}.icon-btn{min-width:44px;height:44px;padding:0 8px}.icon-btn svg{width:18px;height:18px}.color-picker-trigger{min-width:44px;height:44px}.stage{scroll-snap-type:none;gap:24px;padding:24px 12px 32px}.app-footer{display:none}.toast{bottom:calc(128px + env(safe-area-inset-bottom))}.upload-panel{grid-template-columns:1fr;max-width:520px;min-height:0}.upload-copy{padding:32px 32px 12px}.drop-panel{min-height:190px;margin:16px 24px 24px}.header-actions .btn{height:44px}.export-item{align-items:center;min-height:52px}.export-menu{top:50px}.text-move-handle{width:44px;height:32px;top:-36px}.resize-ne,.resize-nw,.resize-se,.resize-sw{border-radius:4px;width:16px;height:16px}.resize-ne{top:-8px;right:-8px}.resize-nw{top:-8px;left:-8px}.resize-se{bottom:-8px;right:-8px}.resize-sw{bottom:-8px;left:-8px}.resize-n,.resize-s{height:16px}.resize-n{top:-8px}.resize-s{bottom:-8px}.resize-e,.resize-w{width:16px}.resize-e{right:-8px}.resize-w{left:-8px}.custom-color-popover{max-height:calc(100dvh - 16px);overflow-y:auto}.picker-heading button{min-width:36px;min-height:36px}.hex-row input{font-size:16px}.picker-presets button{min-height:32px}}@media (width<=620px){.topbar{height:auto;min-height:60px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px}.file-name>svg,.rename-hint,.top-divider{display:none}.topbar:has(.file-name) .brand{gap:0;font-size:0}.brand-mark{width:30px;height:30px}.file-name{flex:1;overflow:hidden}.document-title{text-align:left;width:100%;max-width:100%;min-height:44px;padding:4px;font-size:13px}.title-input{width:100%;min-width:0;font-size:16px}.topbar:has(.file-name) .top-spacer{display:none}.header-actions{flex:none;gap:4px}.header-actions .btn{padding:0 10px;font-size:12px}.export-wrap>.btn>svg:last-child,.open-file span{display:none}.open-file{width:44px;padding:0!important}.toolbar{padding-inline:8px}.page-navigation .icon-btn{min-width:36px;padding:0 6px}.zoom-controls .icon-btn{min-width:32px;padding:0 4px}.zoom-value{min-width:36px;font-size:11px}.page-location{z-index:2;border:1px solid var(--line);background:var(--surface);pointer-events:none;border-radius:6px;padding:5px 8px;font-size:11px;position:absolute;top:6px;right:12px}.mobile-options .icon-btn{min-width:36px;padding:0 6px}.empty-state{min-height:0;padding:20px 16px}.upload-copy{padding:28px 24px 12px}.upload-copy h1{font-size:30px}.upload-copy p{font-size:14px}.upload-row .btn{min-height:44px}.privacy-strip{align-items:flex-start;margin-top:20px;line-height:1.6}.privacy-strip svg{flex:none;margin-top:2px}.drop-panel{min-height:160px;margin:12px 16px 16px;padding:20px}}@media (height<=500px) and (width<=900px){.toolbar{grid-template-columns:auto 1fr auto auto}.editing-actions .tool-button{flex-direction:row;height:44px}.stage{padding-top:24px}.topbar{min-height:52px}}