:root{--ink:#19211c;--paper:#f7f4ea;--panel:#fffdf6;--line:#d8d0bb;--accent:#0d766e;--accent-strong:#084f49;--warning:#b45309;--muted:#667069}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(13,118,110,.07) 1px,transparent 1px),linear-gradient(rgba(25,33,28,.05) 1px,transparent 1px),var(--paper);background-size:32px 32px;color:var(--ink);font-family:Georgia,Times New Roman,serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;max-width:1440px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto 20px}.auth-actions,.auth-slot{display:inline-flex;align-items:center;gap:10px}.auth-user-menu{position:relative}.avatar-button{width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700}.avatar-button:hover{border-color:var(--accent)}.avatar-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:250px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 45px rgba(25,33,28,.18);z-index:30;overflow:hidden}.avatar-account-info{padding:12px}.avatar-user-label{font-weight:700;color:var(--ink);word-break:break-all}.avatar-session-label{margin-top:4px;font-size:12px;color:var(--muted)}.avatar-divider{border-top:1px solid var(--line)}.avatar-menu-item{width:100%;text-align:left;border:0;border-radius:0;background:#fff;color:var(--ink);padding:10px 12px}.avatar-menu-item:hover{background:rgba(13,118,110,.08)}.brand h1{margin:0;font-size:30px;line-height:1.1}.brand p{margin:6px 0 0;color:var(--muted)}.bottom-bar,.preview-stage,.settings-panel,.upload-panel{background:rgba(255,253,246,.92);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px rgba(25,33,28,.08)}.upload-panel{display:grid;place-items:center;min-height:580px;padding:28px}.upload-box{width:min(620px,100%);border:2px dashed var(--accent);border-radius:8px;padding:40px;text-align:center;background:rgba(255,255,255,.7)}.upload-box h2{margin:0 0 10px;font-size:28px}.upload-box p{color:var(--muted);margin:0 0 22px}.file-input{position:relative;display:inline-block}.file-input input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-stage{min-height:640px;padding:18px;overflow:hidden}.panel-section{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.preview-header{padding-bottom:0;margin-bottom:14px}.preview-grid{position:relative;width:100%;aspect-ratio:1/1.25;max-height:720px;background:#fff;border:1px solid var(--line);overflow:hidden}.source-art{position:absolute;inset:8%;background:linear-gradient(135deg,rgba(13,118,110,.12),rgba(217,119,6,.1)),repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(25,33,28,.07) 19px);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(25,33,28,.2)}.tile-line{position:absolute;display:grid;place-items:center;border:2px dashed rgba(255,71,96,.92);background:rgba(13,118,110,.04)}.tile-label{position:absolute;top:6px;left:6px;background:var(--ink);color:white;font-size:12px;padding:3px 7px;border-radius:4px}.page-watermark{color:rgba(255,71,96,.26);font-family:Arial,Helvetica,sans-serif;font-size:96px;font-weight:800;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-preview-workbench{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-areas:"strip pages";grid-gap:14px;gap:14px;min-height:620px}.image-preview-grid-workbench{min-height:720px}.full-layout-preview{grid-area:pages;border:1px solid var(--line);background:#eef1ef;padding:10px}.full-layout-svg{width:100%;height:100%;display:block}.full-layout-preview-main{height:720px}.full-layout-svg-main{height:100%}.full-layout-tile{fill:transparent;stroke:rgba(255,71,96,.92);stroke-width:2;stroke-dasharray:8 5;cursor:pointer}.full-layout-tile.selected{stroke:var(--accent);stroke-width:3;stroke-dasharray:0}.full-layout-label{font-size:14px;font-weight:700;fill:#ffffff;paint-order:stroke;stroke:#19211c;stroke-width:4px;cursor:pointer}.full-layout-blank-area{fill:rgba(255,71,96,.06)}.full-layout-blank-area,.full-layout-guide-line{stroke:rgba(255,71,96,.92);stroke-width:2;stroke-dasharray:10 6}.full-layout-guide-line{pointer-events:none}.tile-preview-strip{grid-area:strip;display:grid;align-content:start;grid-gap:12px;gap:12px;max-height:720px;overflow-y:auto;border:1px solid var(--line);background:#fff;padding:12px}.tile-thumb{display:grid;grid-gap:6px;gap:6px;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.tile-thumb-image{position:relative;width:100%;min-height:70px;max-height:180px;overflow:hidden;border:1px solid rgba(13,118,110,.5);background-color:#f9faf7;background-repeat:no-repeat}.tile-thumb[data-active=true] .tile-thumb-image{border-color:var(--accent);box-shadow:0 0 0 2px rgba(13,118,110,.2)}.tile-thumb:focus-visible .tile-thumb-image{outline:2px solid var(--accent);outline-offset:2px}.tile-thumb span:not(.tile-label){color:var(--muted);font-size:12px}.long-image-scroll{grid-area:pages;overflow-y:auto;overflow-x:hidden;background:#eef1ef;padding:6px}.grid-overlay-preview,.long-image-scroll{display:grid;justify-items:center;max-height:720px;border:1px solid var(--line)}.grid-overlay-preview{overflow:auto;background:#fff;padding:12px}.grid-overlay-image{position:relative;width:min(100%,900px);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(25,33,28,.2)}.grid-overlay-cell{position:absolute;border:1px dashed rgba(255,255,255,.9)}.grid-overlay-line{position:absolute;pointer-events:none;z-index:3}.grid-overlay-line.vertical{top:0;bottom:0;border-left:2px dashed rgba(255,71,96,.92)}.grid-overlay-line.horizontal{left:0;right:0;border-top:2px dashed rgba(255,71,96,.92)}.long-image-canvas{position:relative;width:min(100%,560px);background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.28);touch-action:none}.long-source-image{display:block;width:100%;height:auto}.selected-tile{border-color:var(--accent);box-shadow:inset 0 0 0 2px rgba(13,118,110,.38)}.paper-preview-stack{position:relative;display:grid;grid-gap:12px;gap:12px;justify-items:center;width:100%}.paper-preview-page{position:relative;width:min(100%,620px);background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,rgba(25,33,28,.04),rgba(25,33,28,.04) 1px,transparent 0,transparent 12px);border:1px solid var(--line);box-shadow:0 16px 34px rgba(0,0,0,.24)}.paper-printable-area{position:absolute;overflow:visible;border:1px dashed rgba(255,71,96,.92);background-color:#f7f8f3}.paper-printable-content{position:absolute;overflow:hidden;background-color:#f7f8f3;background-repeat:no-repeat}.preview-crop-svg{width:100%;height:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.selected-paper-page{border-color:var(--accent);box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 3px rgba(13,118,110,.26)}.paper-split-handle{z-index:8}.split-handle{position:absolute;left:0;z-index:4;width:100%;height:18px;margin-top:-9px;border:0;border-radius:0;background:transparent;cursor:ns-resize;padding:0}.split-handle:before{content:"";position:absolute;left:0;right:0;top:8px;border-top:2px solid rgba(255,71,96,.95)}.split-handle:after{content:"";position:absolute;left:50%;top:2px;width:46px;height:14px;transform:translateX(-50%);border-radius:7px;background:rgba(255,71,96,.85);box-shadow:0 2px 7px rgba(0,0,0,.22)}.preview-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.settings-panel{padding:18px}.panel-section h2,.panel-section h3{margin:0 0 12px}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}label.field{display:flex;align-items:center;justify-content:space-between;gap:12px}.field label,.field span{font-size:13px;color:var(--muted)}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 10px}label.field input[type=checkbox]{width:auto;margin:0}.margin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.ghost-button,.primary-button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);text-decoration:none}.primary-button,.segmented button[data-active=true]{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.ghost-button[aria-disabled=true],.primary-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.export-button{margin-top:10px;width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.metric{border:1px solid var(--line);border-radius:6px;padding:10px;background:#fff}.metric strong{display:block;font-size:22px}.warning{color:var(--warning)}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.bottom-bar,.print-instructions{max-width:1440px;margin:20px auto 0}.print-instructions{padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,253,246,.94);box-shadow:0 18px 45px rgba(25,33,28,.08)}.print-instructions h2{margin:0 0 8px}.print-instructions p{margin:0 0 12px;color:var(--muted)}.print-instructions ol{margin:0;padding-left:22px}.print-instructions li+li{margin-top:6px}.seo-content{max-width:1440px;margin:24px auto 0;padding:28px 0 12px}.seo-intro{max-width:820px}.seo-kicker{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.seo-intro h2{margin:0;font-size:32px;line-height:1.15}.seo-card p,.seo-intro p:not(.seo-kicker),.seo-panel li,.seo-panel p{color:var(--muted);line-height:1.6}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:20px}.seo-card,.seo-panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,246,.9);padding:18px}.seo-card h3,.seo-panel h3{margin:0 0 10px}.seo-card p,.seo-panel p{margin:0}.seo-columns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:14px;gap:14px;margin-top:14px}.seo-panel ol{margin:0;padding-left:22px}.seo-panel li+li{margin-top:8px}.faq-list{display:grid;grid-gap:8px;gap:8px}.faq-list details{border-top:1px solid var(--line);padding-top:10px}.faq-list details:first-child{border-top:0;padding-top:0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{margin-top:8px}@media (max-width:980px){.workspace{grid-template-columns:1fr}.settings-panel{order:-1}.bottom-bar,.topbar{align-items:flex-start;flex-direction:column;gap:12px}.auth-slot{width:100%;justify-content:flex-start}.preview-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-columns,.seo-grid{grid-template-columns:1fr}}@media (max-width:560px){.metrics,.preview-notes{grid-template-columns:1fr}.seo-intro h2{font-size:26px}}