:root{color-scheme:light;--paper:#fff;--surface:#f8fafb;--canvas:#eceff1;--ink:#24332e;--muted:#66736f;--line:#dce3df;--accent:#087f73;--accent-soft:#e8f4ef;--danger:#b44343;--radius:8px;--accent-contrast:#fff;--accent-hover:#066c62;--accent-line:#abd0c0;--focus-ring:#c9e4d5;--hover:#f1f5f3;--danger-bg:#fff1f0;--danger-line:#e7bebc;--glass:rgba(255,255,255,.97);--upload:rgba(255,255,255,.74);--upload-hover:rgba(255,255,255,.94);--scrim:rgba(14,26,30,.38);--shadow:rgba(15,31,26,.14);--swatch-border:#91a598;--empty-slash:#a26f6f;--icon-filter:brightness(0) opacity(.68);--primary-icon-filter:brightness(0) invert(1);--selection:#087f73;--crop-scrim:rgba(20,34,28,.34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--surface);font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--paper:#22292d;--surface:#1e2528;--canvas:#171c1f;--ink:#e7ecef;--muted:#aebbc2;--line:#3b474d;--accent:#61cebc;--accent-soft:#2c4440;--accent-contrast:#142b27;--accent-hover:#7bddca;--accent-line:#4a8177;--focus-ring:#466e65;--hover:#2b353b;--danger:#ff9f9a;--danger-bg:#452c2e;--danger-line:#805356;--glass:rgba(34,41,45,.97);--upload:rgba(34,41,45,.85);--upload-hover:#2b353b;--scrim:rgba(0,0,0,.62);--shadow:rgba(0,0,0,.4);--swatch-border:#83958d;--empty-slash:#d9a3a2;--icon-filter:brightness(0) invert(1) opacity(.8);--primary-icon-filter:brightness(0) opacity(.85);--crop-scrim:rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,input,select{touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button img{pointer-events:none}button,select,input{transition:background-color .15s,border-color .15s,box-shadow .15s}.app{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 28px;overflow:clip}.top{display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--paper);z-index:50;min-width:0}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:17px;font-weight:750;letter-spacing:-.7px;margin-right:18px}.brand b{color:var(--accent);font-weight:750}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:23px;line-height:1}.grow{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-weight:550;white-space:nowrap;line-height:1.4}.btn:hover:not(:disabled){border-color:var(--accent-line);background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger-line);background:var(--danger-bg)}.ui-icon{width:17px;height:17px;display:block;flex:none;object-fit:contain;filter:var(--icon-filter)}.primary .ui-icon{filter:var(--primary-icon-filter)}#undo,#redo{width:36px;padding:0}#undo{margin-left:8px}.privacy{border:0;background:transparent;padding:6px 0;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap;margin-right:12px}.privacy:hover{color:var(--accent)}.privacy[data-state=error]:before{background:#b87931}.privacy[data-state=saving]:before{background:#9aafa3}.privacy:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}#file{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);pointer-events:none}.main{position:relative;display:grid;grid-template-columns:128px 72px minmax(0,1fr) 280px;grid-template-areas:"pages tools advert inspector" "pages tools canvas inspector" "pages tools receipt inspector";grid-template-rows:auto minmax(0,1fr) auto;--ad-inset:0px;--receipt-inset:0px;min-height:0;overflow:clip}.pages{grid-area:pages;min-width:0;overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--line);background:var(--surface);padding:18px 12px}.pages-title,.side h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1px}.pages-title span,.side h3 span{letter-spacing:0;font-weight:500}.thumb{border:1px solid var(--line);border-radius:var(--radius);padding:9px;background:var(--paper);margin-bottom:12px;cursor:pointer;position:relative;min-width:0}.thumb:hover{border-color:var(--accent-line)}.thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thumb canvas{display:block;max-width:100%;height:auto;margin:auto;background:#fff;box-shadow:0 2px 5px var(--shadow)}.thumb footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px;font-size:10px;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:6px;flex:none}.page-actions button{width:28px;height:28px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted)}.page-actions .ui-icon{width:16px;height:16px}.page-rotate:hover{background:var(--accent-soft)}.thumb .kill:hover{background:var(--danger-bg);color:var(--danger)}.thumb.dragging{opacity:.4}.thumb.over{border-top:3px solid var(--accent)}body.pages-hidden .main,body:not(.has-document) .main{grid-template-columns:0 72px minmax(0,1fr) 280px}body.pages-hidden .pages,body:not(.has-document) .pages{visibility:hidden;padding:0;border:0;overflow:hidden}.toolrail{grid-area:tools;background:var(--paper);border-right:1px solid var(--line);padding:12px 7px;overflow:auto;scrollbar-width:none}.toolrail .tools{display:grid;gap:5px}.toolrail .btn{flex-direction:column;gap:5px;min-height:58px;padding:7px 2px;border-color:transparent;font-size:12px;font-weight:550}.toolrail .btn.active{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.toolrail .ui-icon{width:20px;height:20px}.tool-divider{display:block;margin:13px 8px;border-top:1px solid var(--line)}.workspace{grid-area:canvas;min-width:0;min-height:0;position:relative;overflow:clip;touch-action:none;background:var(--canvas)}.workspace.dragover{outline:2px dashed var(--accent);outline-offset:-8px}#editor{display:block;width:100%;height:100%;touch-action:none}.canvas-context{position:absolute;z-index:5;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid var(--line);background:var(--glass);border-radius:9px;font-size:12px;font-weight:550;pointer-events:none;box-shadow:0 2px 7px var(--shadow)}.context-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}body:not(.has-document) .canvas-context{display:none}.viewbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--glass);box-shadow:0 3px 12px var(--shadow)}.viewbar .btn{min-height:30px;padding:5px 8px;border-color:transparent;background:transparent;font-size:11px}.viewbar .btn:hover:not(:disabled){background:var(--hover)}.zoomnum{min-width:42px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.sep{height:17px;margin:0 4px;border-left:1px solid var(--line)}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.upload-target{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 28px;width:min(440px,100%);cursor:pointer;border:1px dashed var(--accent-line);border-radius:18px;background:var(--upload);outline-offset:5px}.upload-target:hover{background:var(--upload-hover);border-color:var(--accent)}.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;background:var(--accent-soft);border-radius:14px}.empty-icon img{width:25px;height:25px;filter:var(--icon-filter)}.upload-target strong{font-size:22px;letter-spacing:-.7px;font-weight:650}.upload-target>span:not(.empty-icon){font-size:12px;color:var(--muted)}.upload-target .upload-action{display:inline-flex;align-items:center;gap:18px;margin-top:8px;background:var(--accent);color:var(--accent-contrast)!important;border-radius:8px;padding:10px 15px;font-weight:550}.upload-target small{margin-top:6px;color:var(--muted);font-size:10px}.side{grid-area:inspector;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--paper);border-left:1px solid var(--line);overflow:clip}.inspector-title{display:flex;align-items:center;flex:none;min-height:54px;padding:0 20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}#propertiesPanel{overflow:auto;overscroll-behavior:contain;padding:22px 20px;min-height:0;flex:0 1 auto;max-height:62%}.power-control{display:grid;gap:12px}.side section{display:grid;gap:14px;min-width:0;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid var(--line)}.side section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.side h3{margin-bottom:2px}.side label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.side label span,.side label b{font-size:11px;font-weight:500;color:var(--muted)}.side input[type=range]{width:100%;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.side input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}.side select,.side input[type=number],.side input[type=text]{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:var(--paper);font-size:14px}.side select:focus,.side input[type=number]:focus,.side input[type=text]:focus{border-color:var(--accent)}.side input[type=color]{height:34px;width:40px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.inspector-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:50px 6px;color:var(--muted)}.inspector-empty img{width:28px;height:28px;margin-bottom:10px;filter:var(--icon-filter)}.inspector-empty strong{font-size:13px;font-weight:550;color:var(--muted)}.inspector-empty p{font-size:12px;margin:0}.shape-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shape-choice .btn{flex-direction:column;gap:6px;min-height:56px;font-size:11px;padding:8px 4px}.perspective-switch{justify-content:flex-start!important}#layersPanel{display:flex;flex-direction:column;flex:1 1 180px;min-height:130px;margin:0;padding:0;border:0;border-top:1px solid var(--line);overflow:clip}.layers-toggle{display:flex;align-items:center;gap:8px;flex:none;width:100%;min-height:54px;padding:14px 20px;border:0;background:var(--paper);font-size:12px;font-weight:600;text-align:left}.layers-toggle:hover{background:var(--surface)}.layer-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:20px;padding:0 5px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600}.collapse-chevron{width:16px;height:16px;margin-left:auto;opacity:.65;transform:rotate(180deg);transition:transform .15s}.layers-toggle[aria-expanded=false] .collapse-chevron{transform:none}.layers-content{display:flex;flex-direction:column;gap:14px;padding:0 20px 18px;flex:1;min-height:0;overflow:hidden}.side.layers-collapsed #layersPanel{flex:0 0 auto;min-height:0}.side.layers-collapsed #propertiesPanel{flex:1;max-height:none}.layer-count.is-updated{animation:count-update .4s ease}@keyframes count-update{40%{transform:scale(1.22);background:var(--accent-soft)}}.zones{flex:1;display:grid;gap:6px;overflow:auto;min-height:0;align-content:start}.layer-row{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.layer-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}.layer-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:11px 10px;border:0;background:transparent;text-align:left}.layer-icon{width:20px;height:20px;flex:none;filter:var(--icon-filter)}.layer-copy{flex:1;min-width:0}.layer-pick strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550;font-size:12px}.layer-pick small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.layer-delete{width:30px;height:32px;margin-right:3px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:17px}.layer-delete:hover{background:var(--danger-bg);color:var(--danger)}.zone-empty{padding:22px 0;color:var(--muted);font-size:12px;text-align:center}#deleteZone{margin-top:auto;width:100%;font-size:11px;white-space:normal}.crop-apply,.crop-reset{width:100%;font-size:12px}.crop-apply{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.text-composer{display:contents}.text-edit-actions{position:absolute;top:0;left:0;z-index:35;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 4px 16px var(--shadow);white-space:nowrap}.text-edit-actions .btn{min-height:30px;font-size:11px;padding:6px 10px}.text-edit-actions .ui-icon{width:14px;height:14px}#inlineText:not([hidden]){position:absolute;z-index:31;display:block;box-sizing:border-box;min-width:0;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;resize:none;overflow:hidden;outline:1.5px solid var(--selection);outline-offset:0;background:transparent;box-shadow:none;line-height:1.3;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere;font-variant-ligatures:none;caret-color:var(--selection);touch-action:auto;user-select:text;-webkit-user-select:text;overscroll-behavior:contain}#inlineText::placeholder{color:#82978c;opacity:.8}#inlineBackground{position:absolute;z-index:30;pointer-events:none;transform-origin:top left}.bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--paper);border-top:1px solid var(--line);font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden}#toolIndicator{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.export-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:var(--scrim);backdrop-filter:blur(3px)}.export-panel{display:grid;gap:20px;width:min(430px,100%);padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 24px 80px var(--shadow)}.export-head,.export-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-head strong{font-size:19px;font-weight:600;letter-spacing:-.4px}.export-actions{justify-content:flex-end}.export-panel label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.export-panel select,.export-panel input{width:100%;min-width:0;height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.export-panel p{margin:0;color:var(--muted);font-size:13px}.overlay{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:24px;background:var(--scrim);backdrop-filter:blur(3px)}.overlay.show{display:flex}.modal{padding:26px;background:var(--paper);border-radius:14px;width:min(390px,100%);box-shadow:0 20px 70px var(--shadow)}.modal h2{font-size:19px;font-weight:600;margin:0 0 10px}#taskText,.warning{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.progress{height:5px;margin:20px 0 14px;border-radius:5px;background:var(--line);overflow:hidden}.progress>div{height:100%;width:0;background:var(--accent);transition:width .15s}.warning{font-size:11px;margin:0}.app-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1200;max-width:min(92vw,520px);padding:12px 18px;border-radius:9px;background:var(--ink);color:var(--paper);box-shadow:0 8px 24px var(--shadow);font-size:12px;text-align:center}.sheet-top,.mobile-dock,.mobile-scrim,.header-menu-anchor,.view-navigation{display:none}@media(min-width:761px)and (max-width:1180px){.main{grid-template-columns:120px 68px minmax(0,1fr) 256px}body.pages-hidden .main,body:not(.has-document) .main{grid-template-columns:0 68px minmax(0,1fr) 256px}.top{padding:0 12px;gap:6px}.brand{margin-right:6px}.privacy{display:none}#propertiesPanel,#layersPanel{padding:18px 16px}}@media(max-width:960px)and (min-width:761px){.top #exportPng{display:none}.top #newDocument{font-size:0;width:36px;padding:0;gap:0}.main{grid-template-columns:0 64px minmax(0,1fr) 240px}.pages{display:none}body.pages-hidden .main,body:not(.has-document) .main{grid-template-columns:0 64px minmax(0,1fr) 240px}body:not(.pages-hidden).has-document .pages{display:block;position:absolute;inset:0 auto 0 0;width:160px;z-index:45;box-shadow:8px 0 28px var(--shadow)}}@media(max-width:760px){.app{grid-template-rows:56px minmax(0,1fr)}.top{gap:6px;padding:0 12px}.brand>span:last-child{display:none}.brand{font-size:16px;gap:7px;margin-right:auto}.brand-mark{width:28px;height:28px;font-size:21px}.top .grow,.top #pagesToggle,.top #exportPng,.top .privacy,.top>.theme-control,.top>.language-control{display:none}.top #open,.top #newDocument,.top #exportPdf{width:44px;min-height:44px;padding:0;font-size:0;gap:0}#undo,#redo{width:44px;min-height:44px;border:0;margin:0;background:transparent}.top #exportPdf{width:44px;margin-left:0}.main,body.pages-hidden .main,body:not(.has-document) .main{display:block;position:relative;min-height:0;overflow:clip}.workspace{position:absolute;inset:var(--ad-inset) 0 calc(var(--sheet-inset, calc(72px + env(safe-area-inset-bottom)) ) + var(--receipt-inset));min-height:0}.toolrail,.bottom{display:none}.canvas-context{top:12px;min-height:30px;padding:6px 11px;font-size:11px}.viewbar{z-index:41;bottom:12px;gap:2px;padding:4px;border-radius:9px}.viewbar .btn{min-height:40px;min-width:40px;padding:5px 7px;font-size:12px}.viewbar #actual{display:none}.viewbar .ui-icon{width:15px;height:15px}.zoomnum{font-size:12px;min-width:35px}.view-navigation{display:flex;gap:2px;padding-right:6px;margin-right:2px;border-right:1px solid var(--line)}.view-navigation .btn{flex:none;width:40px;min-height:44px;padding:4px;flex-direction:column;gap:3px;font-size:9px}.view-navigation .ui-icon{width:18px;height:18px}.view-navigation .btn.active{background:var(--accent-soft);border-color:var(--accent-line)}.upload-target{padding:30px 18px;gap:10px;border-radius:14px}.upload-target strong{font-size:20px}.upload-target small{font-size:9px}.pages,.side{position:absolute;inset:auto 0 calc(72px + env(safe-area-inset-bottom));z-index:45;display:none;height:auto;max-height:min(64dvh,560px);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px var(--shadow);background:var(--paper);visibility:visible;padding:0;overflow:clip}body.mobile-sheet-pages .pages{display:flex;flex-direction:column}body.mobile-sheet-settings .side,body.mobile-sheet-layers .side{display:flex}.side .inspector-title{display:none}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:58px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;background:var(--paper)}.sheet-top button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:19px;color:var(--muted)}#propertiesPanel{padding:20px 22px calc(22px + env(safe-area-inset-bottom));overflow:auto;min-height:0;max-height:none;flex:1}#layersPanel{padding:0;flex:1;min-height:0;max-height:none}body.mobile-sheet-layers #propertiesPanel,body.mobile-sheet-settings #layersPanel{display:none!important}.layers-toggle{display:none}.layers-content{padding:20px 22px calc(22px + env(safe-area-inset-bottom))}.pages{height:min(64dvh,560px)}.pages .pages-title{margin:18px 18px 0}.pages #pageList{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:12px;padding:18px;overflow:auto}.pages .thumb{margin:0}.page-actions{gap:8px}.page-actions button{width:44px;height:44px;border:1px solid var(--line);border-radius:7px}.page-actions .ui-icon{width:18px;height:18px}.side input[type=range]{min-height:30px}.mobile-dock{position:absolute;inset:auto 0 0;z-index:46;display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:72px;padding:7px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.mobile-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:52px;padding:6px 3px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:550}.mobile-dock button.active{background:var(--accent-soft);color:var(--accent)}.mobile-dock img{width:20px;height:20px;filter:var(--icon-filter)}.mobile-dock button:disabled{opacity:.32}.mobile-dock .layer-count{position:absolute;top:2px;right:5px;min-width:16px;height:16px;padding:0 4px;font-size:9px;border-radius:5px}.mobile-tool-label{display:block;white-space:nowrap}.mobile-tool-label .menu-chevron{position:absolute;top:11px;right:8px;width:12px;height:12px;opacity:.7}.mobile-tool-anchor>button{border:1px solid var(--line)}.mobile-tool-anchor{position:relative;display:flex;flex:1;min-width:0}.mobile-tool-anchor>button{width:100%}.mobile-tool-menu{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(360px,calc(100vw - 24px));padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 30px var(--shadow)}body.mobile-tool-menu-open .viewbar{visibility:hidden;pointer-events:none}body.mobile-tool-menu-open .mobile-dock{z-index:60}.mobile-tool-menu button{flex-direction:column;justify-content:center;gap:6px;min-height:60px;padding:8px 6px;font-size:12px}.mobile-scrim{position:absolute;inset:0;z-index:40;background:var(--scrim)}body.mobile-sheet-settings .mobile-scrim{background:transparent}body.mobile-sheet-settings .mobile-scrim,body.mobile-sheet-layers .mobile-scrim,body.mobile-sheet-pages .mobile-scrim{display:block}.text-edit-actions{top:10px;max-width:calc(100% - 20px);gap:4px;padding:5px;border-radius:9px}.text-edit-actions .btn{min-height:44px;font-size:12px;padding:6px 10px}body.is-text-editing .viewbar{visibility:hidden;pointer-events:none}body.is-text-editing .text-composer{position:fixed;left:12px;right:12px;z-index:70;display:flex;flex-direction:column;padding:10px;border:1px solid var(--accent-line);border-radius:12px;background:var(--paper);box-shadow:0 4px 24px var(--shadow)}body.is-text-editing #inlineText:not([hidden]){position:static;width:100%!important;min-height:44px;max-height:112px;padding:10px;border:1px solid var(--line);border-radius:7px;outline:none;background:var(--surface);color:var(--ink)!important;font-size:16px!important;line-height:1.4;transform:none!important;overflow:auto;flex:none}body.is-text-editing #inlineText:focus{border-color:var(--accent)}body.is-text-editing .text-edit-actions{position:static;justify-content:flex-end;max-width:none;padding:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}@media(max-width:360px){.mobile-dock button{font-size:10px}.viewbar #fit{width:40px;font-size:0;gap:0;padding:5px}.top{padding:0 8px;gap:4px}.top #open,.top #newDocument,.top #undo,.top #redo,.top #exportPdf,.top #mobileHeaderTrigger,.header-menu-anchor{width:40px;min-width:40px}.brand{font-size:14px;margin-right:2px}.brand-mark{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}.local-recovery-link{width:100%;margin-top:12px;padding:10px 2px;border:0;background:transparent;text-align:center;font-size:10px;color:var(--muted)}.local-recovery-link:hover{color:var(--accent)}.recovery-toggle{display:flex!important;align-items:center;gap:10px!important;line-height:1.6}.recovery-toggle input{width:16px!important;height:16px!important;accent-color:var(--accent)}#recoveryDetail{font-size:11px;color:var(--muted)}@media(max-width:760px){.local-recovery-link{flex:none;margin:0;border-top:1px solid var(--line);padding:15px}}.preference-control{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer}.preference-control:hover{background:var(--hover);border-color:var(--accent-line)}.preference-control:focus-within{outline:2px solid var(--accent);outline-offset:2px}.preference-control>.ui-icon{width:18px;height:18px;pointer-events:none}.preference-control select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px;color:var(--ink);background:var(--paper)}@media(max-width:760px){.collapse-chevron{filter:var(--icon-filter)}}:root[data-theme=dark] .collapse-chevron{filter:brightness(0) invert(1)}.theme-changing *,.theme-changing *:before,.theme-changing *:after{transition:none!important}.welcome-stack{display:flex;flex-direction:column;gap:22px;width:min(440px,100%);min-width:0}.ad-slot{min-width:0;text-align:left}.ad-disclosure{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--muted);font-size:9px;line-height:12px}.ad-demo{padding:0 5px;border:1px solid var(--line);border-radius:4px;font-size:8px}.ad-creative{display:flex;align-items:center;gap:12px;min-width:0;height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(115deg,var(--paper),var(--accent-soft));color:var(--ink)}.ad-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:22px}.ad-copy{display:flex;align-items:baseline;gap:14px;flex:1;min-width:0}.ad-copy strong{font-size:12px;font-weight:600}.ad-copy>span{font-size:11px;color:var(--muted)}.ad-position{flex:none;color:var(--muted);opacity:.6;font-size:10px;font-variant-numeric:tabular-nums}.ad-slot--welcome .ad-creative{height:68px}.ad-slot--welcome .ad-copy{flex-direction:column;gap:3px}.ad-slot--workspace{grid-area:advert;display:none;width:100%;max-width:940px;height:76px;padding:8px 18px;margin:0 auto}body.has-document .ad-slot--workspace{display:block}body.has-export-receipt .ad-slot--workspace{display:none}.export-receipt{grid-area:receipt;min-width:0;padding:12px 20px;border-top:1px solid var(--line);background:var(--paper)}.export-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.export-receipt-head strong{font-size:13px;font-weight:600}.export-receipt-head .btn{flex:none;width:36px;height:36px;padding:0}@media(max-width:760px){body.has-document .main{--ad-inset:72px }body.has-export-receipt .main,body.is-text-editing .main,body.ads-input-focus .main,body.mobile-sheet-settings .main,body.mobile-sheet-layers .main,body.mobile-sheet-pages .main{--ad-inset:0px }.ad-slot--workspace{position:absolute;inset:0 0 auto;max-width:none;height:72px;padding:6px 12px}body.is-text-editing .ad-slot--workspace,body.ads-input-focus .ad-slot--workspace,body.mobile-sheet-settings .ad-slot--workspace,body.mobile-sheet-layers .ad-slot--workspace,body.mobile-sheet-pages .ad-slot--workspace{display:none}.ad-copy{flex-direction:column;gap:0}.ad-copy strong{font-size:11px}.ad-copy>span{font-size:10px}.ad-creative{gap:10px;padding:6px 10px}.welcome-stack{gap:18px}.ad-slot--welcome .ad-creative{height:60px}.export-receipt{position:absolute;inset:auto 0 calc(72px + env(safe-area-inset-bottom));z-index:30;padding:10px 14px;max-height:40dvh;overflow:auto}.export-receipt-head{margin-bottom:6px}.export-receipt-head .btn{width:44px;height:44px}}@media(max-width:760px){.header-menu-anchor{position:relative;display:flex;flex:none;width:44px}#mobileHeaderTrigger{width:44px;min-height:44px;padding:0}#mobileHeaderTrigger[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent-line)}.header-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:max-content;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 28px var(--shadow)}.header-preferences{display:flex;gap:8px}.header-preferences .preference-control{width:44px;height:44px}}@media(max-width:360px){.header-menu-anchor,#mobileHeaderTrigger{width:40px;min-width:40px}}@media(min-width:761px)and (max-width:1180px){.top #newDocument{font-size:0;width:36px;padding:0;gap:0}.top #exportPng{display:none}}@media(min-width:761px)and (max-width:960px){.brand>span:last-child{display:none}}@media(max-width:760px){.top>.language-control{display:none}:lang(de) .mobile-dock button{font-size:10px}.mobile-tool-label{max-width:100%}}.session-private-hidden .app{visibility:hidden}.idle-time{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:var(--muted)}.idle-time b{font-size:24px;font-variant-numeric:tabular-nums;color:var(--text)}.download-panel{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;gap:20px}.export-fields{display:grid;gap:16px;min-width:0}.export-head>.btn{width:44px;height:44px;padding:0;flex:none}.export-filename{margin-top:-8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;word-break:break-all;color:var(--muted)}.export-advanced{border-top:1px solid var(--line);padding-top:14px}.export-advanced summary{font-size:12px;color:var(--muted);cursor:pointer;padding:4px 0}.export-advanced label{margin-top:14px}.export-state{display:grid;gap:12px;text-align:center;padding:12px 0;min-width:0}.export-state strong{font-size:18px;color:var(--ink)}.export-state b{font-size:14px;font-weight:500;overflow-wrap:anywhere}.export-ready-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 4px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:26px}.export-error{padding:12px;border:1px solid var(--line);border-inline-start:3px solid #c65445;border-radius:8px;line-height:1.5}.export-actions>.btn{min-height:44px;white-space:normal}.export-receipt-file{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}.export-receipt-file>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-width:0}.export-receipt-file>.btn{min-height:44px;flex:none;font-size:12px}@media(max-width:760px){#exportDialog{align-items:end;padding:12px 10px calc(10px + env(safe-area-inset-bottom))}.download-panel{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));padding:20px;border-radius:20px}.download-panel input,.download-panel select{font-size:16px;min-height:44px}.download-panel .export-actions>.primary{flex:1}.export-receipt-file{align-items:flex-start;gap:8px}}#propertiesPanel{padding:16px 20px}#shapeOptions{gap:10px;margin-bottom:0;padding-bottom:0;border-bottom:0}.text-inspector{display:grid;gap:10px;min-width:0}.inspector-heading{font-size:12px;line-height:18px;font-weight:600}.type-grid{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;align-items:center}#fontFamily{height:40px}.type-size-field{display:flex;align-items:center;min-width:0;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding-right:9px}.type-size-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.type-size-field #fontSize{width:100%;min-width:0;height:100%;border:0;background:transparent;box-shadow:none;padding:7px 6px 7px 10px}.type-size-field>span{color:var(--muted);font-size:11px;flex:none}.type-actions{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center}.type-actions button,.compact-swatch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.2;white-space:nowrap}.type-actions button:hover,.compact-swatch:hover{background:var(--hover)}.type-actions .style-toggle[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.compact-swatch[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.color-preview{display:block;flex:none;width:17px;height:17px;border:1px solid var(--swatch-border);border-radius:4px;background:#000}.color-preview.is-none{background:linear-gradient(135deg,transparent 43%,var(--empty-slash) 45%,var(--empty-slash) 55%,transparent 57%)!important}.color-chevron{width:12px;height:12px}.drawing-controls{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:end}.tool-color-control{display:grid;gap:6px;font-size:11px;color:var(--muted)}#colorControl .compact-swatch{width:62px;padding:7px}#strokeControl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px;align-items:center}#strokeControl input{grid-column:1/-1;width:100%;height:44px;margin:0}.color-popover{position:fixed;z-index:95;display:grid;gap:8px;max-width:calc(100vw - 24px);margin:0;padding:10px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 32px var(--shadow);color:var(--ink)}.color-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.color-popover-head strong{font-size:12px;font-weight:600;line-height:1.3}.color-popover-head button{min-width:56px;height:44px;padding:7px 10px;border:0;border-radius:7px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.color-popover-head button:hover{background:var(--hover)}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;min-width:0}[data-palette=textBgColor]{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.palette-swatch{display:grid;place-items:center;position:relative;isolation:isolate;min-width:0;min-height:44px;height:44px;width:100%;padding:0;border:0;border-radius:7px;background:transparent;color:var(--check)}.palette-swatch:before{content:"";position:absolute;inset:8px auto auto calc(50% - 14px);width:28px;height:28px;border:1px solid var(--swatch-border);border-radius:50%;background:var(--swatch);z-index:-1}.palette-swatch:hover{background:var(--hover)}.palette-swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--accent)}.palette-swatch[aria-pressed=true]:after{content:"\2713";font-size:15px;font-weight:600}.swatch-none:before{background:var(--paper)}.swatch-none:after,.swatch-none[aria-pressed=true]:after{content:"";position:absolute;width:27px;height:1.5px;background:var(--empty-slash);transform:rotate(-45deg)}@media(max-width:760px){#propertiesPanel{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.text-inspector{gap:8px}.inspector-heading,#drawingTitle{display:none}#fontFamily,.type-size-field{height:44px;font-size:16px}.type-size-field #fontSize{font-size:16px}.side .text-inspector .type-actions button{font-size:12px}.color-popover{border-radius:14px}}@media(max-width:319px){[data-palette=textBgColor]{grid-template-columns:repeat(3,minmax(0,1fr))}}