.background-controls{display:flex;align-items:center;gap:8px;padding:0;flex-shrink:0;overflow-x:auto}.background-controls span{font-size:13px;color:#758297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.background-controls button{font-size:13px;min-height:30px;padding:5px 9px}.background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:grab;touch-action:none;outline:2px solid #3973df;outline-offset:-2px}.background-overlay:active{cursor:grabbing}.background-locked{opacity:.45}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252b35;background:#f6f7f9;font-synthesis:none;font-size:16px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #dce0e6;border-radius:6px;background:#fff;color:inherit;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#edf0f5;border-color:#c1c8d3}button:disabled{opacity:.35;cursor:default}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3d72d7;outline-offset:2px}input,select{border:1px solid #dce0e6;border-radius:5px;color:inherit;background:#fff;padding:6px 8px;min-height:32px;font-size:14px}.primary{background:#252b35;color:#fff;border-color:#252b35}.primary:hover{background:#3d4756;border-color:#3d4756}.danger{background:#bb3535;color:#fff;border-color:#bb3535}.actions{display:flex;gap:10px;align-items:center}.brand{font-size:30px;font-weight:750;letter-spacing:-1.8px;color:#252b35;text-decoration:none}.brand span{color:#477ad0}.home-header{height:88px;padding:0 7%;border-bottom:1px solid #e4e7ec;display:flex;align-items:center;justify-content:space-between;background:#fff}.local-label{display:flex;align-items:center;gap:8px;color:#747e8d;font-size:13px}.status-dot{width:6px;height:6px;border-radius:50%;background:#539278}.library{max-width:1150px;padding:66px 36px;margin:auto}.library-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;color:#8892a0}h1{font-size:36px;letter-spacing:-1px;margin:8px 0 0;font-weight:650}.empty{background:#fff;border:1px dashed #cdd4df;border-radius:12px;min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{padding:20px;border-radius:16px;background:#eff2f7;color:#697c98}.empty h2{font-size:23px;letter-spacing:-.5px;margin:24px 0 8px}.empty p{color:#7a8492;margin:0 0 24px}.library-note{font-size:13px;color:#87919f;margin-top:24px;line-height:1.7}.document-list{border:1px solid #e0e4eb;border-radius:10px;overflow:hidden;background:#fff}.document-row{display:flex;border-bottom:1px solid #e7eaf0;align-items:center;padding:14px 16px}.document-row:last-child{border:0}.document-open{flex:1;justify-content:start;text-align:left;border:0;padding:8px;background:none}.document-open strong{display:block;font-size:16px;font-weight:600}.document-open small{display:block;font-size:13px;color:#8c95a2;margin-top:6px}.document-icon{padding:14px;background:#f0f3f8;color:#72819b;border-radius:8px;margin-right:8px}.document-actions{display:flex;gap:5px}.document-actions button{border:0;background:transparent;color:#87919f}.open-arrow{margin-left:auto;margin-right:20px;color:#a1aaba}.editor{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.editor-header{height:48px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e6ed;display:flex;align-items:center;gap:14px;padding:0 20px}.compact{font-size:23px;letter-spacing:-1.4px}.icon-button{border:0;background:transparent;padding:7px}.header-divider{width:1px;height:22px;background:#e1e5eb}.title-input{border:1px solid transparent;font-size:15px;font-weight:500;min-width:90px;max-width:260px;flex:1;background:transparent}.title-input:hover,.title-input:focus{border-color:#dce0e6}.save-status{display:flex;align-items:center;gap:5px;color:#8792a2;font-size:12px;white-space:nowrap}.save-status.failed{color:#b13232}.header-actions{display:flex;margin-left:auto;gap:8px}.toolbar{height:52px;min-height:52px;background:#fff;border-bottom:1px solid #dfe4ed;padding:6px 20px;display:flex;align-items:center;gap:13px;flex-shrink:0;overflow-x:auto}.toolbar button{border:0;background:transparent;min-width:36px;padding:8px}.toolbar button:hover{background:#f1f3f7}.tool-group{display:flex;gap:4px}.toolbar .chosen{background:#e9effb;color:#3468bf}.toolbar-divider{height:24px;width:1px;background:#e1e5eb;flex-shrink:0}.toolbar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:#7d8795}.toolbar label input{width:62px}.toolbar select{border:0;font-size:14px;max-width:120px}.toolbar-end{display:flex;margin-left:auto;gap:4px}.swatches{display:flex;align-items:center;gap:9px}.toolbar .swatch{width:19px;min-width:19px;height:19px;min-height:19px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px transparent}.toolbar .swatch.selected{box-shadow:0 0 0 1px #8793a6}.swatches input{width:23px;height:25px;min-height:25px;padding:0;border:0;cursor:pointer;background:none}.number-input{width:60px}.workspace{flex:1;overflow:auto;min-height:0;background:#eceff3;overscroll-behavior:none;touch-action:none}.pages{display:flex;flex-direction:column;align-items:center;padding:24px 48px 55px;gap:28px}.page-section{flex-shrink:0}.page-label{display:flex;align-items:center;justify-content:space-between;color:#8c97a8;font-size:12px;font-weight:550;letter-spacing:.9px;height:34px;margin-bottom:8px}.active-page .page-label>span{color:#61789d}.page-format{color:#a1aaba}.page-label>div{display:flex;gap:3px}.page-label button{border:0;background:transparent;color:#8a97aa;min-height:28px;padding:5px}.page-label button:hover{background:#dfe4eb}.paper{position:relative;background:#fff;box-shadow:0 2px 9px #28344712,0 0 0 1px #242e3b08;overflow:hidden}.margin-guide{position:absolute;pointer-events:none;border:1px dashed #b8c3d126;z-index:2}.panning,.panning canvas{cursor:grab!important}.panning:active,.panning:active canvas{cursor:grabbing!important}.add-page{background:transparent;border:1px dashed #b9c4d3;color:#7b899c;min-width:220px;height:42px}.editor-footer{height:43px;flex-shrink:0;background:#fff;border-top:1px solid #dde3eb;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;color:#7d8999}.footer-secondary{color:#a2acb9}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{min-height:29px;padding:4px 8px;border:0;font-size:12px;color:#758297}.zoom-controls .help-button{border:1px solid #dde3eb;min-height:23px;width:23px;border-radius:50%;margin-left:10px}.help-popover{position:fixed;bottom:54px;right:18px;background:#fff;border:1px solid #dbe1ea;border-radius:10px;box-shadow:0 10px 40px #28354920;padding:24px;font-size:14px;line-height:1.8;z-index:10}.help-popover p{color:#7c8797}.help-popover small{color:#9aa4b1}.help-close{position:absolute;right:8px;top:8px;border:0;padding:4px;min-height:24px}.font-warning{font-size:13px;background:#fff5df;color:#946321;padding:8px 20px;border-bottom:1px solid #f0e0be}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);max-width:90vw;background:#252b35;color:#fff;box-shadow:0 5px 30px #0002;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:20px;font-size:14px;z-index:100}.toast button{background:none;border:0;color:#fff;padding:0;min-height:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17202c66;display:flex;align-items:center;justify-content:center;z-index:80}.modal{background:#fff;padding:26px;border-radius:12px;max-width:450px;margin:24px;box-shadow:0 20px 80px #0003}.modal p{margin:0 0 25px;line-height:1.7}.modal .actions{justify-content:end}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:#798596}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.editor-header{gap:8px;padding:0 10px}.compact,.header-divider{display:none}.save-status{font-size:11px}.toolbar{padding:8px 10px;gap:8px}.header-actions button{padding:8px}.header-actions button span,.footer-secondary{display:none}.library{padding:40px 20px}.library-heading{align-items:start;gap:18px;flex-direction:column}.home-header{padding:0 24px}.document-row{padding:8px}.document-actions{gap:0}.document-actions button{padding:6px}.open-arrow{display:none}.local-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.gap-range{display:flex;flex-direction:column;gap:2px;flex-shrink:0;font-size:11px;color:#7d8795}.toolbar .gap-range label{font-size:10px;gap:5px}.toolbar .gap-range input{width:90px;height:18px;min-height:18px;padding:0;accent-color:#3973df}.gap-range label{display:grid!important;grid-template-columns:28px 90px 34px}.gap-range output{text-align:right;font-variant-numeric:tabular-nums}.pan-hint{color:#7d8795;font-size:13px;white-space:nowrap}.variation-panel{position:fixed;z-index:30;right:18px;top:116px;bottom:54px;width:340px;max-width:calc(100vw - 36px);overflow-y:auto;background:#fff;border:1px solid #dfe4ed;border-radius:12px;box-shadow:0 10px 40px #20273524;padding:18px}.variation-panel header{display:flex;justify-content:space-between;align-items:center}.variation-panel p{font-size:12px;color:#6f7a89;line-height:1.5}.variation-panel fieldset{border:1px solid #e3e8ef;border-radius:8px;margin:12px 0;padding:8px;display:flex;gap:10px}.variation-panel legend{font-size:13px}.variation-panel label{font-size:12px;display:flex;align-items:center;gap:6px;margin:8px 0}.variation-panel input[type=number]{width:65px;min-width:0;padding:6px}.variation-panel .panel-check{line-height:1.5}.variation-panel hr{border:0;border-top:1px solid #e3e8ef;margin:18px 0}.variation-panel fieldset{flex-wrap:wrap}.panel-ranges{display:flex;gap:12px;width:100%}.panel-ranges input{min-width:0;width:50%;accent-color:#3973df}.toolbar-controls{display:flex;align-items:center;gap:13px;flex-shrink:0}.background-controls button{white-space:nowrap}@media(max-width:850px){.toolbar-controls{gap:8px}}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#17202dcc;padding:20px}.crop-dialog{max-width:100%;max-height:95vh;overflow:auto;padding:24px;border-radius:14px;background:#fff}.crop-dialog header,.crop-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-dialog p{font-size:13px;color:#6f7a89}.crop-dialog footer{margin-top:20px}.crop-stage{position:relative;max-width:100%;overflow:hidden;touch-action:none;background:repeating-conic-gradient(#e4e7eb,#e4e7eb 25%,#fff 0%,#fff 50%) 0 0 / 20px 20px}.crop-stage>img{width:100%;height:100%;display:block;pointer-events:none}.crop-selection{position:absolute;border:2px solid #3973df;box-shadow:0 0 0 2000px #11182788;cursor:move;touch-action:none}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:1px solid #3973df;transform:translate(-50%,-50%)}.crop-nw{left:0;top:0;cursor:nwse-resize}.crop-n{left:50%;top:0;cursor:ns-resize}.crop-ne{left:100%;top:0;cursor:nesw-resize}.crop-e{left:100%;top:50%;cursor:ew-resize}.crop-se{left:100%;top:100%;cursor:nwse-resize}.crop-s{left:50%;top:100%;cursor:ns-resize}.crop-sw{left:0;top:100%;cursor:nesw-resize}.crop-w{left:0;top:50%;cursor:ew-resize}.toolbar .naturalize-button{color:#6854b8;flex-shrink:0}.toolbar .naturalize-button:hover:not(:disabled){background:#f1edfc}.naturalize-status{font-size:12px;color:#6854b8}