:root{--ink:#152038;--muted:#64718a;--paper:#f5f7fb;--panel:#fff;--line:#dce3ef;--brand:#2563b8;--accent:#e89026;--shadow:0 12px 32px #18294a12}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}body.dark{--ink:#e8edf8;--muted:#aab7cd;--paper:#121927;--panel:#1b2638;--line:#34445e;--brand:#5ea4ff;--shadow:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:.55rem .8rem;border-radius:8px}button:hover{border-color:var(--brand)}button.primary{background:var(--brand);border-color:var(--brand);color:white}button.wide{width:100%;margin-top:.6rem}a{color:var(--brand)}header{min-height:68px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100% - 1440px)/2));gap:14px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.brand>span{font-size:28px;color:var(--brand)}.brand b{font-size:18px}.brand small{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.header-actions #save-status{color:var(--muted);font-size:13px}.hero,main>.workspace{max-width:1440px;margin:auto;padding-left:24px;padding-right:24px}.hero{padding-top:38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero h1{font-size:clamp(28px,4vw,48px);margin:3px 0}.hero p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:17px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--brand);margin:0;text-transform:uppercase}.tabs{display:flex;gap:7px;white-space:nowrap}.tab{border:0;border-bottom:3px solid transparent;border-radius:0;padding:14px;background:transparent;font-weight:700}.tab.active{border-color:var(--brand);color:var(--brand)}.tab small{display:block;color:var(--muted);font-size:11px}.workspace{display:grid;grid-template-columns:280px minmax(430px,1fr) 285px;gap:18px;padding-top:24px;padding-bottom:32px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:15px}.panel h2,.panel h3{margin:2px 0;font-size:20px}.pill{font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);white-space:nowrap}label{display:block;font-weight:650;margin:12px 0 4px}input[type="text"],input[type="search"],input[type="number"],select,#dice-name{width:100%;border:1px solid var(--line);padding:9px;border-radius:8px;background:var(--panel);color:var(--ink)}#dice-name{font-size:20px;font-weight:700}.library{height:calc(100vh - 24px);min-height:0;position:sticky;top:12px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.chips button{font-size:12px;padding:3px 7px}.chips button.active{background:var(--brand);color:#fff}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-height:180px}.icon-grid button{aspect-ratio:1;padding:5px;background:var(--panel)}.icon-grid button.active{outline:2px solid var(--brand)}.icon-grid img{width:100%;height:100%;object-fit:contain}.muted{color:var(--muted);font-size:13px}.face-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.face-tab{padding:7px 2px;font-weight:800}.face-tab.active{color:#fff;background:var(--brand);border-color:var(--brand)}.die-preview{max-width:480px;margin:17px auto;background:linear-gradient(135deg,#e5edf9,#cbd9ed);padding:25px;border-radius:12px}.die-preview svg{display:block;width:100%;filter:drop-shadow(0 7px 8px #0003)}.center{text-align:center}.preview-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.saved-dice{border-top:1px solid var(--line);margin-top:21px;padding-top:16px}.dice-list{display:flex;gap:8px;overflow:auto;padding:8px 0}.dice-card{min-width:140px;border:1px solid var(--line);padding:8px;border-radius:9px}.dice-card svg{width:100%;display:block}.dice-card b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-card button{font-size:11px;padding:3px 5px;margin-top:4px}fieldset{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:7px 11px 10px}legend{font-weight:750;font-size:13px}fieldset label{font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}fieldset input[type=color]{height:30px;width:50px;padding:2px}fieldset input[type=range]{width:55%}.build{grid-template-columns:275px minmax(460px,1fr) 260px}.sheet-preview{display:flex;flex-direction:column}.sheet-preview-wrap{flex:1;background:#dce3ed;border-radius:8px;padding:12px;min-height:500px;overflow:auto}#sheet-preview{width:100%;height:auto;display:block;background:#fff;box-shadow:0 3px 12px #0002}.check{font-weight:600}.sheet-die{display:grid;grid-template-columns:52px 1fr 65px;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.sheet-die svg{width:52px}.sheet-die input{width:65px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}footer{text-align:center;padding:22px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}footer p{margin:4px}dialog{max-width:600px;border:0;border-radius:14px;padding:24px;color:var(--ink);background:var(--panel);box-shadow:0 20px 70px #0006}dialog::backdrop{background:#07112699}.license-badge{display:inline-block;background:#8b5cf6;color:#fff;padding:6px 9px;border-radius:6px;font-weight:bold}.license-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.license-grid span,.attribution{padding:10px;background:var(--paper);border-radius:8px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#172238;color:#fff;border-radius:8px;padding:10px 14px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:1050px){.workspace,.build{grid-template-columns:250px 1fr}.settings{grid-column:1/-1}.library{position:static;height:auto;max-height:none}.build>.sheet-preview{grid-column:2}.build>.panel:last-child{grid-column:1/-1}}@media(max-width:700px){header,.hero{padding-left:14px;padding-right:14px}.brand small,#save-status{display:none}.hero{display:block;padding-top:22px}.workspace,.build{display:block;padding:14px}.workspace>.panel{margin-bottom:14px}.header-actions button{padding:5px;font-size:12px}.license-grid{grid-template-columns:1fr}.sheet-preview-wrap{min-height:300px}}
#categories{margin-bottom:13px;padding-bottom:3px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap}#categories::-webkit-scrollbar{display:none}#categories button{flex:0 0 auto;white-space:nowrap}.library{max-height:calc(100vh - 118px);max-height:calc(100dvh - 118px);height:auto;top:90px;overflow:auto;scrollbar-width:thin}.icon-grid{max-height:min(50vh,590px);padding:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.icon-card{min-width:0;aspect-ratio:1;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.icon-card img{width:46px;max-width:76%;height:46px;max-height:62%;object-fit:contain}.icon-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.icon-card.active{outline:2px solid var(--brand)}