:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24181d;background:#eee7e8;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #ffffff;--surface: #fbf7f8;--surface-strong: #fffafb;--secondary: #e2dadb;--secondary-strong: #d7cbcd;--line: #ded1d4;--line-strong: #cdbbc0;--muted: #74646a;--ink: #24181d;--accent: #ef476f;--accent-hover: #d93861;--accent-soft: #ffe3ea;--accent-wash: #fff1f5;--blue: #386a8f;--danger: #b83a4b;--shadow: 0 10px 30px rgb(74 32 43 / 11%);--shadow-strong: 0 22px 70px rgb(74 32 43 / 20%)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{height:100%;display:grid;grid-template-rows:58px auto auto minmax(0,1fr) auto;background:#eee7e8}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;background:var(--surface-strong);border-bottom:1px solid var(--line);z-index:5;box-shadow:0 1px #ffffffa6}.brand{display:flex;align-items:center;gap:10px}.brand-button{min-width:0;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.brand-button:hover .brand-mark{border-color:var(--accent);box-shadow:2px 2px #f6b1c2}.brand-copy{display:grid;gap:1px}.brand strong{font-size:15px;line-height:1.2}.brand span{color:var(--muted);display:flex;align-items:center;gap:3px;font-size:10px}.new-pdf-button{margin-left:8px}.header-download{min-width:108px}.brand-mark{width:30px;height:34px;display:grid;place-items:center;border:1px solid #cf9ba9;background:linear-gradient(180deg,#fff,#fff6f8);color:var(--accent);font-family:Georgia,serif;font-weight:700;position:relative;box-shadow:2px 2px #ead6dc}.brand-mark:after{content:"";position:absolute;right:-1px;top:-1px;border-top:8px solid var(--surface-strong);border-left:8px solid #e9c3cc}.top-actions,.editor-actions{display:flex;align-items:center;gap:5px}.toolbar-divider{width:1px;height:22px;margin:0 3px;background:var(--line)}.button,.icon-button{border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.button{height:34px;padding:0 12px;border-radius:5px;font-weight:600;font-size:13px}a.button{text-decoration:none}.icon-button{width:34px;height:34px;padding:0;border-radius:5px}.button:hover,.icon-button:hover{background:var(--accent-wash);border-color:#d5a8b4}.button.primary{border-color:#c92350;background:var(--accent);color:#fff;box-shadow:0 8px 18px #ef476f2e}.button.primary:hover{background:var(--accent-hover);border-color:#b81f49}.button.secondary{border-color:#ceb9bf;background:#fff;color:#342027}.button.secondary:hover{border-color:#bc99a4;background:var(--accent-wash)}.button.wide{width:100%}button:disabled{opacity:.42;cursor:not-allowed}.mobile-menu{display:none}.error-banner{min-height:38px;padding:8px 14px;background:#fff0f2;color:#8a2637;border-bottom:1px solid #efb6c2;display:flex;justify-content:space-between;align-items:center;font-size:13px}.error-banner button{border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.job-bar{height:38px;display:grid;grid-template-columns:minmax(120px,220px) minmax(100px,320px) 40px;align-items:center;justify-content:center;gap:12px;padding:0 20px;background:#fff1f5;border-bottom:1px solid #f1c3cf;font-size:12px}.job-bar>div{height:5px;background:#ead5da;overflow:hidden}.job-bar i{height:100%;display:block;background:var(--accent);transition:width .2s ease}.job-bar b{font-variant-numeric:tabular-nums}.app-modal-backdrop{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:18px;background:#24181d61}.app-modal{width:min(430px,100%);position:relative;display:grid;gap:14px;padding:18px;border:1px solid #d3bdc4;border-radius:7px;background:var(--surface-strong);box-shadow:var(--shadow-strong)}.app-modal-close{position:absolute;top:10px;right:10px}.about-modal{padding-top:20px}.about-modal-header{display:flex;align-items:center;gap:12px;padding-right:36px}.about-modal-header h2{margin:0;color:var(--ink);font-size:19px}.about-modal-header p,.app-modal>p{margin:0;color:var(--muted)}.about-modal-header p{margin-top:2px;font-size:12px}.app-modal>p{font-size:13px;line-height:1.5}.about-license-list{padding:9px 12px;border:1px solid #dfcfd4;border-radius:7px;background:#fffafb}.about-license-list summary{color:var(--muted);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.about-license-list div{display:none}.about-license-list[open] div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin-top:10px}.about-license-list a{min-width:0;color:var(--accent);font-size:12px;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.about-license-list a:hover{text-decoration:underline}.app-modal-actions{display:flex;justify-content:end;gap:8px}.recent-modal{width:min(560px,100%);gap:20px}.recent-heading{display:flex;align-items:flex-start;gap:14px}.recent-heading>svg{margin-top:3px;color:var(--accent)}.recent-heading h2{margin:0;color:var(--ink);font-size:22px;line-height:1.12}.recent-heading p{margin:8px 0 0;max-width:440px;color:var(--muted);font-size:14px;line-height:1.5}.recent-actions{display:grid;gap:10px}.recent-item,.recent-new{width:100%;min-height:74px;border:1px solid #d8c5cb;border-radius:7px;background:#fffafbeb;display:grid;align-items:center;gap:12px;padding:12px;cursor:pointer;text-align:left;box-shadow:0 4px 16px #4a202b14}.recent-item{grid-template-columns:auto minmax(0,1fr) auto}.recent-new{grid-template-columns:38px minmax(0,1fr);color:#342027;border-color:#f0a9ba;background:#fff5f8}.recent-item:hover,.recent-new:hover{border-color:#e48299;background:#fff}.recent-file-icon{width:40px;height:48px;border:1px solid #cf9ba9;background:#fff;color:var(--accent);display:grid;place-items:center;position:relative;box-shadow:2px 2px #ead6dc;font-size:10px;font-weight:800}.recent-file-icon:after{content:"";position:absolute;right:-1px;top:-1px;border-top:9px solid #fff7f9;border-left:9px solid #e9c3cc}.recent-item span:nth-child(2),.recent-new span{min-width:0;display:grid;gap:4px}.recent-item strong,.recent-new strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px}.recent-item small,.recent-new small{color:var(--muted);font-size:11px}.recent-item b{color:var(--accent);font-size:12px}.recent-new>svg{justify-self:center;color:var(--accent)}.recent-clear{justify-self:start;min-height:26px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600}.recent-clear:hover{color:var(--accent)}.toolstrip{height:44px;display:flex;align-items:center;gap:3px;padding:0 13px;background:#fffafb;border-bottom:1px solid var(--line)}.toolstrip button{height:30px;border:0;border-radius:4px;background:transparent;padding:0 9px;display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.toolstrip button:hover:not(:disabled){background:var(--accent-wash)}.toolstrip .danger{color:var(--danger)}.toolstrip .select-all{color:var(--accent);font-weight:600}.toolstrip-tools{position:relative;margin-left:auto}.toolstrip .tools-toggle{color:#342027;font-weight:600}.tools-menu{position:absolute;z-index:8;right:0;top:calc(100% - 2px);width:218px;padding:5px;border:1px solid #d6bec6;border-radius:6px;background:#fff;box-shadow:0 14px 34px #4a202b2e;display:none}.toolstrip-tools:focus-within .tools-menu,.toolstrip-tools:hover .tools-menu{display:grid;gap:2px}.tools-menu button{width:100%;min-height:32px;justify-content:start;border-radius:4px;color:#342027;text-align:left}.tool-modal h2{margin:0 34px 0 0;display:flex;align-items:center;gap:8px;color:var(--ink);font-size:18px}.tool-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-modal label{display:grid;gap:6px;color:#5f4a53;font-size:12px;font-weight:700}.tool-modal select,.tool-modal input{width:100%;height:36px;border:1px solid #d8c6cc;border-radius:5px;background:#fff;padding:0 9px;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:0}.workspace.inspector-closed{grid-template-columns:minmax(0,1fr)}.canvas-area{min-width:0;overflow:auto;background-color:#eee7e8;background-image:radial-gradient(#d6c8cc .65px,transparent .65px);background-size:14px 14px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:22px 18px;max-width:1160px;margin:0 auto;padding:28px 30px 80px}.page-tile{min-width:0;position:relative;touch-action:none}.page-tile.dragging{opacity:.45;z-index:2}.page-preview{width:100%;aspect-ratio:7 / 9.9;position:relative;padding:8px;display:grid;place-items:center;overflow:hidden;border:1px solid #d9cfd2;background:var(--secondary);box-shadow:0 2px 5px #4a202b1a;cursor:grab;transition:border-color .15s,box-shadow .15s}.page-tile.dragging .page-preview{cursor:grabbing}.page-preview:hover{border-color:#c99ba8;box-shadow:var(--shadow)}.page-tile.selected .page-preview{border:2px solid var(--accent);padding:7px;box-shadow:0 0 0 3px #ef476f2e}.page-preview img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s}.page-edit-button{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-color:#d2bac2;background:#fffafbf0;color:#342027;opacity:0;pointer-events:none;box-shadow:0 3px 10px #4a202b29;transition:opacity .14s ease,background .14s ease}.page-tile:hover .page-edit-button,.page-tile:focus-within .page-edit-button{opacity:1;pointer-events:auto}.page-edit-button:hover{background:#fff;color:var(--accent)}.page-skeleton{width:100%;height:100%;background:linear-gradient(100deg,#f2ecee 20%,#fff,#f2ecee 50%);background-size:220% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position-x:-220%}}.page-caption{height:31px;display:grid;grid-template-columns:26px 1fr 26px;align-items:center;margin-top:4px}.page-caption .icon-button{width:25px;height:25px;border:0;background:transparent;cursor:grab;touch-action:none;color:#8f7d84}.page-number{grid-column:2;justify-self:center;border:0;background:none;color:#554249;font-size:11px;cursor:pointer}.edit-badge,.rotation-badge,.resize-badge{position:absolute;display:flex;align-items:center;gap:3px;height:21px;padding:0 5px;border-radius:3px;background:#161918d1;color:#fff;font-size:10px}.edit-badge{top:5px;left:5px}.rotation-badge{bottom:5px;right:5px}.resize-badge{bottom:5px;left:5px;background:#ef476fe5}.split-marker-tile{min-width:0;width:100%;aspect-ratio:7 / 9.9;min-height:150px;display:grid;position:relative;touch-action:none}.split-marker-tile.dragging{opacity:.45;z-index:2}.split-marker-panel{min-width:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #d8a8b5;background:#fffafb9e;box-shadow:0 2px 5px #4a202b14;position:relative}.split-marker-panel:before{content:"";position:absolute;top:50px;bottom:26px;left:50%;border-left:2px dashed #d88ca1;transform:translate(-1px)}.split-marker-top{min-height:34px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:4px;padding:5px 6px;border-bottom:1px solid #ecd8de;background:#fff5f8db;color:#6b4f58}.split-marker-top span{justify-self:center;font-size:10px;font-weight:800;text-transform:uppercase}.split-marker-top .icon-button,.split-marker-top .drag-handle{width:26px;height:26px;border:0;background:transparent;color:#826d74}.split-marker-top .drag-handle{cursor:grab;touch-action:none}.split-marker-top .icon-button:last-child{color:var(--danger)}.split-marker-body{min-height:0;display:grid;place-items:center;padding:14px;position:relative;color:#342027}.split-marker-label{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #e6b6c2;border-radius:4px;background:#fff8fa;color:var(--accent);z-index:1}.split-marker-label strong{color:#342027;font-size:11px;line-height:1.2}.add-pages-tile{aspect-ratio:7 / 9.9;min-height:150px;border:1px dashed #c6aeb6;background:#fffafb75;color:#725f66;display:grid;grid-template-rows:3fr 1fr;position:relative}.add-pages-tile:hover{background:#fffafbc7;color:var(--accent);border-color:var(--accent)}.add-pages-tile button{color:inherit;cursor:pointer}.add-pages-main{border:0;background:transparent;display:grid;place-content:center;gap:8px;font-weight:600}.add-pages-main span{font-size:12px}.add-pages-actions{position:relative;border-top:1px dashed #d3bcc4;background:#fff5f8b8}.add-pages-toggle{width:100%;height:100%;min-height:38px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700}.add-pages-menu{position:absolute;z-index:4;left:8px;right:8px;bottom:calc(100% - 2px);padding:5px;border:1px solid #d6bec6;border-radius:6px;background:#fff;box-shadow:0 12px 28px #4a202b2e;display:none}.add-pages-actions:focus-within .add-pages-menu,.add-pages-actions:hover .add-pages-menu{display:grid;gap:2px}.add-pages-menu button{min-height:32px;border:0;border-radius:4px;background:transparent;display:flex;align-items:center;gap:7px;padding:0 8px;font-size:12px;text-align:left;color:#342027}.add-pages-menu button:hover{background:var(--accent-wash);color:var(--accent)}.context-menu-layer{position:fixed;inset:0;z-index:18}.page-context-menu{position:fixed;width:224px;padding:6px;border:1px solid #d6bec6;border-radius:6px;background:#fff;box-shadow:0 16px 42px #4a202b38;display:grid;gap:1px}.page-context-menu strong{padding:7px 8px 6px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.page-context-menu button{height:32px;border:0;border-radius:4px;background:transparent;display:flex;align-items:center;gap:8px;padding:0 8px;color:#342027;font-size:12px;text-align:left;cursor:pointer}.page-context-menu button:hover:not(:disabled){background:var(--accent-wash)}.page-context-menu button:disabled{opacity:.38;cursor:not-allowed}.page-context-menu .danger{color:var(--danger)}.context-menu-separator{height:1px;margin:5px 4px;background:var(--line)}.shortcut-helper{position:fixed;right:18px;bottom:43px;z-index:28;width:min(330px,calc(100vw - 32px));padding:12px;border:1px solid #d5bdc5;border-radius:7px;background:#fffafbf5;box-shadow:var(--shadow-strong)}.shortcut-helper header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.shortcut-helper strong{color:var(--ink);font-size:13px}.shortcut-helper header span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.shortcut-helper dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}.shortcut-helper dl>div{min-width:0;display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:center;gap:7px}.shortcut-helper dt{min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid #d9c8ce;border-radius:4px;background:#fff;color:#342027;font-size:10px;font-weight:800;white-space:nowrap;box-shadow:inset 0 -1px #eee0e4}.shortcut-helper dd{margin:0;color:#5c4a51;font-size:10px;line-height:1.25}.empty-state{height:100%;min-height:420px;display:grid;place-content:center;gap:18px;padding:24px}.drop-zone{width:min(520px,calc(100vw - 48px));min-height:260px;padding:34px;border:1px dashed #c59fac;background:#fffafbbd;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.drop-zone>svg{color:var(--accent);margin-bottom:14px}.drop-zone strong{font-size:19px}.drop-zone span{color:var(--muted);max-width:360px;margin:8px 0 20px;line-height:1.5;font-size:13px}.drop-zone em{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #d5b6bf;background:#fff;border-radius:4px;font-style:normal;font-weight:600;font-size:12px}.privacy-line{display:flex;justify-content:center;align-items:center;gap:6px;color:#67555d;font-size:11px}.inspector{overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);padding-bottom:48px}.drawer-handle{display:none}.segmented{margin:12px;height:34px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--secondary);padding:2px;border-radius:5px}.segmented button{border:0;border-radius:3px;background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;cursor:pointer}.segmented button.active{background:#fff;box-shadow:0 1px 3px #4a202b1f;font-weight:600;color:var(--accent)}.inspector-section{padding:15px 14px;border-top:1px solid var(--line);display:grid;gap:11px}.inspector-section h3{margin:0;font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:5px}.inspector-section label{display:grid;gap:5px;font-size:11px;color:#5f4a53;font-weight:600}.inspector-section input[type=text],.inspector-section input:not([type]),.inspector-section select{width:100%;height:34px;border:1px solid #d7c7cc;border-radius:4px;background:#fff;padding:0 9px;font-size:12px}.inspector-section input[type=checkbox]{accent-color:var(--accent)}.selection-note{margin:-4px 0 0;color:var(--muted);font-size:11px}.download-section{margin-top:2px;padding-top:11px;border-top:1px solid var(--line);display:grid;gap:8px}.download-section h3{font-size:10px;color:#74646a}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.export-grid button{min-width:0;min-height:60px;border:1px solid var(--line);background:#fff;border-radius:4px;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;color:#4d3a42}.export-grid span{font-size:9px;white-space:nowrap}.export-grid button:hover{border-color:#d79aae;color:var(--accent);background:var(--accent-wash)}.advanced-row{min-height:32px;display:grid!important;grid-template-columns:22px 1fr auto;align-items:center;gap:3px!important}.advanced-row select{height:30px;max-width:105px;border:1px solid #d7c7cc;border-radius:4px;background:#fff;padding:0 5px;font-size:10px}.advanced-row input[type=checkbox]{accent-color:var(--accent)}.password-field input{height:34px;border:1px solid #d7c7cc;border-radius:4px;padding:0 9px;font-size:12px}.engine-note{margin:0;display:flex;gap:5px;color:var(--muted);font-size:9px;line-height:1.45}.range-label{grid-template-columns:1fr auto}.range-label input{grid-column:1 / -1;accent-color:var(--accent)}.check-label{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check-label input{accent-color:var(--accent)}.subtle-button{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:6px;color:var(--accent);cursor:pointer;font-size:11px;font-weight:600}.storage-section p{margin:0;display:flex;gap:5px;color:var(--muted);font-size:10px;line-height:1.4}.storage-section small{color:var(--muted)}.crop-section{gap:9px}.form-section{gap:13px}.form-source{display:grid;gap:9px;padding-top:3px}.form-source>strong{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-source label:has(input[type=checkbox]){grid-template-columns:1fr auto;align-items:center}.statusbar{height:27px;min-height:0;max-height:27px;overflow:hidden;display:flex;align-items:center;padding:0 13px;background:var(--surface-strong);border-top:1px solid var(--line);color:#74646a;font-size:10px}.statusbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boot{height:100%;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--surface);color:var(--muted);font-size:12px}.editor-backdrop{position:fixed;inset:0;z-index:20;background:#eee7e8;display:grid;grid-template-rows:auto minmax(0,1fr)}.editor-header{min-height:58px;padding:8px 12px 8px 16px;display:grid;grid-template-columns:minmax(130px,1fr) auto minmax(180px,1fr);align-items:center;gap:12px;background:var(--surface);border-bottom:1px solid var(--line)}.editor-title{display:grid;gap:2px;min-width:0}.editor-title strong{display:flex;align-items:center;gap:7px;font-size:14px}.editor-title span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-resize-badge{min-height:18px;display:inline-flex;align-items:center;padding:0 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.editor-zoom-bar{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:#fff}.editor-zoom-bar>span{min-width:46px;text-align:center;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums}.editor-zoom-bar .button{height:30px;padding:0 9px}.editor-actions{justify-content:end}.editor-workbench{min-height:0;display:grid;grid-template-columns:78px minmax(0,1fr) 244px}.editor-tool-rail{min-height:0;overflow-y:auto;padding:10px 8px;background:var(--surface);border-right:1px solid var(--line);display:grid;align-content:start;gap:6px}.editor-tool-rail button{min-width:0;height:54px;border:1px solid transparent;border-radius:6px;background:transparent;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer;color:#57444c}.editor-tool-rail button span{font-size:10px;font-weight:600}.editor-tool-rail button:hover,.editor-tool-rail button.active{border-color:#f0a9ba;background:var(--accent-soft);color:#9b183e}.editor-stage{min-height:0;overflow:auto;padding:38px;display:grid;align-items:start;justify-items:center;background-color:#eee7e8;background-image:radial-gradient(#d6c8cc .7px,transparent .7px);background-size:14px 14px}.editor-page-wrap{min-width:max-content;padding:0 0 38px}.editor-page{aspect-ratio:7 / 9.9;max-width:none;background:#fff;box-shadow:0 12px 42px #4a202b3d;position:relative;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.editor-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.editor-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.editor-rendering{position:absolute;right:10px;bottom:10px;height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:4px;background:#fffafbe0;color:var(--muted);font-size:10px;box-shadow:0 2px 8px #4a202b24}.editor-side-panel{min-height:0;overflow-y:auto;padding:12px;background:var(--surface);border-left:1px solid var(--line);display:grid;align-content:start;gap:12px}.editor-side-panel section{border:1px solid var(--line);border-radius:6px;background:#fff;padding:12px;display:grid;gap:10px}.editor-side-panel h3{margin:0;color:var(--ink);font-size:12px}.editor-setting-grid{display:grid;gap:9px}.editor-setting-grid label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600}.editor-setting-grid input[type=color]{width:100%;height:30px;padding:2px;border:1px solid #d8c6cc;border-radius:4px;background:#fff}.editor-setting-grid input[type=range]{width:100%;accent-color:var(--accent)}.editor-setting-grid input[type=number]{width:100%;height:30px;border:1px solid #d8c6cc;border-radius:4px;padding:0 7px}.editor-setting-grid input:disabled{opacity:.45}.editor-edit-list{display:grid;gap:6px}.editor-edit-list p{margin:0;color:var(--muted);font-size:11px}.editor-edit-row{min-width:0;min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:7px;padding:0 4px 0 3px;border:1px solid #e1d1d6;border-radius:4px;background:#fffafb}.editor-edit-row.selected{border-color:var(--accent);background:var(--accent-soft)}.editor-edit-row>button:first-child{min-width:0;height:28px;border:0;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#57444c;font-size:11px;text-align:left;cursor:pointer}.editor-edit-row .icon-button{width:26px;height:26px;border:0;background:transparent;color:var(--danger)}.danger-action{border-color:#96283a!important;background:var(--danger)!important;color:#fff!important}.overlay-button{position:absolute;inset:0;padding:0;border:0;background:transparent;pointer-events:none}.tool-select .overlay-button{pointer-events:auto;cursor:pointer}.overlay{position:absolute;pointer-events:none;overflow:hidden}.overlay-text{text-align:left;line-height:1.2;white-space:pre-wrap}.overlay-signature{border-bottom:1px solid #7b2f5f;color:#6b244f;font:italic 26px Georgia,serif;text-align:left}.overlay-redact{background:#050505}.overlay-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.overlay-frame{position:absolute;border:1px solid transparent;background:transparent;cursor:grab;pointer-events:none}.tool-select .overlay-frame{pointer-events:auto}.overlay-frame:hover,.overlay-frame.selected{border-color:var(--accent);box-shadow:0 0 0 2px #ef476f33}.overlay-frame.selected{background:#ef476f0d}.overlay-frame:active{cursor:grabbing}.resize-handle{position:absolute;width:12px;height:12px;padding:0;border:2px solid var(--accent);border-radius:999px;background:#fff;box-shadow:0 1px 4px #4a202b33;cursor:nwse-resize}.resize-handle.nw{left:-7px;top:-7px}.resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize-handle.se{right:-7px;bottom:-7px}.editor-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#24181d57;padding:18px}.editor-modal{width:min(420px,100%);display:grid;gap:14px;padding:18px;border:1px solid #d3bdc4;border-radius:7px;background:var(--surface-strong);box-shadow:var(--shadow-strong)}.editor-modal h2{margin:0;color:var(--ink);font-size:17px}.editor-modal p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.editor-modal label{display:grid;gap:6px;color:#5f4a53;font-size:12px;font-weight:700}.editor-modal input{height:38px;border:1px solid #d8c6cc;border-radius:5px;padding:0 10px}.editor-modal-actions{display:flex;justify-content:end;gap:8px}@media(max-width:760px){.app-shell{grid-template-rows:54px auto auto minmax(0,1fr) auto}.topbar{height:54px;padding:0 9px 0 12px}.brand span{display:none}.new-pdf-button{width:34px;padding:0;margin-left:0;font-size:0}.new-pdf-button svg{margin:0}.header-download{min-width:34px;width:34px;padding:0}.header-download span,.top-actions .button span,.mobile-menu{display:none}.workspace{grid-template-columns:1fr}.inspector{position:fixed;z-index:10;left:0;right:0;bottom:27px;height:42px;overflow:hidden;border-left:0;border-top:1px solid var(--line);box-shadow:0 -8px 30px #18201c2e;transition:height .18s ease}.inspector.mobile-expanded{height:min(68vh,560px);overflow-y:auto}.drawer-handle{height:41px;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer}.drawer-handle span{width:42px;height:5px;border-radius:999px;background:#c8b5bc}.inspector:not(.mobile-expanded)>:not(.drawer-handle){display:none}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;padding:18px 14px 92px}.toolstrip{height:48px;overflow-x:auto;padding:0 8px}.toolstrip button span{display:none}.toolstrip button{min-width:34px;justify-content:center;padding:0 7px}.toolstrip .select-all{min-width:62px}.toolstrip-tools{margin-left:4px}.tools-menu{right:-2px}.tools-menu button{justify-content:start}.tools-menu button svg{flex:0 0 auto}.tool-modal-grid{grid-template-columns:1fr}.shortcut-helper{right:10px;bottom:37px;width:calc(100vw - 20px)}.shortcut-helper dl{grid-template-columns:1fr}.drop-zone{width:calc(100vw - 28px);min-height:240px}.editor-header{grid-template-columns:1fr auto;padding:6px 8px;gap:7px}.editor-title{display:none}.editor-zoom-bar{height:36px;min-width:0;justify-content:start;overflow-x:auto}.editor-zoom-bar .button{min-width:42px;font-size:0}.editor-zoom-bar .button svg{margin:0}.editor-actions .icon-button:not(:last-child){display:none}.editor-actions .button{width:34px;padding:0}.editor-actions .button svg{margin:0}.editor-actions .button{font-size:0}.editor-workbench{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.editor-tool-rail{grid-row:1;grid-template-columns:repeat(7,minmax(52px,1fr));overflow-x:auto;overflow-y:hidden;padding:7px;border-right:0;border-bottom:1px solid var(--line)}.editor-tool-rail button{height:44px}.editor-tool-rail button span{display:none}.editor-stage{grid-row:2;padding:14px;align-items:start}.editor-page-wrap{padding-bottom:18px}.editor-page{width:calc(100vw - 28px)}.editor-side-panel{grid-row:3;max-height:164px;border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:8px;gap:8px}.editor-side-panel section{padding:9px}.editor-setting-grid{gap:6px}}@media(max-width:390px){.top-actions .toolbar-divider,.top-actions>.icon-button:nth-child(2),.top-actions>.icon-button:nth-child(3){display:none}.page-grid{padding-inline:10px;gap:14px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
