:root{--paper: #fffbef;--cream: #f5e5c8;--ink: #3a2a1e;--brown: #6b4f3a;--soft: #9a7b60;--line: #e8dcb8;--green: #27c13a;--navy: #2a5694;--red: #cf1c3c;--amber: #c98400}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#cms{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:22px;margin:0;color:var(--brown)}h2{font-size:17px;margin:0 0 6px;color:var(--brown)}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}header nav{display:flex;flex-wrap:wrap;gap:6px;flex:1}.who{color:var(--soft);font-size:13px}button{font:inherit;padding:7px 14px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.danger{border-color:var(--red);color:var(--red)}nav button.on{background:var(--navy);color:#fff}input,select,textarea{font:inherit;padding:6px 9px;border-radius:10px;border:2px solid var(--line);background:#fff;color:var(--ink)}textarea{width:100%;font:13px/1.4 ui-monospace,Consolas,monospace}section{background:#ffffff73;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;margin:12px 0}section.card{background:var(--paper)}.hint{color:var(--soft);font-size:13px;margin:0 0 10px}.error{color:var(--red);margin:4px 0}.ok{color:#27963a}.warn{color:var(--amber)}.status{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;padding:8px 12px;background:var(--paper);border-radius:12px;border:1.5px solid var(--line)}.status .error,.status .ok,.status .warn{font-weight:700;margin:0}table{width:100%;border-collapse:collapse;margin-bottom:10px}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);font-size:14px}tr:not(:first-child){cursor:pointer}tr.sel{background:#fff3d1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px;align-items:end;margin-bottom:10px}.field{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600;color:var(--brown)}.field small{font-weight:400;color:var(--soft)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.row .note{color:var(--soft);flex:1}.colour{display:inline-flex;gap:6px;align-items:center}.colour input[type=color]{width:40px;height:34px;padding:2px}.colour .hex{width:100px}.look{display:flex;gap:16px;align-items:flex-start}.look .grid{flex:1}.back{width:74px;height:100px;border-radius:10px;border:5px solid #fff;color:#ffffffd9;font-size:11px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;flex:none}.tiles{display:grid;grid-template-columns:repeat(3,40px);gap:5px;flex:none}.tile{width:40px;height:52px;background:#fff;border:1.5px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.thumb{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--line)}.gate{max-width:420px;margin:12vh auto;text-align:center;background:var(--paper);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px}.json small{display:block;min-height:18px}@media (max-width: 640px){.look{flex-direction:column}}