:root{--sorc-panel:#111014;--sorc-line:rgba(175,126,220,.16);--sorc-violet:#a97bd5;--sorc-bone:#e9ddcc;--sorc-muted:#9f95a5}
.sorcery-creator-page{background:radial-gradient(circle at 18% 12%,rgba(107,58,145,.14),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(130,38,52,.1),transparent 26rem),#09090b;color:var(--sorc-bone)}
.sorc-shell{max-width:1500px;margin:0 auto;padding:calc(var(--ab-nav-h,72px) + 2rem) clamp(1rem,3vw,2.5rem) 5rem}
.sorc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:2rem;align-items:center;min-height:430px;padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--sorc-line);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,rgba(17,12,22,.98),rgba(10,9,12,.88) 62%,rgba(15,8,12,.92)),radial-gradient(circle at 80% 40%,rgba(169,123,213,.1),transparent 24rem);box-shadow:0 40px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025)}
.sorc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(169,123,213,.08) 1px,transparent 1px),linear-gradient(rgba(169,123,213,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 72%);opacity:.23;pointer-events:none}
.sorc-hero-copy,.sorc-hero-seal{position:relative;z-index:1}.sorc-eyebrow,.sorc-kicker{display:block;color:var(--sorc-violet);font-family:'Cinzel',serif;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700}
.sorc-hero h1{margin:.65rem 0 1rem;font-family:'Cinzel Decorative',serif;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.95;font-weight:500;letter-spacing:-.035em;color:#f1e7d8;text-wrap:balance}.sorc-hero p{max-width:840px;margin:0;color:#bbb0bd;font-family:'Noto Serif',serif;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.8}
.sorc-hero-actions,.sorc-rule-chips,.sorc-output-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.sorc-rule-chips span{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .7rem;border:1px solid rgba(169,123,213,.14);border-radius:999px;background:rgba(255,255,255,.018);color:#b4a8ba;font:600 .68rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.07em}.sorc-rule-chips i{color:var(--sorc-violet)}
.sorc-hero-seal{display:flex;justify-content:center}.sorc-seal-ring{width:min(260px,70vw);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(169,123,213,.24);box-shadow:0 0 0 14px rgba(169,123,213,.018),0 0 70px rgba(98,54,133,.16),inset 0 0 40px rgba(169,123,213,.04);background:radial-gradient(circle,rgba(42,26,55,.28),rgba(9,9,11,.5) 70%)}.sorc-seal-ring img{width:72px;height:72px;object-fit:contain;margin-bottom:.8rem;filter:drop-shadow(0 0 18px rgba(139,26,26,.36))}.sorc-seal-ring span{font:600 .68rem 'Cinzel',serif;letter-spacing:.22em;color:#9e8aaa}.sorc-seal-ring strong{font:500 1.5rem 'Cinzel Decorative',serif;letter-spacing:.12em;color:#dbc7e8;margin-top:.35rem}
.sorc-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1rem;border:1px solid rgba(169,123,213,.18);border-radius:8px;background:rgba(255,255,255,.018);color:#d8cddd;text-decoration:none;font:600 .72rem 'Cinzel',serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.18s ease}.sorc-btn:hover{transform:translateY(-1px);border-color:rgba(169,123,213,.36);background:rgba(169,123,213,.065);color:#fff}.sorc-btn-primary{background:linear-gradient(135deg,#7650a3,#59356f);border-color:rgba(196,151,235,.35);color:#fff;box-shadow:0 12px 30px rgba(83,42,111,.2)}.sorc-btn-danger{border-color:rgba(174,72,83,.25);color:#d98e97}
.sorc-reference{display:grid;grid-template-columns:minmax(240px,.6fr) 1.4fr;gap:2rem;align-items:center;margin:1.4rem 0;padding:1.35rem 1.5rem;border-left:2px solid rgba(169,123,213,.36);background:linear-gradient(90deg,rgba(169,123,213,.055),rgba(255,255,255,.01));border-radius:0 12px 12px 0}.sorc-reference h2,.sorc-step-head h2{margin:.35rem 0 0;font:500 clamp(1.4rem,2.3vw,2.15rem) 'Cinzel',serif;color:#eadfd0}.sorc-reference p,.sorc-step-head p{margin:0;color:#aaa0ad;font:400 .95rem/1.75 'Noto Serif',serif}
.sorc-forge{border:1px solid var(--sorc-line);border-radius:18px;background:linear-gradient(180deg,rgba(17,16,20,.985),rgba(9,9,11,.99));overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.28)}.sorc-forge-top{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.2rem 1.4rem .95rem;background:rgba(255,255,255,.012)}.sorc-forge-top>div:first-child{display:grid;gap:.2rem}.sorc-forge-top strong{font:600 1rem 'Cinzel',serif;color:#e8ddcf}.sorc-forge-top small{color:var(--sorc-muted);font:.78rem 'Noto Serif',serif}.sorc-progress-copy{display:flex;gap:.7rem;align-items:center;color:#8e8297;font:600 .68rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.08em}.sorc-progress-copy strong{color:var(--sorc-violet);font-size:.78rem}.sorc-progress-track{height:2px;background:rgba(255,255,255,.035)}.sorc-progress-track span{display:block;height:100%;width:16.666%;background:linear-gradient(90deg,#68468e,#b17ee0);box-shadow:0 0 18px rgba(169,123,213,.3);transition:width .25s ease}
.sorc-steps{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--sorc-line);background:#0d0c0f}.sorc-steps button{position:relative;display:grid;gap:.17rem;padding:1rem .85rem;text-align:left;border:0;border-right:1px solid rgba(255,255,255,.035);background:none;color:#706978;cursor:pointer;min-width:0}.sorc-steps button span{font:700 .62rem 'Cinzel',serif;color:#65596f;letter-spacing:.14em}.sorc-steps button strong{font:600 .74rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.08em;color:#93899b}.sorc-steps button small{font:.69rem 'Noto Serif',serif;color:#665f6d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sorc-steps button.active,.sorc-steps button.done{background:linear-gradient(180deg,rgba(169,123,213,.07),transparent)}.sorc-steps button.active strong{color:#eee4f5}.sorc-steps button.active span,.sorc-steps button.done span{color:var(--sorc-violet)}.sorc-steps button.active:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:1px;background:var(--sorc-violet);box-shadow:0 0 8px rgba(169,123,213,.45)}
.sorc-step{display:none;padding:clamp(1.35rem,3vw,2.4rem)}.sorc-step.visible{display:block;animation:sorcFade .22s ease}@keyframes sorcFade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.sorc-step-head{max-width:900px;margin-bottom:1.4rem}.sorc-step-head p{margin-top:.6rem}
.sorc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sorc-form-grid label,.sorc-signature{display:grid;gap:.45rem}.sorc-form-grid .wide{grid-column:1/-1}.sorc-form-grid label>span,.sorc-signature>span{font:600 .7rem 'Cinzel',serif;letter-spacing:.09em;text-transform:uppercase;color:#a79baa}.sorc-form-grid input,.sorc-form-grid textarea,.sorc-signature input{width:100%;box-sizing:border-box;border:1px solid rgba(169,123,213,.13);border-radius:8px;background:#0b0b0e;color:#e8dfe8;padding:.82rem .9rem;font:400 .93rem/1.65 'Noto Serif',serif;outline:none;transition:.16s}.sorc-form-grid textarea{resize:vertical;min-height:110px}.sorc-form-grid input:focus,.sorc-form-grid textarea:focus,.sorc-signature input:focus{border-color:rgba(169,123,213,.55);box-shadow:0 0 0 3px rgba(169,123,213,.07)}.sorc-form-grid input::placeholder,.sorc-form-grid textarea::placeholder,.sorc-signature input::placeholder{color:#615967}
.sorc-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.sorc-class-grid button{position:relative;min-height:170px;padding:1rem;text-align:left;border:1px solid rgba(169,123,213,.12);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.006));color:#ccc0d1;cursor:pointer;transition:.18s}.sorc-class-grid button:hover{transform:translateY(-2px);border-color:rgba(169,123,213,.34);background:rgba(169,123,213,.04)}.sorc-class-grid button.selected{border-color:rgba(169,123,213,.58);box-shadow:0 0 0 1px rgba(169,123,213,.12),0 16px 36px rgba(72,37,96,.16);background:linear-gradient(180deg,rgba(125,82,173,.12),rgba(255,255,255,.01))}.sorc-class-grid i{display:block;color:var(--sorc-violet);font-size:1.2rem;margin-bottom:.75rem}.sorc-class-grid strong{display:block;font:600 .82rem 'Cinzel',serif;color:#eee2f2}.sorc-class-grid small{display:block;margin-top:.18rem;color:#8e7c97;font:600 .64rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.08em}.sorc-class-grid p{margin:.7rem 0 0;color:#8f8593;font:400 .8rem/1.5 'Noto Serif',serif}.sorc-selected-path{margin:1rem 0;padding:.75rem 1rem;border-left:2px solid rgba(169,123,213,.5);background:rgba(169,123,213,.035);color:#ac9db4;font:.84rem/1.6 'Noto Serif',serif}.sorc-selected-path strong{color:#e8ddec}
.sorc-agreements{display:grid;gap:.72rem}.sorc-agreements label{display:grid;grid-template-columns:22px 1fr;gap:.8rem;padding:.9rem;border:1px solid rgba(169,123,213,.1);border-radius:9px;background:rgba(255,255,255,.012);cursor:pointer}.sorc-agreements input{margin-top:.18rem;accent-color:#8c60b8}.sorc-agreements strong{display:block;font:600 .75rem 'Cinzel',serif;color:#ded1e4;text-transform:uppercase;letter-spacing:.07em}.sorc-agreements small{display:block;margin-top:.25rem;color:#8f8593;font:.79rem/1.55 'Noto Serif',serif}.sorc-signature{max-width:520px;margin-top:1rem}
.sorc-nav-row{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.045)}.sorc-output{white-space:pre-wrap;word-break:break-word;margin:1rem 0 0;padding:1.2rem;max-height:650px;overflow:auto;border:1px solid rgba(169,123,213,.15);border-radius:10px;background:#08080a;color:#cfc4d1;font:400 .87rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.sorc-class-reference{margin-top:1.5rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(169,123,213,.1);border-radius:16px;background:rgba(13,12,16,.82)}.sorc-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:1rem}.sorc-reference-grid article{padding:.85rem;border:1px solid rgba(169,123,213,.09);border-radius:8px;background:rgba(255,255,255,.012)}.sorc-reference-grid strong{display:block;color:#e4d8e8;font:600 .72rem 'Cinzel',serif;text-transform:uppercase;letter-spacing:.08em}.sorc-reference-grid span{display:block;margin-top:.28rem;color:#7f7486;font:.74rem 'Noto Serif',serif}.sorc-field-error{border-color:rgba(196,70,82,.65)!important;box-shadow:0 0 0 3px rgba(196,70,82,.07)!important}.sorc-toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:1000;padding:.8rem 1rem;border:1px solid rgba(169,123,213,.25);border-radius:8px;background:#111014;color:#e8ddec;box-shadow:0 15px 45px rgba(0,0,0,.35);font:.8rem 'Noto Serif',serif}
@media(max-width:1100px){.sorc-class-grid,.sorc-reference-grid{grid-template-columns:repeat(2,1fr)}.sorc-steps{overflow-x:auto;grid-template-columns:repeat(6,minmax(145px,1fr))}.sorc-hero{grid-template-columns:1fr}.sorc-hero-seal{display:none}}@media(max-width:720px){.sorc-shell{padding-inline:.8rem}.sorc-hero{padding:1.45rem;min-height:0}.sorc-reference{grid-template-columns:1fr;gap:.7rem}.sorc-form-grid,.sorc-class-grid,.sorc-reference-grid{grid-template-columns:1fr}.sorc-forge-top{align-items:start}.sorc-progress-copy{flex-direction:column;gap:.1rem;align-items:end}.sorc-step{padding:1rem}.sorc-nav-row{flex-direction:column-reverse}.sorc-nav-row .sorc-btn{width:100%}.sorc-output-actions .sorc-btn{width:100%}}@media(prefers-reduced-motion:reduce){.sorc-step.visible{animation:none}.sorc-btn,.sorc-class-grid button{transition:none}}