:root{--ink:#14110d;--bone:#f5f1e8;--paper:#fffdf8;--line:#e0d8c8;--accent:#7a1f1a;--ok:#1f7a44;--muted:#6b655a;--shadow:0 1px 3px rgba(20,17,13,0.08),0 8px 24px rgba(20,17,13,0.06);--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--body);background:var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.topbar{background:var(--ink);color:var(--bone);padding:14px 20px}.topbar .inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar b{font-size:15px;letter-spacing:.2px}.topbar .tag{display:block;font-size:11px;color:#bdb6a6;letter-spacing:.06em;text-transform:uppercase}.spacer{margin-left:auto}.btn{font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:9px 16px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;transition:.15s}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(1.08)}.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:#fff}.btn-dark{background:#221d17;color:var(--bone);border-color:#3a342b}.btn-dark:hover{background:#2c2620}.btn-ok{background:#fff;color:var(--ok);border-color:var(--ok)}.btn-ok.on{background:var(--ok);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.banner{background:#fbf6ea;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;color:#5c4a2a;display:flex;gap:10px;align-items:flex-start}.banner b{color:#3d3115}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(20,17,13,.1),0 16px 40px rgba(20,17,13,.1)}.card .swatch{height:10px}.card .body{padding:18px}.card .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.card .name{font-size:19px;font-weight:800;margin:4px 0 8px}.card .blurb{font-size:14px;color:var(--muted);min-height:40px}.card .view{margin-top:14px;font-size:13px;font-weight:700;color:var(--accent)}.card .approved-flag{margin-top:12px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--ok);padding:3px 9px;border-radius:99px}input[type=password],input[type=text],textarea{font:inherit;font-size:14px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}label.field{display:block;font-size:13px;font-weight:600;margin:0 0 6px}.overlay{position:fixed;inset:0;z-index:100;background:var(--ink);display:flex;flex-direction:column}.overlay iframe{flex:1 1 auto;width:100%;border:0;background:#fff}.floatbar{background:var(--ink);color:var(--bone);border-top:1px solid #2a241d;padding:10px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.floatbar .dir-name{font-weight:700;margin-right:auto}.floatbar .dir-name small{display:block;font-weight:400;font-size:11px;color:#bdb6a6}.commentpanel{background:#fffdf8;border-top:1px solid var(--line);padding:14px}.commentpanel .row{display:flex;align-items:center;gap:10px;margin-top:8px}.saved{font-size:12.5px;color:var(--ok);opacity:0;transition:.3s}.saved.show{opacity:1}.table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.table td,.table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.table th{background:#efe8da;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.table tr:last-child td{border-bottom:none}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:#efe8da;color:var(--ink)}.pill.ok{background:var(--ok);color:#fff}.muted{color:var(--muted)}.section{margin:26px 0}h1{font-size:26px;margin:0 0 6px}.linkbox{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:13px;word-break:break-all}.dirrow,.linkbox{gap:8px;align-items:center}.dirrow{display:grid;grid-template-columns:70px 1fr 1fr 110px 30px;grid-gap:8px;margin-bottom:8px}@media (max-width:640px){.dirrow{grid-template-columns:1fr 1fr}}