:root{color-scheme:light;--blue:#0878b8;--blue-dark:#075985;--green:#058a63;--ink:#10233f;--muted:#5f7089;--line:#d5deea;--soft:#f3f7fb;--panel:#ffffff;--danger:#c72c41;--documents-height:74px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{height:100%;margin:0;color:var(--ink);background:#eaf0f6}body{min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;color:var(--ink);background:#eaf0f6}.image-editor-shell{height:100vh;height:100dvh;width:100%;max-width:100vw;min-height:420px;overflow:hidden;display:flex;flex-direction:column}body>#custom-translate-bar{height:39px!important;min-height:39px!important}body:has(> #custom-translate-bar)>.image-editor-shell{height:calc(100vh - 39px);height:calc(100dvh - 39px)}button,input,select{font:inherit}button{color:inherit}.app-header{height:44px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#fff;border-bottom:1px solid var(--line)}.brand-mark{width:32px;height:32px;display:block;flex:0 0 32px;border-radius:8px;object-fit:contain}.brand-copy{display:grid;line-height:1.05}.brand-copy span,.panel-title span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.09em}.brand-copy strong{margin-top:2px;font-size:15px}.privacy-badge{margin-left:auto;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #a7ead5;border-radius:999px;color:#006347;background:#ecfff8;font-size:11px;font-weight:900;letter-spacing:.06em}.privacy-badge i{width:8px;height:8px;border-radius:50%;background:#14be86;box-shadow:0 0 0 4px rgba(20,190,134,.12)}.account-panel{min-width:0;align-items:center;gap:5px;color:#41536b;font-size:10px;font-weight:750}.account-panel-header{margin-left:auto;display:flex}.account-panel-header+.privacy-badge{margin-left:0}.account-greeting{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tier{padding:3px 6px;border:1px solid #cbd7e5;border-radius:999px;color:#53657c;background:#f5f7fa;font-size:8.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.account-tier.premium{border-color:#9be1ca;color:#006347;background:#eafff7}.account-tier.checking{color:#65758a;background:#f1f5f9}.account-action{min-height:22px;padding:2px 6px;border:1px solid #cbd7e5;border-radius:6px;color:#075985;background:#fff;font:inherit;font-size:9px;font-weight:800;line-height:1.3;text-decoration:none;cursor:pointer}.account-action:focus-visible,.account-action:hover{border-color:#7fc5e9;background:#eef9ff}.account-panel-menu{display:none}.topbar{position:relative;z-index:12;height:40px;flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f8fafc;border-bottom:1px solid var(--line)}.toolbar-spacer{flex:1}.toolbar-menu{position:relative}.toolbar-menu>summary{min-height:28px;display:flex;align-items:center;padding:4px 8px;list-style:none;cursor:pointer;user-select:none}.toolbar-menu>summary::after{content:"▾";margin-left:5px;color:var(--muted);font-size:9px}.toolbar-menu[open]>summary::after{content:"▴"}.toolbar-menu>summary::-webkit-details-marker,.toolbar-menu>summary::marker{display:none;content:""}.toolbar-menu-popover{position:absolute;top:calc(100% + 5px);right:0;z-index:40;width:170px;display:grid;gap:5px;padding:6px;border:1px solid #cbd7e5;border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(16,35,63,.18)}.toolbar-menu-popover .button{width:100%;justify-content:flex-start;text-align:left}.mobile-only-action{display:none}.button,.icon-button,input[type=number],select,textarea{border:1px solid #cbd7e5;border-radius:8px;background:#fff}.button,.icon-button{min-height:28px;padding:4px 8px;cursor:pointer;font-size:11.5px;font-weight:750;box-shadow:0 1px 2px rgba(16,35,63,.05)}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:#8aa6c2;background:#f7fbff}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(14,165,233,.25);outline-offset:1px}.button:disabled,.icon-button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.45}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue)}.button.primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.button.success{color:#fff;border-color:var(--green);background:var(--green)}.button.success:hover:not(:disabled){border-color:#006f50;background:#006f50}.button.danger-outline{color:var(--danger);border-color:#f0b9c1;background:#fff8f9}.button.danger-outline:hover:not(:disabled){border-color:var(--danger);background:#fff0f2}.button.small{min-height:24px;padding:2px 7px;font-size:10.5px}.button.full{width:100%}.icon-button{width:28px;min-width:28px;padding:2px;font-size:17px;line-height:1}.workspace{height:auto;width:100%;flex:1 1 auto;display:flex;min-width:0;min-height:0;overflow:hidden}.documents-bar{height:var(--documents-height);flex:0 0 var(--documents-height);overflow:hidden;background:#f7fafe;border-bottom:1px solid var(--line);transition:height .2s ease,flex-basis .2s ease}.documents-heading{height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 7px 2px 10px;border-bottom:1px solid #e1e8f0}.documents-heading>div:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-heading span,.documents-heading span{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em}.documents-heading strong{margin-left:5px;font-size:12px}.documents-heading-actions{display:flex;align-items:center;gap:6px}.document-strip{height:44px;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;padding:4px 7px;scrollbar-width:thin}.document-strip>p{margin:0;color:var(--muted);font-size:12px}.document-tab{position:relative;min-width:120px;max-width:150px;height:36px;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:5px;padding:2px 3px 2px 4px;border:1px solid #cfdae7;border-radius:9px;color:var(--ink);background:#fff;cursor:pointer}.document-tab:hover{border-color:#8eb3ce;background:#fbfdff}.document-tab.active{border-color:#08a0df;background:#eaf8ff;box-shadow:inset 0 0 0 1px #08a0df}.document-thumbnail{width:30px;height:30px;display:block;object-fit:contain;border:1px solid #d8e1eb;border-radius:5px;background-color:#fff;background-image:linear-gradient(45deg,#e7ebef 25%,transparent 25%),linear-gradient(-45deg,#e7ebef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ebef 75%),linear-gradient(-45deg,transparent 75%,#e7ebef 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.document-tab-copy{min-width:0;display:grid;gap:2px;text-align:left}.document-tab-copy small,.document-tab-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tab-copy strong{font-size:10.5px}.document-tab-copy small{color:var(--muted);font-size:8.5px}.document-close{width:20px;height:24px;padding:0;border:0;border-radius:6px;color:#a02537;background:0 0;cursor:pointer;font-size:16px;line-height:1}.document-close:hover{background:#ffe8ec}body.canvases-collapsed{--documents-height:30px}body.canvases-collapsed .document-strip{display:none}body.canvases-collapsed .documents-heading{height:30px;border-bottom:0}.side-panel{order:2;width:250px;flex:0 0 250px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line);transition:width .2s ease,flex-basis .2s ease,transform .2s ease;scrollbar-width:thin}body.tools-dock-start .side-panel{order:0;border-right:1px solid var(--line);border-left:0}body.tools-hidden .side-panel{width:0;flex-basis:0;overflow:hidden;border-inline:0}.panel-title{position:sticky;top:0;z-index:3;height:36px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px 4px 9px;background:#fff;border-bottom:1px solid var(--line)}.panel-title>div:first-child{display:grid}.panel-title strong{margin-top:1px;font-size:12.5px}.panel-title-actions{display:flex;align-items:center;gap:4px}.dock-button{font-size:14px}.side-panel>details{border-bottom:1px solid var(--line)}.side-panel>details>summary{min-height:31px;display:flex;align-items:center;gap:5px;padding:5px 9px;cursor:pointer;font-size:11.5px;font-weight:850;user-select:none}.side-panel>details>summary::before{content:"›";color:var(--blue);font-size:16px;line-height:1;transform-origin:center;transition:transform .15s}.side-panel>details[open]>summary::before{transform:rotate(90deg)}.side-panel>details>summary::-webkit-details-marker,.side-panel>details>summary::marker{display:none;content:""}.section-body{display:grid;gap:6px;padding:0 9px 9px}label{color:#334b68;font-size:11px;font-weight:750}label output{float:right;color:var(--blue-dark)}input[type=number],select{width:100%;min-height:28px;padding:4px 6px;color:var(--ink);font-size:11px}textarea{width:100%;min-height:52px;resize:vertical;padding:6px;color:var(--ink);font:inherit;font-size:11px;line-height:1.35}input[type=range]{width:100%;margin:-2px 0 1px;accent-color:var(--blue)}input[type=color]{width:30px;height:27px;padding:2px;border:1px solid #cbd7e5;border-radius:7px;background:#fff}.button-grid{display:grid;gap:5px}.button-grid.two{grid-template-columns:1fr 1fr}.button-grid.three{grid-template-columns:repeat(3,1fr)}.floating-actions{padding:5px;border:1px solid #9edcf5;border-radius:8px;background:#effaff}.paste-action-bar{min-width:0;display:flex;align-items:center;gap:5px;padding:2px 4px 2px 7px;border:1px solid #8dd5f2;border-radius:7px;color:#075985;background:#eaf9ff;white-space:nowrap}.paste-action-bar strong{font-size:10px}.tool-button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.field-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:5px}.field-row>span{padding-bottom:6px;color:var(--muted);font-weight:800}.field-row label{display:grid;gap:3px}.field-row.size-range{grid-template-columns:1fr 1fr;align-items:stretch}.compact-settings{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7px}.compact-settings label{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.compact-settings label:has(select){grid-template-columns:1fr}.pdf-options{display:grid;gap:5px;padding:6px;border:1px solid #cfe0ed;border-radius:8px;background:#f7fbfe}.check-row{display:flex;align-items:flex-start;gap:5px;line-height:1.35}.check-row input{margin:2px 0 0;accent-color:var(--blue)}.color-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px}.color-row.compact{grid-template-columns:1fr auto}.jpeg-option{display:flex;align-items:center;justify-content:space-between}.export-result,.hint{margin:0;color:var(--muted);font-size:11.5px;line-height:1.4}.export-result:not(:empty){padding:7px;border-radius:7px;color:#075985;background:#e7f6ff}.export-result.warning:not(:empty){color:#8a4c00;background:#fff4d9}.privacy-note{margin:8px;padding:7px;border:1px solid #b8eadb;border-radius:8px;color:#0b644c;background:#effcf7;font-size:10.5px;line-height:1.4}.editor{order:1;flex:1;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:32px minmax(0,1fr) 24px;background:#dfe7ef}.editor-controls,.statusbar{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:3px 7px;background:#fff}.editor-controls{border-bottom:1px solid var(--line);font-size:10.5px;font-weight:700;overflow:hidden}#documentInfo{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-controls{min-width:0;flex:0 0 auto;display:flex;align-items:center;gap:4px}.zoom-controls .icon-button{width:25px;min-width:25px;min-height:24px;height:24px;font-size:14px}.zoom-controls output{width:40px;color:var(--muted);text-align:right;font-size:10px}.canvas-viewport{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:none;scrollbar-gutter:stable;touch-action:none;-webkit-overflow-scrolling:auto;contain:size layout paint;display:flex;align-items:flex-start;justify-content:flex-start;padding:12px;background-color:#edf2f7;background-image:radial-gradient(#c9d5e1 1px,transparent 1px);background-size:18px 18px}.canvas-pan-space{width:100%;height:100%;min-width:0;min-height:0;flex:0 0 auto;display:grid;place-items:center;padding:0}.empty-state{max-width:430px;margin:auto;padding:36px;border:2px dashed #b8c8d8;border-radius:16px;text-align:center;background:rgba(255,255,255,.7)}.empty-icon{color:var(--blue);font-size:44px;line-height:1}.empty-state h1{margin:12px 0 5px;font-size:20px}.empty-state p{margin:0 0 16px;color:var(--muted);font-size:13px}.canvas-stage{position:relative;flex:none;margin:0;overflow:hidden;line-height:0;background-color:#fff;background-image:linear-gradient(45deg,#e7ebef 25%,transparent 25%),linear-gradient(-45deg,#e7ebef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ebef 75%),linear-gradient(-45deg,transparent 75%,#e7ebef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 8px 25px rgba(28,49,71,.2);touch-action:none;user-select:none}#floatingCanvas,#imageCanvas,#selectionLayer{position:absolute;inset:0;width:100%;height:100%}#imageCanvas{display:block}#floatingCanvas{z-index:1;width:auto;height:auto;pointer-events:none}#selectionLayer{z-index:2;cursor:default;overflow:visible;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none}#selectionLayer [hidden]{display:none!important}#selectionLayer[data-tool=view]{cursor:grab}#selectionLayer[data-panning=true]{cursor:grabbing}#selectionLayer[data-tool=edge],#selectionLayer[data-tool=lasso],#selectionLayer[data-tool=rect],#selectionLayer[data-tool=select-freehand],#selectionLayer[data-tool=shape]{cursor:crosshair}#selectionLayer[data-tool=text]{cursor:text}#selectionLayer[data-tool=paint]{cursor:crosshair}#selectionLayer[data-tool=erase]{cursor:cell}#selectionLayer[data-tool=pick]{cursor:copy}#selectionLayer[data-tool=select]{cursor:crosshair}#selectionLayer[data-floating=true]{cursor:move}.area-selection,.crop-selection,.lasso-selection{fill:rgba(14,165,233,.08);stroke:#00a3e8;stroke-width:2;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}.lasso-selection{fill:rgba(0,163,232,.13);stroke:#008fd0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 5;filter:drop-shadow(0 0 1.5px rgba(255, 255, 255, .95))}.lasso-selection-halo{fill:none;stroke:rgba(255,255,255,.95);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.lasso-selection.drawing{fill:none;stroke:#006da3;stroke-dasharray:6 4}.lasso-start-marker{fill:#ffffff;stroke:#007fb9;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .95))}.edge-end-marker{fill:#ffffff;stroke:#c72c41}.edge-trim-shade{fill:rgba(199,44,65,.24);stroke:rgba(199,44,65,.9);stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.crop-handle{fill:#ffffff;stroke:#007fba;stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .95))}.crop-edit-marker{fill:#fff4d9;stroke:#c56c00;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .95))}.area-selection{fill:rgba(255,255,255,.06);stroke:#0878b8;stroke-dasharray:6 4}.shape-preview{stroke-linecap:round;stroke-linejoin:round;opacity:.92;filter:drop-shadow(0 0 1.5px rgba(255, 255, 255, .95))}.selection-shade{fill:transparent;pointer-events:all}.drop-overlay{position:absolute;inset:12px;z-index:10;display:grid;place-items:center;border:3px dashed #0d91cf;border-radius:16px;color:#075985;background:rgba(224,247,255,.94);font-size:19px;font-weight:900}.statusbar{border-top:1px solid var(--line);color:var(--muted);font-size:10px}.statusbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toolStatus{flex:1 1 auto}#historyStatus{flex:0 0 auto}.export-tier-note{flex:0 1 auto;max-width:45%;color:#697b91;font-size:8.5px;text-align:center}.export-tier-note.premium{color:#087458}.toast{position:fixed;left:50%;bottom:40px;z-index:30;max-width:min(460px,calc(100vw - 30px));padding:9px 13px;border-radius:8px;color:#fff;background:#172d49;box-shadow:0 7px 24px rgba(0,0,0,.2);font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#9f2134}.canvas-context-menu{position:fixed;z-index:100;width:190px;display:grid;gap:2px;padding:5px;border:1px solid #b9c8d8;border-radius:9px;color:var(--ink);background:#fff;box-shadow:0 12px 34px rgba(15,35,58,.24)}.canvas-context-menu button{min-height:30px;padding:5px 8px;border:0;border-radius:6px;color:inherit;background:0 0;font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer}.canvas-context-menu button:focus-visible,.canvas-context-menu button:hover{color:#075985;background:#eaf8ff;outline:0}.canvas-context-menu button:disabled{color:#97a5b6;cursor:default;background:0 0}.context-menu-divider{height:1px;margin:2px 3px;background:var(--line)}.empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.new-canvas-dialog{width:min(430px,calc(100vw - 24px));padding:0;border:1px solid #bdcad9;border-radius:13px;color:var(--ink);background:#fff;box-shadow:0 20px 60px rgba(15,35,58,.3)}.new-canvas-dialog::backdrop{background:rgba(12,30,50,.55)}.pdf-import-dialog{width:min(720px,calc(100vw - 20px));max-height:min(88dvh,820px)}.pdf-import-dialog form{display:grid;max-height:min(88dvh,820px);grid-template-rows:auto minmax(0,1fr) auto}.pdf-import-body{min-height:0;overflow:hidden}.pdf-import-file,.pdf-selection-summary{margin:0;color:var(--muted);font-size:12px;font-weight:700}.pdf-import-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-import-toolbar,.pdf-selection-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pdf-import-toolbar{justify-content:space-between}.pdf-import-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.pdf-import-toolbar select{min-width:155px}.pdf-page-grid{min-height:150px;max-height:48dvh;display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;padding:8px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#eef3f8}.pdf-page-option{position:relative;min-width:0;display:grid;gap:4px;justify-items:center;padding:6px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer}.pdf-page-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(8,120,184,.12)}.pdf-page-option input{position:absolute;top:7px;left:7px;width:17px;height:17px;accent-color:var(--primary)}.pdf-page-thumbnail{width:100%;height:112px;display:grid;place-items:center;overflow:hidden;border:1px solid #ccd7e4;border-radius:5px;background:#fff}.pdf-page-thumbnail canvas{display:block;max-width:100%;max-height:100%}.pdf-page-option strong{font-size:11px}.pdf-page-option small{color:var(--muted);font-size:9px}.dialog-heading{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line)}.dialog-heading>div{display:grid}.dialog-heading strong{margin-top:2px;font-size:17px}.dialog-body{display:grid;gap:10px;padding:14px}.custom-background-row{display:flex;align-items:center;justify-content:space-between}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px 14px;border-top:1px solid var(--line);background:#f8fafc}.print-surface{display:none}[hidden]{display:none!important}@media (max-width:760px){body,html{height:auto;min-height:100%}body{overflow-y:auto;overscroll-behavior-y:auto}.image-editor-shell,body:has(> #custom-translate-bar)>.image-editor-shell{height:auto;min-height:0;overflow:visible}.app-header{height:42px;padding:4px 7px}.brand-mark{width:30px;height:30px;flex-basis:30px}.brand-copy strong{font-size:14px}.brand-copy span{font-size:8px}.privacy-badge{margin-left:auto;padding:4px 6px;font-size:8.5px}.account-panel-header{display:none}.account-panel-header+.privacy-badge{margin-left:auto}.account-panel-menu{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:3px 2px 7px;border-bottom:1px solid var(--line)}.account-panel-menu .account-greeting{max-width:120px}.account-panel-menu .account-action{grid-column:1/-1;justify-self:stretch;margin-top:2px;padding:5px 7px;text-align:center}.topbar{height:38px;padding:4px 5px}.topbar .button{min-width:auto}.topbar .button span{display:none}.mobile-only-action{display:flex}body.canvases-collapsed{--documents-height:0px}body.canvases-collapsed .documents-bar{display:none}.workspace{flex:0 0 auto;flex-direction:column;overflow:visible}.editor{height:max(360px,calc(100dvh - 80px - var(--documents-height)));min-height:360px;flex:0 0 auto}body:has(> #custom-translate-bar) .editor{height:max(360px,calc(100dvh - 119px - var(--documents-height)))}.editor:has(.empty-state:not([hidden])){grid-template-rows:minmax(0,1fr) 24px}.editor:has(.empty-state:not([hidden])) .editor-controls{display:none}.editor-controls:has(.paste-action-bar:not([hidden])) #documentInfo,.editor-controls:has(.paste-action-bar:not([hidden])) .zoom-controls{display:none}.editor-controls:has(.paste-action-bar:not([hidden])){justify-content:center}.paste-action-bar{max-width:100%}.pdf-import-dialog,.pdf-import-dialog form{max-height:92dvh}.pdf-page-grid{max-height:51dvh;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.pdf-page-thumbnail{height:100px}.side-panel{order:2;width:100%;height:auto;max-height:none;flex:0 0 auto;overflow-y:visible;border-top:1px solid var(--line);border-right:0;border-left:0;box-shadow:0 -6px 18px rgba(16,35,63,.12);scroll-margin-top:4px}body.tools-dock-start .side-panel{order:0;border-top:0;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(16,35,63,.12)}body.tools-hidden .side-panel{width:100%;height:0;max-height:0;flex-basis:0;overflow:hidden;border-block:0;box-shadow:none}.canvas-viewport{padding:8px}.canvas-viewport:has(.empty-state:not([hidden])){touch-action:pan-y;overscroll-behavior-y:auto}.documents-heading-actions .button:first-child{display:none}.document-tab{min-width:112px}}@media (max-width:430px){.privacy-badge{max-width:79px;line-height:1.05}.topbar{gap:4px}.button,.icon-button{padding-inline:6px}.toolbar-menu-popover{right:-50px}.empty-state{padding:25px 15px}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition:none!important}}@media print{@page{margin:10mm}body>:not(.print-surface){display:none!important}body,html{height:auto;overflow:visible;background:#fff}.print-surface{width:100%;min-height:100vh;display:flex!important;align-items:center;justify-content:center}.print-surface img{max-width:100%;max-height:calc(100vh - 20mm);object-fit:contain}}