:root{color:#1a1a1a;--accent:#1f6f4a;--card:#fff;--line:#e4e1d8;--muted:#5c5c5c;--sticky-bar-height:7.5rem;background:#f6f5f2;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{color:#f3f4f6;--accent:#3d9d6d;--card:#1f2128;--line:#2c2f38;--muted:#a8adb8;background:#16171d}}*{box-sizing:border-box}body{margin:0}#app{min-height:100svh}a{color:var(--accent);text-decoration:none}.page{max-width:52rem;padding:12px 12px calc(var(--sticky-bar-height) + env(safe-area-inset-bottom,0px));margin:0 auto}.page--flush{padding-bottom:12px}.shell,.boot{max-width:52rem;padding:12px 12px calc(48px + env(safe-area-inset-bottom,0px));margin:0 auto}.boot{padding-top:48px}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.topbar>div{flex:auto;min-width:0}.topbar h1{overflow-wrap:anywhere}.topbar-action{white-space:nowrap;flex:none}.eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin:0 0 4px;font-size:.75rem}h1{margin:0;font-size:1.4rem;font-weight:600}p{margin:0 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.hint,.status{color:var(--muted);font-size:.95rem}.error{color:#b42318;background:#fde8e6;border-radius:8px;padding:8px 12px}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}button,.primary{border:1px solid var(--line);background:var(--card);color:inherit;min-height:44px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 14px;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.actions-stack{gap:8px;margin-top:12px;display:grid}.actions-stack>.primary,.actions-stack>button{width:100%}.actions-stack-secondary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hidden-input{display:none}.preview,.slip{object-fit:contain;background:#111;border-radius:8px;width:100%;max-height:60vh}.slip-compact{object-fit:contain;cursor:pointer;background:#111;border-radius:8px;width:100%;max-height:22vh}.photo-thumb{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;margin:0;padding:0;display:block}.photo-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.photo-overlay{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.photo-overlay img{max-width:100%;max-height:calc(100svh - 5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}.photo-overlay-close{flex:none;min-width:8rem}.form label{gap:4px;margin:10px 0;font-size:.9rem;display:grid}.form input,.form textarea{font:inherit;border:1px solid var(--line);min-height:44px;color:inherit;background:0 0;border-radius:8px;padding:10px 12px}.pair{grid-template-columns:1fr;gap:0;display:grid}.review-grid{gap:12px;display:grid}.review-body{min-width:0}.form-review{padding-bottom:0}.sticky-actions{z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--background,#f6f5f2) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.sticky-actions{--background:#16171d}}.sticky-actions .primary,.sticky-actions button[type=button]{width:100%}.lines-block{margin:8px 0}.lines-head{gap:8px;margin:16px 0 8px;display:grid}.lines-head h2{margin:0;font-size:1rem}.lines-head button{width:100%}.line-cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.line-card{border:1px solid var(--line);border-radius:10px;gap:8px;padding:10px;display:grid}.line-card label{color:var(--muted);gap:4px;margin:0;font-size:.85rem;display:grid}.line-card input{width:100%;min-height:44px;font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;padding:8px 10px}.line-card-row{align-items:center;gap:8px;display:flex}.line-card-row label{flex:auto;min-width:0}.line-card-row .link{flex:none;align-items:center;min-height:44px;padding:0 4px;display:inline-flex}.line-card-readonly .line-desc{margin:0;font-weight:500}.line-card-readonly .line-amt{color:var(--muted);margin:0;font-size:.95rem}.danger{color:#fff;background:#b42318;border-color:#b42318}.detail-actions{gap:8px;margin-top:16px;display:grid}.detail-actions .primary,.detail-actions .danger,.detail-actions button[type=button]{width:100%}.list{margin:0;padding:0;list-style:none}.list li+li{margin-top:8px}.row{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:12px;justify-content:space-between;gap:12px;padding:12px;display:flex}.sort-bar{justify-content:flex-end;align-items:center;gap:8px;margin:0 0 12px;display:flex}.sort-label{color:var(--muted);font-size:.8rem}.sort-toggle{border:1px solid var(--line);background:var(--card);border-radius:10px;display:inline-flex;overflow:hidden}.sort-toggle button{background:0 0;border:0;border-radius:0;min-height:36px;padding:6px 12px}.sort-toggle button+button{border-left:1px solid var(--line)}.sort-toggle button.active{background:var(--accent);color:#fff}.row p{color:var(--muted);margin:4px 0 0;font-size:.9rem}.row-meta{text-align:right;flex:none;gap:4px;display:grid}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}.facts{grid-template-columns:1fr;gap:10px;margin:12px 0;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0}.zone-overlay{gap:10px;display:grid}.zone-chips{flex-wrap:wrap;gap:6px;display:flex}.zone-chips button{min-height:36px;padding:6px 10px;font-size:.85rem}.zone-chips button.placed{box-shadow:inset 0 0 0 1px var(--accent)}.zone-chips button.active{background:var(--accent);border-color:var(--accent);color:#fff}.zone-stage{touch-action:none;overscroll-behavior:contain;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#111;border-radius:8px;max-height:70vh;overflow:hidden}.zone-zoom{will-change:transform;display:inline-flex}.zone-frame{max-width:100%;display:inline-block;position:relative}.zone-frame>.slip{object-fit:fill;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:55vh;display:block}.zone-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zone-rect{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:.008px}.zone-rect.selected,.zone-rect--draft{fill:color-mix(in srgb, var(--accent) 28%, transparent);stroke-width:.012px}.zone-handle{fill:#fff;stroke:var(--accent);stroke-width:.006px}.zone-caption{background:var(--accent);color:#fff;pointer-events:none;white-space:nowrap;border-radius:4px 4px 0 0;margin-top:-2px;padding:1px 6px;font-size:.7rem;line-height:1.3;position:absolute;transform:translateY(-100%)}.zone-tools{gap:6px;display:grid}.empty{text-align:center}.foot{color:var(--muted);justify-content:space-between;gap:12px;margin-top:28px;font-size:.85rem;display:flex}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}@media (width>=720px){h1{font-size:1.6rem}.page,.shell,.boot{padding:20px 16px 48px}.card{padding:16px}.pair{grid-template-columns:1fr 1fr;gap:10px}.review-grid{grid-template-columns:minmax(12rem,.9fr) 1.1fr;align-items:start;gap:16px}.slip-compact{cursor:default;pointer-events:none;max-height:60vh}.photo-thumb{cursor:default;pointer-events:none}.facts{grid-template-columns:1fr 1fr;gap:10px 16px}.lines-head{justify-content:space-between;align-items:center;display:flex}.lines-head button{width:auto}.sticky-actions{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;display:flex;position:static}.sticky-actions .primary,.sticky-actions button[type=button]{width:auto}.page:has(.form-review){padding-bottom:48px}}