:root{--studio-ink:#193629;--studio-accent:#cff36a}body{background:#f4f5f0;color:#1b3027}main{max-width:1320px;margin:auto;padding:24px}header{background:#193629;color:white}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;line-height:1.04;margin:8px 0 16px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:36px 0 20px}.studio-heading p{max-width:650px}.save-actions{display:flex;gap:8px;flex-shrink:0}button{cursor:pointer;min-height:42px;border-radius:10px}#saveAll,#addColour,#addTheme{background:var(--studio-ink);color:white}.studio-tabs{display:flex;gap:8px;border-bottom:1px solid #d8ded2;margin:24px 0;padding-bottom:12px}.studio-tabs button{border:0;background:transparent;color:var(--studio-ink);padding:12px 18px}.studio-tabs [aria-selected=true]{background:var(--studio-ink);color:white}.catalogue-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.catalogue-tools label{min-width:210px;flex:1}.catalogue-tools button{margin-bottom:2px}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:24px 0}.catalogue-card{border:1px solid #dbe1d5;border-radius:18px;background:#fff;overflow:hidden}.catalogue-card .colour-surface{height:85px;border-bottom:1px solid #0001;display:flex}.colour-surface i{flex:1}.catalogue-card .card-body{padding:16px}.catalogue-card h3{font-size:18px;margin:0 0 6px}.catalogue-card p{font-size:13px;margin:6px 0;min-height:32px}.catalogue-card small{font:12px ui-monospace,monospace}.card-status{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 8px;background:#edf6da;border-radius:20px;margin-bottom:10px}.catalogue-card.unavailable .card-status{background:#f5e9db}.card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.card-actions button{font-size:12px;padding:7px 10px;min-height:36px;background:#f3f5ee;color:var(--studio-ink);border:1px solid #dce2d4}.card-actions button[disabled]{opacity:.3;cursor:default}.history-row{padding:18px 0;border-bottom:1px solid #d8ded2;display:flex;justify-content:space-between;gap:18px;align-items:center}dialog{width:min(580px,calc(100% - 32px));max-height:90dvh;border:0;border-radius:20px;padding:24px;box-shadow:0 28px 90px #0004}dialog::backdrop{background:#13251db3}dialog label{display:grid;gap:6px;margin:12px 0}input,select{max-width:100%;min-height:42px;border:1px solid #bfcab7;border-radius:8px;padding:8px;background:white;color:#173024}input[type=color]{width:100%;padding:4px;height:46px}input[type=checkbox]{min-height:auto;accent-color:#193629}.dialog-title,.dialog-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-title h2{margin:0}.dialog-title button{font-size:24px;padding:4px 14px}.colour-values{display:grid;grid-template-columns:90px 1fr;gap:16px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.check-grid label,label.check{display:flex;align-items:center;gap:8px;font-size:13px}.theme-colour-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-colour-form label{font-size:13px;margin:0}fieldset{border:1px solid #dbe1d5;border-radius:10px;padding:8px 14px;margin:16px 0}legend{font-size:13px;padding:0 6px}#settingsMessage{padding:12px 16px;border-radius:10px;background:#e8eddf;min-height:44px}#settingsMessage.error,[role=alert]{color:#9e241c}[hidden]{display:none!important}@media(max-width:650px){main{padding:16px}.studio-heading{display:block;margin-top:24px}.save-actions{margin-top:20px;position:sticky;top:8px;z-index:2}.save-actions button{flex:1}.studio-tabs{gap:0}.studio-tabs button{font-size:12px;padding:10px}.catalogue-grid{grid-template-columns:1fr 1fr;gap:10px}.catalogue-card .card-body{padding:12px}.catalogue-card h3{font-size:16px}.catalogue-tools{gap:10px}.catalogue-tools label{min-width:140px}.catalogue-card .colour-surface{height:64px}.check-grid{grid-template-columns:1fr}.card-actions button{min-height:42px}.theme-colour-form{gap:8px}dialog{padding:18px}}
body,button,input,select,textarea,.admin-nav a{font-family:Inter,Arial,sans-serif}.catalogue-tools label{display:grid;gap:7px;font-size:13px}.studio-heading p{line-height:1.55}.studio-heading .eyebrow{color:#356347}header button{background:#cff36a;color:#193629;border:0}.admin-nav a.active{background:#193629;color:white}.catalogue-card p{line-height:1.5}.card-status{line-height:1.4}