body.fun-page:has(.creator){background:#080808;color:#fff}
body.fun-page:has(.creator) .fun-shell{max-width:1320px;width:calc(100% - 36px);padding:24px 0 80px}
.creator{font-family:"Atkinson Hyperlegible",Arial,Helvetica,sans-serif;color:#fff;font-size:17px;line-height:1.5}
.creator *{box-sizing:border-box}
.creator button{font:inherit;cursor:pointer}
.creator-back{display:inline-block;color:#fff;font-weight:800;text-decoration:none;padding:8px 0;border-bottom:3px solid #f0182b;margin-bottom:30px}
.creator-back:hover,.creator-back:focus-visible{color:#ffc928}
.creator-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(105deg,#580a18,#1a070a 67%,#080808);padding:clamp(28px,5vw,64px);overflow:hidden}
.creator-heading h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.91;letter-spacing:-.06em;font-weight:900;margin:0 0 24px}
.creator-heading h1 em{font-style:normal;color:#f0182b}
.creator-heading p{font-size:19px;max-width:720px;margin:0}
.creator-heading-mark{font-size:clamp(7rem,17vw,17rem);color:#f0182b;opacity:.4;line-height:1}
.creator-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:20px;margin-top:22px;align-items:start}
.creator-preview{background:radial-gradient(circle at 50% 48%,#360910,#0e0e0e 70%);border:1px solid #444;position:sticky;top:16px}
.creator-preview-top,.creator-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;font-size:14px}
.creator-preview-top{border-bottom:1px solid #ffffff33}
.creator-preview-top span{color:#ffc928;font-weight:800}
.creator-art{min-height:410px;display:grid;place-items:center;padding:12px;background:repeating-linear-gradient(0deg,transparent 0 43px,#ffffff07 44px),repeating-linear-gradient(90deg,transparent 0 43px,#ffffff07 44px)}
.creator-art svg{width:min(100%,460px);height:auto;filter:drop-shadow(0 10px 35px #f0182b33)}
.creator-preview-bottom{border-top:1px solid #ffffff33}
.creator-preview-bottom button{background:transparent;border:1px solid #aaa;color:#fff;padding:10px 12px;font-weight:800}
.creator-preview-bottom button:hover,.creator-preview-bottom button:focus-visible{background:#ffc928;color:#050505;border-color:#ffc928}
.creator-editor{background:#1c1c1c;border-top:5px solid #f0182b;padding:clamp(20px,3vw,35px)}
.creator-editor-heading h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1;margin:0 0 10px}
.creator-editor-heading p{margin:0 0 24px;color:#ddd}
.creator-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:28px}
.creator-tabs button{border:1px solid #555;background:#292929;color:#fff;font-size:14px;font-weight:800;min-height:54px;padding:10px}
.creator-tabs button.active{background:#f0182b;border-color:#f0182b}
.creator-tabs button:hover,.creator-tabs button:focus-visible{outline:2px solid #ffc928;outline-offset:1px}
.creator-options h3{font-size:23px;margin:0 0 16px}
.creator-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.creator-option-grid button{text-align:left;display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:10px;align-content:start;min-height:108px;background:#101010;border:2px solid #555;color:#fff;padding:16px}
.creator-option-grid button.selected{border-color:#ffc928;background:#33250b}
.creator-option-grid button:hover,.creator-option-grid button:focus-visible{border-color:#ffc928}
.creator-option-dot{width:22px;height:22px;border:2px solid #999;display:grid;place-items:center;font-size:14px;grid-row:span 2}
.creator-option-grid button.selected .creator-option-dot{background:#ffc928;color:#050505;border-color:#ffc928}
.creator-option-grid strong{font-size:17px}
.creator-option-grid small{font-size:14px;color:#ccc;margin-top:5px}
.creator-editor-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:28px;border-top:1px solid #555;padding-top:22px}
.creator-editor-footer button{min-height:52px;padding:12px 18px;font-weight:900;border:1px solid #aaa;background:transparent;color:#fff}
.creator-editor-footer button:last-child{background:#f0182b;border-color:#f0182b}
.creator-editor-footer button:hover,.creator-editor-footer button:focus-visible{background:#ffc928;color:#050505;border-color:#ffc928}
.creator-result{background:linear-gradient(110deg,#4a0b16,#151515);border-top:6px solid #ffc928;padding:clamp(25px,5vw,55px);margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.creator-result[hidden]{display:none}
.creator-result>div>p:first-child{font-size:14px;color:#ffc928;font-weight:900}
.creator-result h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;margin:10px 0}
.creator-result-actions{display:grid;gap:10px}
.creator-result-actions button{background:#f0182b;border:1px solid #f0182b;color:#fff;font-weight:800;padding:14px 20px}
.creator-result-actions button:nth-child(2){background:transparent;border-color:#aaa}
.creator-result-actions button:hover,.creator-result-actions button:focus-visible{background:#ffc928;color:#050505}
.creator-energy{animation:creator-glow 3s ease-in-out infinite alternate}
@keyframes creator-glow{from{opacity:.5}to{opacity:1}}
@media(max-width:900px){.creator-workspace{grid-template-columns:1fr}.creator-preview{position:static}.creator-heading-mark{display:none}.creator-art{min-height:330px}.creator-art svg{max-height:440px}}
@media(max-width:500px){.creator-heading{padding:26px}.creator-heading h1{font-size:clamp(2.8rem,12vw,4rem)}.creator-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-option-grid{grid-template-columns:1fr}.creator-result{grid-template-columns:1fr}.creator-editor-footer{flex-direction:column}.creator-editor-footer button{width:100%}.creator-preview-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.creator-energy{animation:none}}