:root{--bg:#f3f5fa;--card:#fff;--ink:#16203a;--mut:#5d6885;--line:#d5dbea;--acc:#e8492f;--acc-soft:#fff0ec;--ok:#1c8a55;--shadow:0 12px 32px rgba(22,32,58,.07)}
@media(prefers-color-scheme:dark){:root{--bg:#0f1526;--card:#182038;--ink:#e8ecf7;--mut:#96a1c0;--line:#2a3558;--acc:#ff6a50;--acc-soft:#33212a;--ok:#3ecf8e;--shadow:0 14px 34px rgba(0,0,0,.24)}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:920px;margin:0 auto;padding:20px 18px 72px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--acc);color:#fff;font-weight:800;font-size:20px;box-shadow:0 5px 14px rgba(232,73,47,.24)}
.brand strong,.brand small{display:block;line-height:1.05}.brand strong{font-size:18px}.brand small{margin-top:4px;color:var(--mut);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#account{display:flex;align-items:center;gap:10px;min-height:38px}
nav{display:flex;gap:20px;margin:18px 0 10px;border-bottom:1px solid var(--line)}
nav a{position:relative;padding:9px 1px 11px;color:var(--mut);font-weight:650;text-decoration:none}
nav a.active{color:var(--ink)}nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background:var(--acc)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,6vw,48px);line-height:1.02;letter-spacing:-.04em;margin-bottom:14px}h2{font-size:19px;margin-bottom:6px}h3{font-size:17px;margin-bottom:6px}
a{color:var(--acc)}button,input,textarea{font:inherit}
button{cursor:pointer;font-weight:700;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:9px 12px}
button.go{background:var(--acc);border-color:var(--acc);color:#fff}button.danger{color:var(--acc);background:transparent}button:disabled{opacity:.55;cursor:default}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0}
.library-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:36px 0 8px}.library-head h1{margin:0}
.eyebrow{display:block;color:var(--acc);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}
.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.search{position:relative;display:flex;align-items:center;width:min(430px,100%);background:var(--card);border:1px solid var(--line);border-radius:8px;padding-left:13px}
.search span{font-size:22px;color:var(--mut)}
.search input{width:100%;border:0;background:transparent;color:var(--ink);padding:11px 12px;outline:0}
.section-heading,.card-heading,.form-actions,.sign-in{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading p,.card-heading p{margin:0}.count{margin:0 0 12px 2px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.resource{display:flex;flex-direction:column;min-height:150px;margin:0;padding:18px;text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.resource:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:var(--shadow)}
.resource-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.resource-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--acc-soft);color:var(--acc);font-weight:850}.arrow{color:var(--mut);font-size:20px}
.resource h3{margin:22px 0 18px;flex:1}.slug{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mut)}
.empty{grid-column:1/-1;text-align:center;padding:42px 18px}.empty strong{display:block;margin-bottom:5px}.empty .resource-icon{margin:0 auto 12px}
.message{color:var(--acc);min-height:1.5em;margin-top:4px}.tag,.mut{color:var(--mut)}.tag{font-size:13px}.hide{display:none!important}
.status-pill{display:inline-flex;align-items:center;background:var(--acc-soft);color:var(--acc);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
.page-heading{margin:34px 2px 22px}.page-heading h1{font-size:42px;margin-bottom:10px}.page-heading p{color:var(--mut)}
.sign-in p{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.form-grid label{display:flex;flex-direction:column;color:var(--mut);font-size:13px;font-weight:650;gap:5px}.form-grid .wide{grid-column:1/-1}.optional{font-weight:400}
input,textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:9px 10px;outline:0}input:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}textarea{min-height:90px;resize:vertical}.form-actions{margin-top:16px}
.upload-status{display:flex;align-items:center;gap:10px;margin-top:14px}.upload-status progress{width:100%;height:8px;accent-color:var(--acc)}
.admin-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row p{margin:2px 0 0;overflow-wrap:anywhere}.admin-row .actions{display:flex;align-items:center;gap:8px}
.embed-page{margin:0;width:100vw;height:100vh;overflow:hidden;background:#fff}.embed-page iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:640px){main{padding-inline:13px}.grid{grid-template-columns:1fr}.library-head{align-items:stretch;flex-direction:column;margin-top:28px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions,.sign-in{align-items:stretch;flex-direction:column}.admin-row{grid-template-columns:1fr}.admin-row .actions{justify-content:space-between}.page-heading h1{font-size:36px}}