/* Storybound studio chrome. Card artwork and proof geometry retain their own styles. */
body.legend-story-builder{--story-cyan:#77e8f4;--story-violet:#b88aff;--story-text:#f6f4ff;color:var(--story-text);background:#0c1024;color-scheme:dark}
body.legend-story-builder::before{background:radial-gradient(ellipse at 8% 24%,#30bed738,transparent 45%),radial-gradient(ellipse at 92% 72%,#8d56df4a,transparent 53%),linear-gradient(145deg,#0c1024,#151636 60%,#0d1730)}
body.legend-story-builder header{background:#11152df0;border-bottom-color:#77e8f444}
body.legend-story-builder header .brand{color:#ecfdff;font-family:Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.14em;text-shadow:0 0 19px #77e8f46b}
body.legend-story-builder header .back{color:#a4edf5}
body.legend-story-builder .preview{isolation:isolate;background:radial-gradient(ellipse at 50% 46%,#5d57b935,transparent 56%)}
body.legend-story-builder .preview::before{content:"";position:absolute;z-index:-1;inset:7% 16%;border-radius:50%;background:radial-gradient(ellipse,#73e5ee24,#9d69eb1d 42%,transparent 72%);pointer-events:none}
body.legend-story-builder .preview-tools{justify-content:center}
body.legend-story-builder .preview-tools button,body.legend-story-builder .review-sides button{color:#e6faff;border-color:#89e6f37a!important}
body.legend-story-builder .preview-tools button[aria-pressed=true],body.legend-story-builder .review-sides button[aria-pressed=true]{color:#10162b;background:linear-gradient(145deg,#98edf6,#b8a0fb)!important}
body.legend-story-builder .editor{background:linear-gradient(118deg,#ffffff10 0 13%,transparent 13.2% 78%,#ffffff0a 78.2%),linear-gradient(175deg,#283259f0,#161b3ef0 44%,#101831f2 44.3%)!important;border-color:#a1bcff6b!important;border-top-color:#dcf9ffb3!important;box-shadow:inset 0 1px 0 #ffffff70,0 18px 40px #0008!important}
body.legend-story-builder .tabs{border-color:#78dfe865;background:#0c1534ba!important}
body.legend-story-builder .tabs button{color:#d1d1ec}
body.legend-story-builder .tabs button[aria-pressed=true]{background:linear-gradient(150deg,#6de0e754,#9468dd43 52%,#141d44c9)!important;border:1px solid #a2f4ffad!important;color:#fff;box-shadow:inset 0 1px 0 #ffffff80,0 0 15px #77e8f429!important;font-weight:700}
body.legend-story-builder .editor h3,body.legend-story-builder .character-workspace h3{color:#f8f5ff}
body.legend-story-builder .editor .eyebrow{color:#9af2f9}
body.legend-story-builder .editor :is(.muted,.note p,details p,.outfit-grid small,.style-choice small,.finish-note,.finish-option small,.color-row span){color:#d0cfea}
body.legend-story-builder .editor :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){background:#0d1533c9;border-color:#a7a7ea72;color:#f7f6ff}
body.legend-story-builder .editor :is(input,select,textarea):focus-visible,body.legend-story-builder :is(button,a,summary):focus-visible{outline-color:var(--story-cyan)}
body.legend-story-builder .editor :is(.outfit-grid button,.style-choice,.finish-option){border-color:#9aa9e96e!important;color:#f7f5ff}
body.legend-story-builder .editor :is(.outfit-grid button[aria-pressed=true],.style-choice[aria-pressed=true],.finish-option:has(input:checked)){background:linear-gradient(150deg,#77e8f42b,#b88aff25)!important;border-color:#9ef3fb!important;box-shadow:inset 0 1px 0 #ffffff63,0 0 0 1px #77e8f42c!important}
body.legend-story-builder .editor :is(.note,.example-note,.review-summary){background:#9d92ed17;border-color:#a3b4ee57;color:#deddf4}
body.legend-story-builder .editor :is(summary,.text-button,.change-photo){color:#9cecf6}
body.legend-story-builder .editor :is(details,.finish-picker,.card-text-section,.reference-photo){border-color:#a5b0df5c}
body.legend-story-builder .editor input[type=range],body.legend-story-builder .editor input[type=checkbox]{accent-color:var(--story-cyan)}
body.legend-story-builder .editor-footer{background:linear-gradient(170deg,#90e8f414,#131c3ff0)!important;border-color:#a1bcff68!important;color:#d1d4ee}
body.legend-story-builder .editor-footer #next{background:linear-gradient(145deg,#a3f3f8 0%,#83d8ef 47%,#b8a0fa 100%)!important;border-color:#dcfcff!important;color:#10152d!important;box-shadow:inset 0 1px 0 #fff,0 5px 15px #6049ba69!important}
@media(max-width:1100px) and (orientation:portrait){body.legend-story-builder main{grid-template-rows:44% minmax(0,1fr)}body.legend-story-builder .preview{padding-top:12px}body.legend-story-builder .preview-tools{gap:6px}body.legend-story-builder .preview-tools button{min-height:44px}body.legend-story-builder .editor{border-radius:20px 20px 0 0}}
@media(max-width:430px){body.legend-story-builder .preview-tools button{padding:6px 8px;font-size:10px}body.legend-story-builder .tabs button{font-size:12px}}
@media(prefers-reduced-transparency:reduce){body.legend-story-builder .editor{background:#192044!important}}
@media(prefers-reduced-motion:reduce){body.legend-story-builder .editor *,body.legend-story-builder .preview-tools *{transition:none!important}}
/* Keep navigation and the running card total visible above the scrolling builder panels. */
body.legend-story-builder{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body.legend-story-builder>.web-preview-nav{display:none}
body.legend-story-builder>header:not(.legend-global-nav){height:auto;min-height:70px;flex:none;gap:12px;flex-wrap:wrap;padding-block:8px}
body.legend-story-builder main{height:auto;min-height:0;flex:1;width:100%}
body.legend-story-builder .storybound-price-glance{width:min(250px,100%);margin:0 0 0 auto;padding:6px 10px}
body.legend-story-builder .storybound-price-glance small{display:none}
body.legend-story-builder .tabs{overflow-x:auto;scrollbar-width:thin}
body.legend-story-builder .tabs button{flex:0 0 auto;min-width:72px}
@media(max-width:700px){body.legend-story-builder>header:not(.legend-global-nav){min-height:0;padding:7px 12px;gap:5px 12px}body.legend-story-builder>header:not(.legend-global-nav) .storybound-price-glance{width:100%;margin:3px 0 0}body.legend-story-builder>header:not(.legend-global-nav) .edition{display:none}}

/* Short windows need a full editor, with page scrolling instead of a trapped strip. */
@media(max-height:600px){
  body.legend-story-builder{height:auto;min-height:100dvh;overflow:auto}
  body.legend-story-builder main{flex:none;min-height:640px}
}
body.legend-story-builder .panels{scroll-padding-block:12px}
body.legend-story-builder .tab-panel h3:focus-visible{outline:3px solid var(--story-cyan);outline-offset:3px}