/* The same charcoal controls, parchment results and gold details as character names. */
.creative-main{padding-bottom:64px}.creative-intro{max-width:820px;margin:20px 0;color:var(--ink);line-height:1.7}.creative-banner .banner-intro{position:relative;z-index:1}.creative-banner h1{margin:0;font-family:Georgia,serif;max-width:960px}.creative-banner .launch-image{height:clamp(220px,19vw,290px)}.creative-banner .launch-art{object-fit:cover;opacity:1}.creative-layout{display:grid;grid-template-columns:clamp(340px,30%,400px) minmax(0,1fr);gap:24px;margin:24px 0 32px;align-items:start}.creative-controls{min-width:0;display:flex;flex-direction:column;gap:20px;align-self:start;padding:20px;border:1px solid var(--line)}.creative-controls h2{margin:0;color:#e7c985;font:400 1.4rem/1.2 Georgia,serif}.creative-controls .creative-field{display:block;min-width:0}.creative-controls .field-label,.creative-controls label{display:block;margin-bottom:9px;color:#ddd2b9;font-size:.8rem;font-weight:600}.creative-controls input,.creative-controls select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #596269;border-radius:2px;background:#111d25;color:#eee5d1;font:inherit}.creative-controls label input{margin-top:10px}.creative-controls .generate{width:100%;margin:4px 0 0;min-height:52px}.creative-controls #creative-status{margin:0;color:#c7bea9;font-size:.8rem;line-height:1.6}.creative-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.creative-choices .choice-option{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:48px;padding:8px;text-align:left;font-size:.75rem;line-height:1.3;white-space:normal}.creative-choices .choice-option span{min-width:0;overflow-wrap:normal}.creative-choices img{width:30px;height:30px;flex:0 0 30px;border:1px solid #8e7952;border-radius:3px;object-fit:cover}.creative-choices .choice-option[aria-pressed=true]::after{display:none}#field-style .creative-choices,#field-tone .creative-choices,#field-body .creative-choices,#field-allegiance .creative-choices,#field-length .creative-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-field .profession-picker{width:100%}.creative-field .profession-menu{z-index:30}.creative-field .profession-menu .choice-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:.85rem}.creative-field .profession-menu .choice-option[aria-pressed=true]{background:#38382c;color:#e7c985}.creative-field .profession-trigger{font-size:.85rem}.creative-results{padding:24px;min-width:0}.creative-results .results-head{display:block;padding-bottom:18px;margin-bottom:8px}.creative-results .results-head h2{padding:0;font-size:1.75rem}.creative-card{padding:20px 0;margin:0;border:0;border-bottom:1px solid #9e8963;border-radius:0;background:transparent;overflow-wrap:anywhere}.creative-card h3{margin:0 0 12px;color:#342817;font:700 1.4rem/1.3 Georgia,serif}.creative-card p{margin:10px 0;color:#51432e;font-size:.92rem;line-height:1.8}.creative-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}.creative-card .name-action{min-height:40px;gap:6px;padding:6px 0;border:0;background:transparent;box-shadow:none;color:#563b16;font-size:.78rem}.creative-card .name-action:hover{color:#6e4714;text-decoration:underline}.creative-card .name-action svg{width:16px;height:16px}.creative-hook{border-left:3px solid #8e6a2c;padding-left:14px;font-style:italic}.creative-saved{margin-top:24px;padding-top:12px;border-top:1px solid #8b7651}.creative-saved summary{position:static;cursor:pointer;padding:8px 0;color:#51432e;font:400 1.15rem/1.3 Georgia,serif}.creative-saved ul{list-style:none;padding:0;margin:0}.creative-saved .creative-card strong{display:block;margin-bottom:8px}.creative-saved .creative-card .name-action{margin-right:18px}.story-text{white-space:pre-wrap}.creative-main .link-section p{line-height:1.8}.creative-main .breadcrumbs ol{display:flex;gap:12px;list-style:none;padding:0;flex-wrap:wrap}.creative-main .breadcrumbs li{display:flex;gap:12px}.creative-controls input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1000px){.creative-layout{grid-template-columns:300px minmax(0,1fr);gap:18px}.creative-controls,.creative-results{padding:18px}.creative-choices .choice-option{flex-wrap:wrap;gap:6px}.creative-choices .choice-option[aria-pressed=true]::after{display:none}}
@media(max-width:760px){.creative-layout{grid-template-columns:minmax(0,1fr);gap:20px}.creative-banner .launch-image{min-height:220px;height:auto}.creative-banner .banner-intro{padding-block:30px}.creative-banner h1{font-size:clamp(2rem,8vw,2.8rem)}.creative-controls,.creative-results{padding:20px}.creative-choices .choice-option{flex-wrap:nowrap;min-height:52px}.creative-choices{gap:6px}.creative-choices .choice-option{font-size:.72rem}.creative-choices img{width:26px;height:26px;flex-basis:26px}.creative-card h3{font-size:1.3rem}.creative-card .name-action{min-height:44px}.creative-card p{font-size:.9rem}}


/* Keep Classic scenery visible, with shading concentrated behind the title. */
.creative-banner .launch-image::after{background:linear-gradient(0deg,#0b141b 0%,#0b141be6 12%,#0b141b66 38%,transparent 70%),linear-gradient(90deg,#0610179e 0%,#06101766 35%,#0610171f 70%,transparent 100%)}
@media(max-width:600px){.creative-banner .launch-image::after{background:linear-gradient(0deg,#0b141b 0%,#0b141be6 15%,#06101766 55%,#06101714 100%)}}