:root{--bg: #e8eef3;--bg-strong: #dce5ec;--surface: #f7fafc;--surface-strong: #eef4f8;--ink: #102334;--muted: #617383;--line: #c4d1da;--line-strong: #94a9b8;--accent: #0867d1;--accent-strong: #004fa9;--accent-soft: #d9eaff;--green: #0867d1;--gold: #eaa635;--page: #ffffff;--shadow: 0 18px 50px rgba(26, 56, 78, .14);--shadow-soft: 0 8px 24px rgba(26, 56, 78, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"tnum" 1,"ss01" 1}a{color:inherit}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;min-height:68px;padding:10px 22px;border-bottom:1px solid var(--line);background:#f7fafcf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:grid;gap:3px;color:inherit;text-decoration:none}.brand-block.static{cursor:default}h1{margin:0;font-size:23px;font-weight:580;letter-spacing:-.045em;line-height:1}h1 span{color:var(--accent);font-weight:400}.brand-lockup{display:flex;gap:10px;align-items:center}.brand-mark{width:27px;height:27px;overflow:visible;fill:none;stroke:var(--ink);stroke-width:1.15}.brand-mark .brand-cut{stroke:var(--accent);stroke-width:1.8}.brand-mark .brand-cut-ticks{stroke:var(--accent);stroke-width:1}.tagline{color:var(--muted);padding-left:37px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.065em;text-transform:uppercase}.tagline span{color:var(--accent)}.local-note{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.local-dot{width:6px;height:6px;border-radius:50%;background:#2aa875;box-shadow:0 0 0 3px #2aa8751f}.top-nav{display:flex;gap:6px;justify-content:center}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid #baafa0;border-radius:999px;background:transparent;text-decoration:none;font:inherit;font-weight:560}.nav-pill.active{border-color:var(--green);background:#285e571a;color:var(--green)}.header-actions{display:flex;gap:18px;align-items:center;justify-content:flex-end}.header-actions a{color:var(--muted);font-size:12px;font-weight:500;text-decoration:none}.header-actions a:hover,.header-actions a.current{color:var(--accent)}.site-main{padding:16px}.content-main{min-height:calc(100vh - 68px);padding:28px 16px 64px;background-color:var(--bg);background-image:linear-gradient(rgba(90,126,151,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(90,126,151,.06) 1px,transparent 1px);background-size:40px 40px}.content-shell{display:grid;gap:24px;width:min(920px,100%);margin:0 auto;padding:28px;border:1px solid var(--line-strong);background:#f7fafcf5;box-shadow:var(--shadow-soft)}.content-intro{display:grid;gap:12px;max-width:700px}.content-shell h2{margin:0;color:var(--ink);font-size:clamp(28px,4vw,42px);font-weight:540;letter-spacing:-.035em;line-height:1.08}.content-shell p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.tutorial-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:var(--line);list-style:none}.tutorial-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:156px;padding:20px;background:var(--surface)}.tutorial-steps li:last-child{grid-column:1 / -1;min-height:0}.step-number{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.06em}.tutorial-steps h3{margin:0 0 7px;color:var(--ink);font-size:15px;font-weight:560}.tutorial-steps p{font-size:14px;line-height:1.55}.tutorial-steps strong,.tutorial-note strong{color:#385062;font-weight:560}.tutorial-note{position:static;display:flex;gap:12px;align-items:baseline;height:auto;overflow:visible;padding:14px 16px;border:1px solid rgba(8,103,209,.24);background:var(--accent-soft);color:var(--muted);font-size:13px;line-height:1.45}.tool-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:70vh;border:1px solid var(--line-strong);background:#ffffff6b;box-shadow:0 1px #ffffffe6 inset,var(--shadow-soft)}aside{position:sticky;top:84px;align-self:start;height:calc(100vh - 100px);overflow:auto;padding:20px 20px 24px;border-right:1px solid var(--line);background:var(--surface)}.tool-panel{position:sticky;top:84px;align-self:start;display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 100px);overflow:hidden;padding:14px 16px 16px;background-color:#eaf1f6;background-image:linear-gradient(rgba(90,126,151,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,126,151,.07) 1px,transparent 1px),linear-gradient(rgba(90,126,151,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,126,151,.035) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px}.page-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 0 12px;padding:8px;border:1px solid var(--line-strong);border-radius:3px;background:#f7fafcf0;box-shadow:0 2px 8px #1f3d530f}.toolbar-label{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.page-nav-controls,.page-nav-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.export-split{position:relative;display:inline-flex;align-items:stretch}.export-split .export-main{border-top-right-radius:0;border-bottom-right-radius:0}.export-split .export-menu-btn{width:30px;border-left:1px solid rgba(255,255,255,.28);border-top-left-radius:0;border-bottom-left-radius:0;padding:0}.export-options-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:none;width:220px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:3px;background:#f7fafcfa;box-shadow:var(--shadow)}.export-options-menu.open{display:grid}.export-options-menu label{display:grid;gap:5px}.mode-toggle{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:3px;background:#ffffffd1}.mode-toggle button{min-height:28px;border:0;border-radius:2px;padding:0 10px;background:transparent;color:var(--muted);font-size:12px;font-weight:500}.mode-toggle button.toggle-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 1px #0867d133 inset}.page-counter{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:2px;background:#ffffffd1;font-size:13px;font-weight:500}.page-counter span{white-space:nowrap}.page-select{width:auto;min-width:0;height:28px;border:0;border-radius:4px;background-color:transparent;background-image:none;padding:0;font-size:13px;font-weight:500;text-align:right}.group{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}.group:first-child{padding-top:2px}.group:last-child{border-bottom:0}label,.label{font-size:11px;font-weight:450;color:#385062;text-transform:uppercase;letter-spacing:.075em}.section-heading{display:flex;gap:9px;align-items:center;margin-bottom:3px}.section-heading>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500}input[type=file],textarea,input[type=number],select{width:100%;border:1px solid var(--line-strong);border-radius:2px;background:#ffffffeb;color:var(--ink);font:inherit}input[type=file]{padding:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=file].visually-hidden{width:1px;padding:0}textarea{min-height:150px;resize:vertical;padding:10px 12px;line-height:1.35;background-image:linear-gradient(to bottom,transparent 26px,rgba(99,130,151,.12) 27px);background-size:100% 27px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}input[type=number],select{height:36px;padding:0 10px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#625b52 50%),linear-gradient(135deg,#625b52 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 10px) 15px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px}button{min-height:36px;border:1px solid var(--line-strong);border-radius:2px;padding:0 12px;background:#f8fbfd;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}button:hover{border-color:#978a79}button:disabled{opacity:.45;cursor:not-allowed}button.toggle-active{border-color:var(--green);background:#285e571a;color:var(--green)}.primary{border-color:var(--accent);background:var(--accent);color:#fff}.source-button{display:grid;place-items:center;min-height:42px;padding:0 13px;border-color:#0867d194;background:#d9eaff85;color:var(--accent-strong);text-align:center}.source-button:hover{border-color:var(--accent);background:#d9eaffe6;color:var(--accent-strong)}.file-readout{position:relative;padding-left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.file-readout:before{content:"";position:absolute;top:.55em;left:0;width:5px;height:5px;border:1px solid var(--line-strong)}.primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.mini{min-height:30px;padding:0 9px;font-size:13px}.row{display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:end}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layout-fields{display:grid;gap:8px}.insertion-options{display:grid;gap:10px;padding-top:2px}.insertion-option{display:grid;gap:6px}.insertion-setting{margin-left:24px}.insertion-setting input:disabled{background:#efe9dd94}.margin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:grid;gap:8px}.checks{display:grid;gap:8px;font-size:14px;color:#385062}.checks label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-weight:450}.hint,#status{color:var(--muted);font-size:13px;line-height:1.35}.hint strong{color:#385062;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}#status{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:18px;margin:8px 0 0;text-align:left}#status.busy:before{content:"";width:12px;height:12px;flex:0 0 auto;border:2px solid rgba(40,94,87,.2);border-top-color:#285e579e;border-radius:999px;animation:status-spin .76s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.export-progress-dialog[hidden]{display:none}.export-progress-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1d212857}.export-progress-card{display:grid;gap:18px;width:min(420px,100%);padding:20px;border:1px solid rgba(217,208,192,.9);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.export-progress-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.export-progress-title{margin:0 0 5px;color:var(--ink);font-size:16px;font-weight:550}.export-progress-message{color:var(--muted);font-size:14px;line-height:1.4}.export-progress-spinner{width:28px;height:28px;border:3px solid rgba(40,94,87,.18);border-top-color:var(--green);border-radius:999px;animation:status-spin .76s linear infinite}.export-progress-actions{display:flex;justify-content:flex-end}#workspace{display:grid;min-height:0;justify-items:start;overflow:auto}.empty{display:flex;flex-direction:column;gap:10px;min-height:55vh;place-items:center;width:100%;color:var(--muted);text-align:center;padding:32px;border:1px solid rgba(114,145,166,.52);background:#f5fafda3;transition:border-color .14s ease,background .14s ease,color .14s ease}.empty strong{color:var(--ink);font-size:15px;font-weight:550;letter-spacing:-.01em}.empty>span{font-size:13px}.empty small{margin-top:4px;color:#7a8d9b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.empty-target{position:relative;width:82px;height:104px;margin-bottom:7px;border:1px solid var(--line-strong);background:#ffffff9e;box-shadow:7px 7px #7291a61a}.empty-target:before,.empty-target:after,.empty-target span:before,.empty-target span:after{content:"";position:absolute;background:var(--accent)}.empty-target:before{top:-5px;left:-5px;width:14px;height:1px}.empty-target:after{top:-5px;left:-5px;width:1px;height:14px}.empty-target span:before{right:-5px;bottom:-5px;width:14px;height:1px}.empty-target span:after{right:-5px;bottom:-5px;width:1px;height:14px}#workspace.drop-active .empty{border-color:var(--accent);background:#0867d114;color:var(--ink)}.page-wrap{display:grid;gap:8px}.page-shell{position:relative;box-shadow:var(--shadow);background:var(--page);overflow:visible}.pdf-canvas,.overlay-canvas{display:block}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.region-label{position:absolute;left:8px;z-index:4;display:inline-flex;align-items:center;min-width:104px;max-width:calc(100% - 28px);border:1px solid rgba(8,103,209,.32);border-radius:2px;padding:3px 7px;background:#f7fafce6;color:var(--ink);box-shadow:none;font-size:11px;font-weight:450}.region-label-text{display:block;flex:0 1 auto;max-width:168px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-label.blankable{padding-right:48px}.region-skip-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:21px;padding:0 6px;border-radius:2px;border-color:#20212429;background:#ffffffeb;font-size:10px;font-weight:450;opacity:0;pointer-events:none;transition:opacity .12s ease}.region-label:hover .region-skip-btn,.region-label:focus-within .region-skip-btn{opacity:1;pointer-events:auto}.region-label.skip .region-skip-btn{background:#60748314;border-color:#6074833d;color:var(--muted)}.region-label.skip{color:var(--muted);border-style:dashed;border-color:#6074834d;background:#f7fafcd1}.region-label.mark-mode{min-width:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:#718696;font-weight:450;pointer-events:none}.region-label.mark-mode .region-label-text{max-width:none}.region-label.manual{border-color:#0867d1ad;box-shadow:2px 0 #0867d1ad inset}.shared-rect{position:absolute;border:1px solid rgba(8,103,209,.72);background:#0867d112;box-shadow:none;pointer-events:none}.shared-rect:after{content:"Shared";position:absolute;top:-18px;left:0;padding:2px 6px;border-radius:2px;background:#0867d1e0;color:#fff;font-size:10px;font-weight:500;letter-spacing:.02em}.microcopy{color:var(--muted);font-size:13px;line-height:1.45}#selectedFileName{min-width:0;overflow-wrap:anywhere;word-break:break-word}.layout-preview{display:grid;gap:8px;min-width:0;margin-top:6px}.preview-heading{display:flex;justify-content:space-between;color:#385062;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.preview-heading span:last-child{color:var(--accent)}.layout-preview-canvas{display:block;width:100%;max-width:100%;aspect-ratio:.71;border:1px solid rgba(32,33,36,.12);border-radius:0;background:linear-gradient(to bottom,#fffffffa,#f0f6faf5);box-shadow:inset 0 0 0 1px #ffffff80}.layout-preview-note{min-width:0;color:var(--muted);font-size:12px;line-height:1.4}@media (max-width: 720px){.site-header{grid-template-columns:1fr;justify-items:start;padding:14px 16px}.top-nav,.header-actions{justify-content:start}.site-main{padding:16px}.content-main{padding:16px 12px 40px}.content-shell{gap:20px;padding:20px 16px}.tutorial-steps{grid-template-columns:1fr}.tutorial-steps li,.tutorial-steps li:last-child{grid-column:auto;min-height:0}.tutorial-note{display:grid}.tool-shell{grid-template-columns:1fr}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.tool-panel{position:static;height:auto;overflow:visible}}