.generator-header .desktop-nav{gap:clamp(22px,3.2vw,54px)}
.generator-hero{min-height:610px;padding:clamp(80px,10vw,145px) max(4vw,50vw - 720px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.46fr);gap:clamp(50px,9vw,150px);align-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.generator-hero h1,.control-heading h2,.generator-output h2,.method-intro h2,.reference-heading h2,.generator-cta h2{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0;line-height:.92}
.generator-hero h1{font-size:clamp(4.4rem,8.5vw,9.2rem);max-width:970px}
.generator-hero h1 span{color:var(--steel)}
.generator-lead{max-width:760px;color:var(--silver);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.75;margin:32px 0}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chips span,.method-badge{border:1px solid var(--line);padding:9px 12px;color:var(--silver);font:650 .64rem/1.2 var(--font-geist-mono),monospace;letter-spacing:.12em;text-transform:uppercase}
.hero-rune{position:relative;filter:drop-shadow(0 0 42px #c7663242)}.hero-rune:before{content:"";position:absolute;inset:16%;background:#8b3f3233;filter:blur(70px);border-radius:50%}.hero-rune img{position:relative;max-height:420px;object-fit:contain}
.generator-shell{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);border-bottom:1px solid var(--line)}
.generator-controls,.generator-output{padding:clamp(55px,6vw,95px) max(4vw,50vw - 720px)}
.generator-controls{background:var(--panel);border-right:1px solid var(--line)}
.control-heading h2,.generator-output h2{font-size:clamp(2.4rem,4vw,4.4rem)}
.field{display:grid;gap:10px;margin-top:28px}.field>span{font-weight:650;font-size:.82rem;letter-spacing:.04em}.field input,.field select{width:100%;min-height:58px;padding:0 16px;border:1px solid #a9b0b252;background:#0d0f10;color:var(--bone);outline:none;transition:border-color .18s,box-shadow .18s}.field input{font-size:1.15rem;letter-spacing:.08em}.field input:focus,.field select:focus{border-color:var(--steel);box-shadow:0 0 0 3px #436d8b2b}.field select:disabled{opacity:.48;cursor:not-allowed}.field small{color:var(--muted);font-size:.72rem;line-height:1.5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;color:var(--muted);font-size:.72rem}.sample-row button{cursor:pointer;border:1px solid var(--line);padding:7px 10px;color:var(--silver);background:#0d0f1045}.sample-row button:hover,.sample-row button:focus-visible{border-color:var(--steel);color:var(--bone)}
.privacy-note{border-left:2px solid var(--rust);margin-top:28px;padding:4px 0 4px 15px;color:var(--muted);font-size:.76rem;line-height:1.6}.privacy-note b{color:var(--bone)}
.generator-output{background:radial-gradient(circle at 80% 0,#436d8b1a,transparent 30rem),var(--ink)}.output-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.method-badge{white-space:nowrap;color:var(--bone);border-color:#436d8b8c;background:#436d8b21}
.rune-stage{min-height:310px;margin:35px 0 24px;padding:34px 26px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(4px,1vw,14px);background:linear-gradient(145deg,#151819,#0b0d0e);border:1px solid var(--line);position:relative;overflow:hidden}.rune-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#ffffff05 80px);pointer-events:none}.rune-card{position:relative;width:clamp(65px,7.2vw,112px);display:grid;place-items:center}.rune-card img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 9px #c766323a)}.rune-card small{color:var(--muted);font:600 .56rem/1 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.08em}.rune-divider{position:relative;min-width:22px;height:52px;display:grid;place-items:center;color:var(--rust);font-size:1.25rem}.empty-result{position:relative;color:var(--muted);text-align:center;line-height:1.7}
.result-data{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.result-data div{min-width:0;padding:15px 17px}.result-data div+div{border-left:1px solid var(--line)}.result-data span{display:block;color:var(--muted);font:600 .58rem/1.2 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.result-data strong{display:block;overflow-wrap:anywhere;font-size:.82rem}.unicode-result{font-size:1.15rem!important;letter-spacing:.12em}
.decision-log{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.decision-log span{padding:6px 9px;border:1px solid #8b3f3261;background:#8b3f3215;color:#c9c6bd;font:600 .61rem/1.2 var(--font-geist-mono),monospace}.result-warning{color:var(--muted);font-size:.75rem;line-height:1.65;margin:18px 0 0}.output-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.output-actions .button{cursor:pointer}.output-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.action-status{min-height:20px;margin:12px 0 0;color:var(--silver);font-size:.72rem}
.method-section,.rune-reference{padding:clamp(90px,10vw,150px) max(4vw,50vw - 720px)}.method-section{background:var(--panel)}.method-intro h2,.reference-heading h2,.generator-cta h2{font-size:clamp(3.4rem,6vw,7rem)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}.method-grid article{background:var(--panel);padding:32px 27px;min-height:275px}.method-grid article>span{color:var(--rust);font:700 .66rem/1 var(--font-geist-mono),monospace}.method-grid h3{font-size:1.35rem;margin:35px 0 15px}.method-grid p,.reference-heading>p,.generator-cta>p{color:var(--silver);line-height:1.75;font-size:.9rem}.method-link{display:inline-flex;gap:20px;border-bottom:1px solid var(--steel);padding-bottom:7px;margin-top:35px;font-size:.84rem}
.rune-reference{background:var(--ink)}.reference-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;margin-bottom:50px}.reference-heading>p{max-width:530px}.rune-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.reference-card{border:1px solid var(--line);background:var(--panel);padding:16px;transition:transform .18s,border-color .18s}.reference-card:hover{transform:translateY(-4px);border-color:#436d8b8c}.reference-card img{aspect-ratio:1;object-fit:contain;max-height:165px;filter:drop-shadow(0 0 8px #c766322e)}.reference-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:11px}.reference-meta strong{font-size:.76rem}.reference-meta span{color:var(--muted);font-size:.92rem}
.generator-cta{text-align:center;padding:clamp(100px,12vw,175px) 5vw;background:linear-gradient(#0d0f10dd,#0d0f10f4),url("../assets/elemental-vegvisir.webp") 50%/cover;border-top:1px solid var(--line)}.generator-cta h2{max-width:950px;margin:0 auto}.generator-cta>p{max-width:650px;margin:25px auto 34px}.generator-cta .button{margin:auto}
@media(max-width:1100px){.generator-shell{grid-template-columns:1fr}.generator-controls{border-right:0;border-bottom:1px solid var(--line)}.method-grid{grid-template-columns:repeat(2,1fr)}.rune-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.generator-hero{grid-template-columns:1fr}.hero-rune{display:none}.output-top,.reference-heading{display:grid;grid-template-columns:1fr}.method-badge{justify-self:start}.result-data{grid-template-columns:1fr}.result-data div+div{border-left:0;border-top:1px solid var(--line)}.rune-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.generator-hero,.generator-controls,.generator-output,.method-section,.rune-reference{padding-left:20px;padding-right:20px}.generator-hero{min-height:auto}.generator-hero h1{font-size:clamp(3.8rem,19vw,6rem)}.field-grid,.method-grid{grid-template-columns:1fr}.rune-stage{min-height:260px;padding:25px 12px}.rune-card{width:clamp(58px,19vw,86px)}.output-actions,.output-actions .button{width:100%}.rune-grid{grid-template-columns:repeat(2,1fr)}.method-grid article{min-height:0}.reference-heading{gap:20px}}