:root{--bg:#f3f2ee;--surface:#fff;--ink:#1e2622;--muted:#5e6862;--line:#dcddd6;--spruce:#2f4a3f;--spruce-soft:#e3eae5;--brass:#9a7a3e;--warn:#8a5a12;--warn-soft:#f5ebd9;--display:"Instrument Serif",Georgia,serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141917;--surface:#1c2320;--ink:#e8ebe7;--muted:#9da8a1;--line:#2e3833;--spruce:#9cc4ae;--spruce-soft:#24332c;--brass:#d2b272;--warn:#e5b567;--warn-soft:#33291a;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--spruce)}.wrap{max-width:1100px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 80px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 6px}.brand{font-family:var(--display);font-size:28px;text-decoration:none;color:var(--ink)}.brand em{color:var(--brass)}.nav{display:flex;gap:6px}.btn,.chip,.nav a{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px;text-decoration:none;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--spruce);border-color:var(--spruce);color:var(--bg)}.btn[disabled]{opacity:.6}.chip[aria-pressed=true]{background:var(--spruce);border-color:var(--spruce);color:var(--bg)}h1,h2{font-family:var(--display);font-weight:400;line-height:1.1}h1{font-size:clamp(30px,6vw,44px);margin:12px 0 4px}h2{font-size:26px;margin:28px 0 10px}.muted{color:var(--muted)}.small{font-size:13px}.searchbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 10px;border-bottom:1px solid var(--line)}.searchrow{display:flex;gap:8px}input,select,textarea{font:inherit;font-size:16px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--spruce);outline-offset:1px}.grow{flex:1 1}.chips{display:flex;gap:6px;overflow-x:auto;padding-top:10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.tile:hover{border-color:var(--spruce)}.ph{aspect-ratio:1;background:var(--spruce-soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}.tile .b{padding:9px 11px 11px}.tile b{display:block;font-weight:600;font-size:14px;line-height:1.3}.tile small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--warn-soft);color:var(--warn);margin-top:5px}.badge.ok{background:var(--spruce-soft);color:var(--spruce)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.cards{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cards,dl{display:grid}dl{grid-template-columns:110px 1fr;grid-gap:6px 12px;gap:6px 12px;margin:10px 0 0;font-size:14px}dt{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding-top:3px}dd{margin:0;overflow-wrap:anywhere}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:22px;gap:22px;margin-top:10px}.detail .ph{border-radius:14px}.stack{display:grid;grid-gap:10px;gap:10px}.empty{border:1px dashed var(--line);border-radius:12px;padding:16px;color:var(--muted);margin-top:14px}@media (max-width:640px){.detail,dl{grid-template-columns:1fr}dl{gap:2px}dt{padding-top:6px}.nav a{padding:6px 10px}}.tile{position:relative}.tile-link{display:flex;flex-direction:column;flex:1 1;text-decoration:none;color:inherit}.plus{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 20px/1 var(--body);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}.plus.done,.plus:hover{border-color:var(--spruce)}.plus.done{background:var(--spruce);color:var(--bg)}.boardbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sheet-bg{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center;padding:16px}.sheet{background:var(--bg);border-radius:16px;padding:18px;width:100%;max-width:520px;max-height:85vh;overflow:auto}@media (min-width:700px){.sheet-bg{align-items:center}}.row-btn{text-align:left;font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.row-btn:hover{border-color:var(--spruce)}.board-card{text-decoration:none;color:inherit}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;aspect-ratio:4/1;background:var(--spruce-soft);border-radius:10px;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:cover}.title-input{font-family:var(--display);font-size:clamp(28px,5vw,40px);border:none;background:transparent;padding:4px 0;width:100%;border-radius:0}.tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:16px 0 10px;border-bottom:1px solid var(--line);padding-bottom:10px}.tabs [role=tab]{font:inherit;font-weight:600;font-size:14px;background:none;border:none;color:var(--muted);padding:6px 8px;cursor:pointer;border-radius:8px}.tabs [role=tab][aria-selected=true]{color:var(--ink);background:var(--spruce-soft)}.toolbar{gap:8px;flex-wrap:wrap;margin:8px 0}.toggle,.toolbar{display:flex;align-items:center}.toggle{gap:6px}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);cursor:pointer;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--spruce);outline-offset:2px}.stage{position:relative;aspect-ratio:4/3;width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-bg{width:100%;height:100%;object-fit:cover;pointer-events:none}.stage-bg,.stage-empty{position:absolute;inset:0}.stage-empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#5e6862;margin:0}.piece{position:absolute;cursor:-webkit-grab;cursor:grab;touch-action:none}.piece img{display:block;width:100%;height:auto;pointer-events:none}.piece.sel{outline:2px dashed #2f4a3f;outline-offset:2px}.piece-text{background:#fff;color:#1e2622;border:1px solid #dcddd6;padding:8px;font-size:13px;text-align:center}.handle{position:absolute;right:-9px;bottom:-9px;width:20px;height:20px;border-radius:50%;background:#2f4a3f;border:2px solid #fff;cursor:nwse-resize;touch-action:none}.tray{display:flex;gap:8px;flex-wrap:wrap}.tray-item{width:96px;font:inherit;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.tray-item img{width:100%;aspect-ratio:1;object-fit:contain}.line{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.line:first-of-type{border-top:none}.line-ph{width:56px;height:56px;flex:none;border-radius:8px;overflow:hidden;background:var(--spruce-soft)}.line-ph img{width:100%;height:100%;object-fit:cover}.qty{width:70px;text-align:center}.note{width:100%;margin-top:6px;font-size:14px;padding:7px 10px}