:root{--bg:#f6f7f9;--panel:#fff;--ink:#14181f;--ink-soft:#5a6472;--ink-faint:#8b95a3;--line:#dfe3e9;--line-soft:#eef0f4;--accent:#2563eb;--ok:#15803d;--ok-bg:#eefaf1;--warn:#a16207;--warn-bg:#fdf6e3;--error:#b91c1c;--error-bg:#fdf0ef;--on-accent:#fff;--radius:8px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101318;--panel:#171b22;--ink:#e7eaf0;--ink-soft:#9aa4b2;--ink-faint:#6b7482;--line:#262c36;--line-soft:#1e232b;--accent:#60a5fa;--on-accent:#0b1220;--ok:#4ade80;--ok-bg:#12241a;--warn:#fbbf24;--warn-bg:#241d0e;--error:#f87171;--error-bg:#2a1416}}:root[data-theme=dark]{--bg:#101318;--panel:#171b22;--ink:#e7eaf0;--ink-soft:#9aa4b2;--ink-faint:#6b7482;--line:#262c36;--line-soft:#1e232b;--accent:#60a5fa;--on-accent:#0b1220;--ok:#4ade80;--ok-bg:#12241a;--warn:#fbbf24;--warn-bg:#241d0e;--error:#f87171;--error-bg:#2a1416}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.app{max-width:1240px;margin:0 auto;padding:24px 20px 64px}.topbar h1{letter-spacing:-.01em;margin:0 0 2px;font-size:20px}.build-note{color:var(--ink-soft);margin:0 0 20px;font-size:13px}.cols{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=940px){.cols{grid-template-columns:1fr}}.sidebar,.main{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 16px}.panel h2{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin:0 0 10px;font-size:12px}.panel-note{color:var(--ink-soft);margin:-4px 0 12px;font-size:12px}.field{grid-template-columns:1fr 108px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.field>span{color:var(--ink-soft);font-size:13px}input,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:5px 7px;font-size:13px}input[type=number]{font-family:var(--mono);text-align:right}select{cursor:pointer}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{color:var(--ink-soft);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.check input{width:auto}.derived{border-top:1px solid var(--line-soft);gap:5px;margin:12px 0 0;padding-top:10px;display:grid}.derived>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.derived dt{color:var(--ink-faint);margin:0}.derived dd{font-family:var(--mono);color:var(--ink);margin:0}.hint{color:var(--ink-soft);margin:8px 0;font-size:12px}.hint-error{color:var(--error)}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:7px 13px;font-size:13px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--ink-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-ghost{width:100%;margin-top:6px}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.fit{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);border-left-width:3px;padding:12px 16px}.fit-fits{border-left-color:var(--ok)}.fit-tight,.fit-requires-tiling{border-left-color:var(--warn)}.fit-no-fit{border-left-color:var(--error)}.fit-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.fit-badge{font-size:13px;font-weight:600}.fit-fits .fit-badge{color:var(--ok)}.fit-tight .fit-badge,.fit-requires-tiling .fit-badge{color:var(--warn)}.fit-no-fit .fit-badge{color:var(--error)}.fit-nums{font-family:var(--mono);color:var(--ink-faint);font-size:11px}.fit ul{color:var(--ink-soft);margin:8px 0 0;padding-left:18px;font-size:12.5px}.fit li{margin-bottom:3px}.banner{border-radius:var(--radius);margin-bottom:16px;padding:11px 14px;font-size:13px;line-height:1.45}.banner p{margin:0 0 4px}.banner p:last-child{margin-bottom:0}.banner-warn{background:var(--warn-bg);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent)}.banner-ok{background:var(--ok-bg);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 30%, transparent)}.banner-error{background:var(--error-bg);color:var(--error);border:1px solid color-mix(in srgb, var(--error) 30%, transparent)}.preview{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;margin:0;padding:18px;display:flex}.preview svg{max-width:100%;display:block}.preview figcaption{color:var(--ink-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;font-size:11.5px;display:flex}.pv-key{align-items:center;gap:12px;display:inline-flex}.pv-key i{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.pv-key-printable{border:1px dashed var(--ink-faint)}.pv-key-bleed{background:color-mix(in srgb, var(--error) 22%, transparent)}.pv-key-safe{border:1px dotted var(--accent)}.pv-paper{fill:var(--panel);stroke:var(--line);stroke-width:.5px}.pv-printable{fill:none;stroke:var(--ink-faint);stroke-width:.4px;stroke-dasharray:3 2}.pv-bleed{fill:color-mix(in srgb, var(--error) 18%, transparent);stroke:none}.pv-cell{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:.35px}.pv-cell-bad{fill:color-mix(in srgb, var(--error) 16%, transparent);stroke:var(--error)}.pv-safe{fill:none;stroke:var(--accent);stroke-width:.3px;stroke-dasharray:1.5 1.5;opacity:.75}.pv-label{fill:var(--ink-faint);font-size:11px;font-family:var(--mono)}.gutters{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=620px){.gutters{grid-template-columns:1fr}}.gutter-card{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.gutter-card:hover{border-color:var(--ink-faint)}.gutter-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.gutter-name{font-size:13px;font-weight:600}.gutter-views{gap:12px;display:flex}.gutter-view{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.gutter-view em{color:var(--ink-faint);font-size:10.5px;font-style:normal}.gutter-svg{width:100%;height:auto;max-height:118px}.gutter-cell-edge{fill:none;stroke:var(--panel);stroke-width:1.2px}.gutter-blurb{color:var(--ink-soft);font-size:11.5px;line-height:1.4}.profiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=620px){.profiles{grid-template-columns:1fr}}.profile-card{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:5px;padding:11px 13px;display:flex}.profile-card:hover{border-color:var(--ink-faint)}.profile-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.profile-card strong{font-size:13px}.profile-card span{color:var(--ink-soft);font-size:11.5px;line-height:1.4}.banner-info{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.file-preview{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:620px;max-height:78vh;margin-bottom:10px;display:block}img.file-preview{object-fit:contain;height:auto}.pv-cell-filled{fill:none;stroke:color-mix(in srgb, var(--accent) 55%, transparent)}.pv-cell-drop{fill:color-mix(in srgb, var(--accent) 30%, transparent);stroke:var(--accent);stroke-width:.8px}.pv-dpi rect{fill:var(--error)}.pv-dpi text{fill:#fff;font-size:4px;font-family:var(--mono)}.dropzone{position:relative}.dropzone.is-dragging:after{content:"Drop image to place it";z-index:20;color:var(--accent);background:color-mix(in srgb, var(--bg) 82%, transparent);border:2px dashed var(--accent);border-radius:var(--radius);pointer-events:none;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:fixed;inset:0}.uploader{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.uploader input[type=file]{display:none}.image-list{gap:6px;margin-top:10px;display:grid}.image-row{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:flex}.image-row img{object-fit:cover;border:1px solid var(--line);border-radius:3px;width:26px;height:36px}.image-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.image-row .dpi-bad{color:var(--error);font-family:var(--mono)}.choice{gap:8px;display:grid}.choice-btn{text-align:left}.pv-cell-selected{fill:none;stroke:var(--accent);stroke-width:1px}.adjust{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:10px}.adjust-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.adjust-head em{font-style:normal;font-weight:400;font-family:var(--mono);color:var(--ink-faint);font-size:11px}.adjust-btns{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.adjust input[type=range]{padding:0}.image-row{cursor:pointer;border-radius:4px;padding:3px}.image-row:hover{background:var(--line-soft)}.image-row.is-selected{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--ink)}.image-row em{font-style:normal;font-family:var(--mono);color:var(--ink-faint);font-size:11px}