:root{--background:#f7f7f2;--foreground:#171717;--muted:#686861;--line:#deded6;--panel:#fff;--panel-strong:#111;--accent:#00a676;--accent-dark:#057a59;--danger:#d64045;--shadow:0 18px 50px #0000001a}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--foreground);background:radial-gradient(circle at 20% 10%,#00a6761a,#0000 28rem),linear-gradient(#f7f7f2 0%,#ecece4 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0 44px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:#ffd166;border:2px solid #111;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:4px 4px #111}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-action-slot{display:contents}.button{color:#111;background:#fff;border:2px solid #111;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:750;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #111}.button:hover{transform:translate(1px,1px);box-shadow:2px 2px #111}.button.primary{background:var(--accent);color:#061b14}.button.dark{color:#fff;box-shadow:3px 3px 0 var(--accent);background:#111}.button.danger{color:#8b1f25;background:#ffd9db}.button.ghost{box-shadow:none;background:0 0}.button.icon{width:42px;padding:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.backup-message{color:var(--muted);margin:-8px 0 18px;font-weight:700}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1.35fr);align-items:start;gap:28px;display:grid}.hero-copy h1{letter-spacing:0;max-width:660px;margin:0;font-size:clamp(3rem,8vw,7.5rem);line-height:.9}.hero-copy p{max-width:560px;color:var(--muted);font-size:1.07rem;line-height:1.6}.panel{background:var(--panel);box-shadow:var(--shadow);border:2px solid #111;border-radius:8px}.tier-export-card.is-exporting{box-shadow:none!important;border:0!important;border-radius:0!important;outline:0!important}.tier-export-card.is-exporting .item-tray{display:none!important}.panel-pad{padding:20px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.save-status{color:#0b3d2d;background:#eefbf5;border:2px solid #111;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:.82rem;font-weight:850;display:inline-flex}.form-row{gap:8px;margin-bottom:14px;display:grid}.label{color:#333;text-transform:uppercase;font-size:.82rem;font-weight:800}.input,.textarea{color:#111;background:#fff;border:2px solid #111;border-radius:8px;outline:none;width:100%;padding:11px 12px}.textarea{resize:vertical;min-height:86px}.input:focus,.textarea:focus{box-shadow:0 0 0 3px #00a6763d}.tier-board{background:#111;border:2px solid #111;border-radius:8px;overflow:hidden}.tier-row{background:#fff;border-bottom:2px solid #111;grid-template-columns:88px minmax(0,1fr);min-height:88px;display:grid}.tier-row:last-child{border-bottom:0}.tier-label{color:#111;border-right:2px solid #111;place-items:center;min-height:88px;font-size:2rem;font-weight:900;display:grid}.tier-items{flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:88px;padding:10px;display:flex}.tier-items.drop-target{background:repeating-linear-gradient(135deg,#f5fff9 0 12px,#e5fff2 12px 24px)}.tile{background:#fff;border:2px solid #111;border-radius:8px;grid-template-rows:72px auto;width:112px;min-height:86px;display:grid;overflow:hidden;box-shadow:3px 3px #111}.tile[draggable=true]{cursor:grab}.tile-media{color:#111;background:linear-gradient(135deg,#00a6762e,#0000),#f0f0e8;place-items:center;min-height:72px;font-size:1.6rem;font-weight:900;display:grid}.tile-media img{object-fit:cover;width:100%;height:72px}.tile-label{text-align:center;overflow-wrap:anywhere;border-top:2px solid #111;justify-content:center;align-items:center;min-height:34px;padding:5px;font-size:.76rem;font-weight:800;display:flex}.item-tray{background:#ffffffb3;border:2px dashed #111;border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:108px;margin-top:14px;padding:12px;display:flex}.item-tray-pad{padding-top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.list-card{background:#fff;border:2px solid #111;border-radius:8px;gap:12px;min-height:180px;padding:16px;display:grid;box-shadow:5px 5px #111}.list-card h2,.panel h2{margin:0}.muted{color:var(--muted)}.preview-description{overflow-wrap:anywhere;margin:6px 0 0;line-height:1.45}.mini-bars{gap:4px;display:grid}.mini-bar{border:2px solid #111;border-radius:4px;height:16px}.split{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.editor-controls{position:sticky;top:16px}.preview-column{min-width:0}.small-list{gap:10px;display:grid}.inline-row{align-items:center;gap:8px;display:flex}.inline-row .input{min-width:0}.item-edit-row{gap:8px;display:grid}@media (max-width:880px){.hero-grid,.split{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3rem,17vw,5rem)}.editor-controls{order:2;position:static}.preview-column{order:1}}@media (max-width:560px){.page-shell{width:min(100vw - 20px,1180px);padding-top:14px}.topbar{flex-direction:column;align-items:flex-start}.tier-row{grid-template-columns:64px minmax(0,1fr)}.tier-label{font-size:1.4rem}.tile{width:94px}}