:root{color-scheme:dark;--bg:#101115;--panel:#191b21;--line:#30333d;--text:#f0f0f4;--muted:#a4a8b7;--gold:#f8bf63;--pink:#f58fb7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{max-width:1260px;margin:auto;padding:32px}header,.brand,.section-head,.toolbar,.output-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:30px}.brand{justify-content:flex-start}.mark{display:grid;place-items:center;width:48px;height:48px;background:var(--gold);color:#211605;border-radius:12px;font-weight:850;letter-spacing:-2px}h1{font-size:24px;letter-spacing:-.7px;margin:0}h2{font-size:18px;margin:0;font-weight:650}h2 span{color:var(--gold);font-size:14px;margin-right:12px}p{margin:0}.brand p,.muted,small,footer{color:var(--muted);font-size:14px}.badge{border:1px solid var(--line);border-radius:5px;font-size:12px;letter-spacing:1px;padding:5px 9px;color:var(--muted)}.gold{color:var(--gold);background:#302719;border-color:#685030}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.section-head{margin-bottom:22px}label{display:block;font-size:14px;margin-bottom:8px;color:#d6d8e0}input,select,textarea{font:inherit;width:100%;color:var(--text);background:#111318;border:1px solid #3c404c;border-radius:6px;padding:11px 12px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input::placeholder,textarea::placeholder{color:#858b9d}button{font:600 14px/1.5 system-ui;white-space:nowrap;cursor:pointer;padding:12px 18px;border:1px solid transparent;border-radius:6px;background:var(--gold);color:#221808}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}.quiet{background:transparent;color:#d9dbe6;border-color:var(--line);padding:8px 12px}.input-row{display:flex;gap:12px}.selectors{display:grid;grid-template-columns:1.3fr 1fr auto;gap:16px;align-items:end;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.workspace{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(400px,1.4fr);gap:20px;margin-top:20px}.toolbar{font-size:14px;gap:8px;margin:14px 0 8px}.toolbar .muted{margin-left:auto}.category-note{color:var(--muted);font-size:12px;line-height:1.4;margin:0 0 12px}.spell-list{height:430px;overflow:auto;scrollbar-gutter:stable}.spell-group{margin-bottom:12px}.spell-group-title{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:7px 8px;background:#15171c;border-bottom:1px solid var(--line);color:#d6d8e0;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.spell-group.selected .spell-group-title{color:var(--gold);background:#211d16}.spell{display:flex;align-items:center;gap:10px;padding:10px 8px;margin:0;border-bottom:1px solid #292c34;cursor:pointer}.spell:hover{background:#222530}.spell input,.check input{width:17px;height:17px;accent-color:var(--gold);flex-shrink:0}.spell-icon{width:32px;height:32px;border-radius:5px;object-fit:cover;background:#0d0f13;border:1px solid #3c404c;flex:0 0 32px}.spell-icon.placeholder{display:grid;place-items:center;color:#666b7a;font-size:12px}.spell-title{min-width:0}.spell .spell-name{display:block;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell .spell-id{display:block;color:var(--muted);font-size:12px}.spell .uses{margin-left:auto;color:var(--pink);font-size:14px;white-space:nowrap}.empty{color:var(--muted);font-size:14px;padding:45px 15px;text-align:center}.options{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:9px;margin:18px 0}textarea{resize:vertical;min-height:275px;font:14px/1.8 ui-monospace,monospace;color:#f8d89e;background:#0d0f13}.output-footer{margin-top:14px;flex-wrap:wrap}.output-footer>div{display:flex;gap:8px}.warning{font-size:13px;color:#c5b18c;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#status{font-size:14px;color:var(--muted);margin-top:15px}#status.error{color:#ffa4a4}#status.demo{color:var(--gold)}details{margin-top:12px}summary{cursor:pointer;font-size:14px;color:var(--muted)}details label{margin-top:12px}small{display:block;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;margin:22px 0}a{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){main{padding:20px}.workspace{grid-template-columns:1fr}.selectors{grid-template-columns:1fr 1fr}.selectors button{grid-column:1/-1}.spell-list{height:320px}footer{display:block}footer a{display:block;margin-top:8px}}@media(max-width:500px){main{padding:14px}.panel{padding:18px}header>.badge{display:none}.input-row,.options{display:grid;grid-template-columns:1fr}.selectors{grid-template-columns:1fr}.output-footer{align-items:flex-start;flex-direction:column}.brand p{font-size:12px}.spell-list{height:280px}}