.cf10-workbench{margin:28px 0 36px;padding:20px;border:1px solid rgba(200,155,60,.22);background:linear-gradient(180deg,rgba(17,21,23,.96),rgba(7,10,12,.98));box-shadow:0 24px 70px rgba(0,0,0,.26)}
.cf10-workbench__head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}.cf10-workbench h2{margin:0;color:#e7d8bc;font:600 clamp(22px,3vw,34px) Cinzel,serif}.cf10-kicker{font-size:10px;letter-spacing:.14em;color:#b58a4e;text-transform:uppercase}
.cf10-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.cf10-control{display:grid;gap:6px}.cf10-control label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#92887c}.cf10-control input,.cf10-control select{width:100%;min-height:42px;background:#070a0c;color:#eee2cf;border:1px solid rgba(200,155,60,.22);padding:9px 11px;box-sizing:border-box}.cf10-control--wide{grid-column:span 2}
.cf10-button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.cf10-button-row button,.cf10-button-row a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid rgba(200,155,60,.24);background:#0a0e10;color:#e8ddcb;text-decoration:none;cursor:pointer}.cf10-button-row .is-gold{border-color:rgba(224,182,106,.52);background:linear-gradient(180deg,#6c3517,#30120c);color:#f6e6c1}
.cf10-generator-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.cf10-beat{padding:14px;border:1px solid rgba(200,155,60,.14);background:rgba(255,255,255,.018)}.cf10-beat strong{display:block;color:#e0b66a;font:600 13px Cinzel,serif;letter-spacing:.07em}.cf10-beat h3{margin:8px 0 7px;color:#efe3d2;font-size:16px}.cf10-beat p{margin:0;color:#988e82;font-size:11px;line-height:1.6}.cf10-beat small{display:block;margin-top:8px;color:#6f685e;font-size:10px}
.cf10-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.cf10-bank__group{padding:15px;border:1px solid rgba(200,155,60,.12);background:#090d10}.cf10-bank__group h3{margin:0 0 10px;color:#d6c6aa;font:600 14px Cinzel,serif}.cf10-chip-grid{display:flex;gap:8px;flex-wrap:wrap}.cf10-chip{padding:7px 9px;border:1px solid rgba(200,155,60,.16);background:#0b0f11;color:#bcb0a0;font-size:10px;cursor:pointer}.cf10-chip.is-active{color:#f0d39a;border-color:rgba(224,182,106,.5);box-shadow:0 0 18px rgba(200,155,60,.08)}
.cf10-checklist{margin-top:20px;border:1px solid rgba(200,155,60,.14);background:#090d10;padding:15px}.cf10-checklist__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.cf10-check{display:flex;gap:9px;align-items:flex-start;padding:9px;border:1px solid rgba(200,155,60,.08);background:rgba(255,255,255,.012);color:#bdb3a6;font-size:11px}.cf10-check input{margin-top:2px;accent-color:#c89b5a}.cf10-progress{height:6px;background:#101416;margin-top:12px;overflow:hidden}.cf10-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6c3517,#e0b66a);transition:width .25s ease}
.cf10-status{margin-top:10px;color:#8f877d;font-size:10px}.cf10-status[data-kind="ok"]{color:#b9c995}.cf10-status[data-kind="error"]{color:#d98d78}
.cf10-character-page{min-height:100vh;padding:120px 0 90px;background:radial-gradient(circle at 20% 15%,rgba(200,155,60,.07),transparent 30%),linear-gradient(180deg,#050708,#0a0d10 52%,#050607)}.cf10-character-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.cf10-back{display:inline-block;color:#a99883;text-decoration:none;font-size:10px;letter-spacing:.12em;margin-bottom:18px}.cf10-character-hero{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:26px;align-items:stretch}.cf10-character-art{min-height:430px;border:1px solid rgba(200,155,60,.2);background:#080c0e;overflow:hidden}.cf10-character-art img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}.cf10-character-copy{padding:28px;border:1px solid rgba(200,155,60,.17);background:linear-gradient(180deg,rgba(18,23,25,.96),rgba(8,11,13,.98));display:flex;flex-direction:column;justify-content:center}.cf10-character-copy h1{margin:8px 0 14px;color:#ecd9b5;font:600 clamp(32px,4vw,54px) Cinzel,serif}.cf10-character-summary{max-width:760px;color:#9d9487;line-height:1.8}.cf10-character-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.cf10-character-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:16px}.cf10-lore-panel,.cf10-profile-panel{padding:20px;border:1px solid rgba(200,155,60,.14);background:#090d10}.cf10-lore-panel h2,.cf10-materials h2{margin:6px 0 8px;color:#e4d4b5;font:600 clamp(22px,3vw,31px) Cinzel,serif}.cf10-lore-list{display:grid;gap:8px}.cf10-lore-list p{display:flex;gap:10px;margin:0;color:#a39a8d;font-size:12px;line-height:1.65}.cf10-lore-list span{color:#d3a767}.cf10-profile-panel p{color:#8d857a;font-size:11px;line-height:1.65}.cf10-tag-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cf10-tag-list span{padding:7px 9px;border:1px solid rgba(200,155,60,.16);color:#d8c09a;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.cf10-materials{margin-top:18px;padding:20px;border:1px solid rgba(200,155,60,.14);background:rgba(8,12,14,.88)}.cf10-section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;flex-wrap:wrap}.cf10-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.cf10-video-card{border:1px solid rgba(200,155,60,.12);background:#0a0e10;padding:10px}.cf10-video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050607}.cf10-video-card h3{margin:10px 0 6px;color:#e5d8c3;font-size:14px;line-height:1.35}.cf10-video-meta{display:flex;gap:8px;flex-wrap:wrap;color:#8e857a;font-size:10px}.cf10-video-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.cf10-video-actions a{padding:7px 9px;border:1px solid rgba(200,155,60,.18);color:#d8c6a7;text-decoration:none;font-size:10px}.cf10-empty{margin-top:12px;padding:18px;border:1px dashed rgba(200,155,60,.18);display:grid;gap:8px;color:#92897c;font-size:11px}.cf10-empty strong{color:#d9c49d}
@media(max-width:900px){.cf10-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cf10-generator-result{grid-template-columns:repeat(2,minmax(0,1fr))}.cf10-character-hero{grid-template-columns:1fr}.cf10-character-columns{grid-template-columns:1fr}.cf10-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cf10-controls{grid-template-columns:1fr}.cf10-control--wide{grid-column:auto}.cf10-generator-result,.cf10-bank,.cf10-checklist__grid,.cf10-video-grid{grid-template-columns:1fr}.cf10-character-shell{width:min(100% - 24px,1180px)}.cf10-character-page{padding-top:98px}.cf10-character-art img,.cf10-character-art{min-height:340px}.cf10-character-copy{padding:20px}.cf10-character-actions{display:grid}.cf10-character-actions a{width:100%;box-sizing:border-box;text-align:center}}
@media(prefers-reduced-motion:reduce){.cf10-progress>span{transition:none}}