:root{
  --wood:#2a1409;--wood2:#43220f;--wood3:#6b340f;--orange:#c96708;--orange2:#e77d08;--gold:#f1a33a;
  --cream:#fffaf3;--cream2:#f7eee3;--line:#ead9c7;--ink:#2b1d13;--muted:#786657;--green:#244a31;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f5eee5}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:182px;background:linear-gradient(180deg,#351c0f 0%,#261309 63%,#2c160a 100%);color:#f7e4cd;z-index:30;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}.brand{height:102px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08);background:#2b160b}.brand img{width:145px;height:86px;object-fit:cover;object-position:center;border-radius:2px}.side-nav{position:relative;z-index:4;padding:10px 8px}.side-nav a{height:49px;display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;text-decoration:none;color:#f1dbc5;padding:0 16px;margin:2px 0;border-radius:7px;font-size:15px;transition:.18s}.side-nav a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-nav a b{font-size:22px;font-weight:400;opacity:.7}.side-nav a:hover{background:rgba(255,255,255,.07)}.side-nav a.active{background:linear-gradient(180deg,#9a4b13,#743207);box-shadow:inset 0 0 0 1px rgba(245,173,92,.22),0 5px 15px rgba(0,0,0,.22);color:#fff;font-weight:700}.side-deco{position:absolute;left:0;right:0;bottom:0;height:390px;background:linear-gradient(180deg,rgba(43,22,10,0),rgba(43,22,10,.45)),url('../img/sidebar-art.jpg') center bottom/cover no-repeat;pointer-events:none;padding:170px 17px 18px;color:#d89a52}.side-deco .mountain-line{font-family:'Playfair Display',serif;font-size:44px;line-height:.55;opacity:.78;transform:rotate(-6deg);letter-spacing:-15px}.side-deco p{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;line-height:1.6;text-align:center;margin:38px 0 0;color:#d99b55;text-shadow:0 1px 1px #000}.side-deco small{position:absolute;left:19px;bottom:17px;color:#b48255;font-size:10px}.main-area{margin-left:182px;min-height:100vh}.hero-strip{height:101px;background:url('../img/hero.jpg') center/cover no-repeat;position:relative;border-bottom:2px solid #67320f;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,16,8,.16),rgba(31,16,8,.03) 60%,rgba(31,16,8,.35));pointer-events:none}.hero-copy{position:relative;z-index:2;margin-left:355px;text-align:center;transform:translateX(-10px)}.hero-copy h1{font:800 36px/1.05 'Playfair Display',serif;margin:0;color:#fff1d5;text-shadow:0 2px 4px rgba(0,0,0,.55)}.hero-copy p{font:600 13px/1.45 Inter,sans-serif;margin:8px 0 0;color:#fff6e8;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hero-quote{position:absolute;right:230px;top:21px;z-index:2;font:700 18px/1.1 'Playfair Display',serif;font-style:italic;color:#ffe0af;text-align:center;transform:rotate(-5deg);text-shadow:0 1px 2px #4e250e}.hero-quote span{font-size:14px}.user-panel{position:absolute;z-index:3;right:0;top:0;width:234px;height:101px;background:rgba(67,31,13,.86);border-left:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:0 23px;gap:10px}.user-panel img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #f5d2a2}.user-panel span{display:block;font-size:11px;color:#f6dec5}.user-panel strong{display:block;font-size:12px;color:#fff;margin-top:2px}.user-panel b{margin-left:auto;font-size:17px}.db-warning,.flash-success,.flash-note{margin:8px 10px 0;border-radius:7px;padding:9px 12px;font-size:12px}.db-warning{background:#fff0cc;border:1px solid #e6bf6d;color:#794a06}.db-warning a{color:#803c09;font-weight:800}.flash-success{background:#eaf7ee;border:1px solid #a9d5b6;color:#23643b}.flash-note{background:#fff4df;border:1px solid #edcf95;color:#835314}.panel{background:#fffaf5;border:1px solid #e7d7c6;border-radius:8px;box-shadow:0 1px 3px rgba(77,39,16,.06)}.project-form{margin:8px 9px 0}.setup-row{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:8px}.characters-panel{padding:0 11px 10px}.panel-heading{height:50px;display:flex;align-items:center}.panel-heading>div{display:flex;align-items:center;gap:10px;width:100%}.heading-icon{width:32px;height:32px;color:#c26009;font-size:28px;display:grid;place-items:center}.panel-heading h2,.project-head h2,.scenes-head h2{font:800 22px/1.1 'Playfair Display',serif;margin:0;color:#4b210d}.panel-heading p,.scenes-head p{margin:2px 0 0;font-size:11px;color:#79624f}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.character-card{height:202px;background:#fff;border:1px solid #ead9c8;border-radius:6px;display:grid;grid-template-columns:108px 1fr;overflow:hidden;position:relative;box-shadow:0 1px 2px rgba(70,34,14,.04)}.character-photo{position:relative;background:#ddd;overflow:hidden}.character-photo img{width:100%;height:100%;object-fit:cover;display:block}.edit-character{position:absolute;right:6px;top:6px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(58,27,10,.78);color:#fff;cursor:pointer;opacity:0;transition:.18s}.character-card:hover .edit-character{opacity:1}.character-info{padding:12px 10px 8px}.character-info h3{font:800 20px/1.05 'Playfair Display',serif;margin:0;color:#2e1c11}.character-info strong{display:block;margin-top:3px;font:700 11px/1.25 Inter,sans-serif;color:#3d2c21}.character-info ul{list-style:none;padding:0;margin:25px 0 0}.character-info li{position:relative;padding-left:9px;font:500 10px/1.45 Inter,sans-serif;margin:6px 0;color:#46352a}.character-info li:before{content:"•";position:absolute;left:0;color:#8c3b0d}.project-panel{padding:0 13px 10px}.project-head{height:50px;display:flex;align-items:center;justify-content:space-between}.project-head h2{font-size:16px}.project-head h2 span{color:#c25f08}.project-head-actions{display:flex;gap:6px}.save-project,.new-project{height:28px;border:1px solid #d8a66a;background:#fff8ed;color:#7c3d0d;border-radius:6px;font-size:10px;font-weight:700;padding:0 8px;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.new-project{border-color:#e7d3bd;color:#815c3d;background:#fff}.project-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px}.project-fields label{display:grid;grid-template-columns:97px 1fr;align-items:center;gap:7px;grid-column:1/-1}.project-fields label.half{grid-template-columns:97px 1fr;grid-column:auto}.project-fields label.half:nth-of-type(3){grid-template-columns:70px 1fr}.project-fields label.half:nth-of-type(4){grid-template-columns:80px 1fr}.project-fields label.half:nth-of-type(6){grid-template-columns:105px 1fr}.project-fields span{font-size:10px;font-weight:700;color:#503b2c}.project-fields input,.project-fields select,.project-fields textarea{width:100%;height:29px;border:1px solid #dac9b9;border-radius:5px;background:#fff;padding:0 9px;color:#46372d;font-size:10.5px;outline:none}.project-fields input:focus,.project-fields select:focus,.project-fields textarea:focus{border-color:#c96c12;box-shadow:0 0 0 2px rgba(201,108,18,.09)}.advanced-settings{grid-column:1/-1;border:1px dashed #e2cfbc;border-radius:5px;padding:5px 7px;margin-top:1px}.advanced-settings summary{font-size:10px;color:#815326;font-weight:700;cursor:pointer}.advanced-settings[open]{padding-bottom:7px}.advanced-settings label{display:block;margin-top:6px}.advanced-settings label span{display:block;margin-bottom:4px}.advanced-settings textarea{height:52px;padding:7px;resize:vertical}.generate-all{height:47px;width:100%;border:0;border-radius:6px;background:linear-gradient(180deg,#d66b02,#a34700);color:#fff;font-size:15px;font-weight:900;margin-top:9px;cursor:pointer;box-shadow:0 5px 10px rgba(122,52,5,.2)}.generate-all:hover{filter:brightness(1.05)}.scenes-panel{margin:8px 9px 12px;padding:0 10px 9px}.scenes-head{height:50px;display:flex;justify-content:space-between;align-items:center}.scenes-head>div:first-child{display:flex;align-items:center;gap:9px}.scenes-head h2{font-size:22px}.film-icon{font-size:28px;color:#bf5d08}.view-tools{display:flex;align-items:center;gap:7px}.view-tools label{font-size:10px;font-weight:700;color:#5d422e}.view-tools input{accent-color:#7f3608;vertical-align:middle}.view-btn{height:27px;padding:0 10px;border:1px solid #dec9b4;background:#fff;border-radius:5px;color:#513620;font-size:10px;font-weight:700;cursor:pointer}.view-btn.active{background:#b75608;color:#fff;border-color:#b75608}.scene-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.scene-card{min-width:0;border:1px solid #e3d0bd;border-radius:7px;overflow:hidden;background:#fffaf4;box-shadow:0 1px 3px rgba(73,36,14,.05);transition:.18s}.scene-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(73,36,14,.12)}.scene-image{height:116px;position:relative;overflow:hidden;background:#ddd}.scene-image img{width:100%;height:100%;object-fit:cover;display:block}.scene-number{position:absolute;left:0;top:0;background:#72320a;color:#fff8e9;font-size:10px;font-weight:900;padding:6px 10px;border-radius:0 0 5px 0;letter-spacing:.15px}.scene-open{cursor:pointer}.scene-image .scene-open{position:absolute;right:6px;top:6px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(53,23,8,.75);color:#fff;opacity:0}.scene-card:hover .scene-image .scene-open{opacity:1}.scene-content{padding:6px 8px 8px}.scene-content h3{font:800 14px/1.15 'Playfair Display',serif;margin:0;color:#372217;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-content>p{font:500 10px/1.35 Inter,sans-serif;color:#5e4c3f;margin:4px 0 7px;height:28px;overflow:hidden}.prompt-row{height:26px;border-radius:5px;background:#fff4e5;display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-left:7px;border:1px solid #f1dfca}.prompt-label{border:0;background:transparent;padding:0;color:#34271f;font-size:9.5px;font-weight:800;text-align:left}.copy-scene{height:24px;border:0;background:#ffefd7;color:#9b4d09;border-left:1px solid #ebd2b5;padding:0 8px;font-size:9px;font-weight:800;cursor:pointer;border-radius:0 4px 4px 0}.copy-scene:hover{background:#f3d6ae}.hidden-prompt{display:none}.scene-grid.list-view{display:block}.scene-grid.list-view .scene-card{display:grid;grid-template-columns:250px 1fr;margin-bottom:8px}.scene-grid.list-view .scene-image{height:150px}.scene-grid.list-view .scene-content{padding:12px 14px}.scene-grid.list-view .scene-content h3{font-size:18px}.scene-grid.list-view .scene-content>p{height:auto;font-size:11px}.scene-grid.list-view .prompt-row{height:33px}.scene-grid.list-view .prompt-label{font-size:10px}.scene-grid.list-view .copy-scene{height:31px}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(25,12,5,.66);backdrop-filter:blur(2px)}.modal-dialog{position:relative;z-index:2;margin:4vh auto;background:#fffaf4;border:1px solid #d2aa82;border-radius:10px;box-shadow:0 25px 80px rgba(0,0,0,.32);max-height:92vh;overflow:auto}.prompt-dialog{width:min(940px,94vw);padding:18px}.character-dialog{width:min(700px,94vw);padding:20px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#f0e1d2;color:#6f3b19;border-radius:50%;width:30px;height:30px;font-size:21px;cursor:pointer}.modal-title{display:flex;gap:12px;align-items:flex-start;padding-right:35px}.modal-title>span{background:#6d2f09;color:#fff;padding:7px 10px;border-radius:5px;font-size:11px;font-weight:900}.modal-title h2,.character-dialog h2{margin:0;font:800 24px 'Playfair Display',serif;color:#49200d}.modal-title p,.modal-sub{margin:3px 0 0;font-size:11px;color:#796354}.modal-preview{height:220px;border-radius:8px;overflow:hidden;margin:14px 0}.modal-preview img{width:100%;height:100%;object-fit:cover}.prompt-editor-block{border:1px solid #e5d4c1;border-radius:7px;margin-top:10px;overflow:hidden}.prompt-editor-block>div{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f8eee3}.prompt-editor-block h3{font-size:13px;margin:0}.prompt-editor-block button{border:1px solid #d6b894;background:#fff8ee;border-radius:5px;height:26px;font-size:9.5px;color:#81410c;font-weight:800;cursor:pointer}.prompt-editor-block textarea{width:100%;height:115px;border:0;border-top:1px solid #e8d8c7;padding:10px;resize:vertical;font-size:11px;line-height:1.5;outline:none;color:#3c3028;background:#fff}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.modal-help{font-size:10px;color:#837365}.brown-btn{height:34px;border:0;border-radius:6px;background:linear-gradient(#8e460f,#682d08);color:#fff;padding:0 14px;font-size:10px;font-weight:800;cursor:pointer}.character-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.character-edit-grid label{font-size:10px;font-weight:800;color:#60452f}.character-edit-grid label.wide{grid-column:1/-1}.character-edit-grid input,.character-edit-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid #dcc8b3;border-radius:6px;background:#fff;height:34px;padding:7px 9px;font-size:11px;outline:none}.character-edit-grid textarea{height:68px;resize:vertical}.character-edit-grid textarea.tall{height:110px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#2e180c;color:#fff5e9;padding:10px 15px;border-radius:6px;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
/* generic pages */
.page-shell{padding:14px}.page-titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-titlebar h1{font:800 28px 'Playfair Display',serif;margin:0;color:#4a210e}.page-titlebar p{margin:4px 0 0;font-size:11px;color:#765f4d}.primary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:6px;background:linear-gradient(#c86508,#964000);color:#fff;font-size:11px;font-weight:800;padding:10px 13px;cursor:pointer}.data-card{background:#fffaf5;border:1px solid #e4d2c0;border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid #eee0d2;text-align:left;font-size:11px;vertical-align:middle}.data-table th{background:#f6eadf;color:#593821;font-weight:800}.data-table tr:hover td{background:#fff7ee}.table-actions{display:flex;gap:5px}.tiny-btn{border:1px solid #dcc3a8;background:#fff7ed;color:#744013;border-radius:5px;font-size:9px;font-weight:800;padding:6px 8px;text-decoration:none;cursor:pointer}.tiny-btn.danger{color:#a72d20;border-color:#e8b5ae;background:#fff2f0}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:12px;font-size:9px;font-weight:800;background:#f5e4d2;color:#8a4a13}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stat-card{background:#fffaf5;border:1px solid #e4d2c0;border-radius:8px;padding:15px}.stat-card small{display:block;color:#7b6756;font-size:10px}.stat-card strong{display:block;font:800 30px 'Playfair Display',serif;color:#6e3009;margin-top:6px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item{background:#fff;border:1px solid #e4d2c0;border-radius:8px;overflow:hidden}.gallery-item img{width:100%;height:170px;object-fit:cover}.gallery-item div{padding:9px}.gallery-item strong{font-size:12px}.gallery-item small{display:block;color:#84715f;margin-top:3px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-card{padding:15px;background:#fffaf5;border:1px solid #e4d2c0;border-radius:8px}.template-card h3{font:800 18px 'Playfair Display',serif;margin:0}.template-card p{font-size:11px;color:#756250;line-height:1.5}.settings-card{max-width:850px;background:#fffaf5;border:1px solid #e4d2c0;border-radius:8px;padding:16px}.settings-card label{display:block;margin-bottom:12px;font-size:11px;font-weight:800}.settings-card input,.settings-card select,.settings-card textarea{display:block;width:100%;margin-top:5px;border:1px solid #d9c5b1;border-radius:6px;padding:9px;background:#fff;font-size:11px}.settings-card textarea{height:90px}.empty-state{padding:40px;text-align:center;color:#806a57}
@media(max-width:1450px){.setup-row{grid-template-columns:minmax(0,1fr) 360px}.character-card{grid-template-columns:94px 1fr}.scene-grid{grid-template-columns:repeat(5,1fr)}.hero-copy{margin-left:260px}.hero-quote{right:225px}.character-info ul{margin-top:16px}.character-info li{font-size:9px}}
@media(max-width:1180px){.sidebar{width:165px}.main-area{margin-left:165px}.brand img{width:135px}.setup-row{grid-template-columns:1fr}.project-panel{padding-bottom:12px}.character-grid{grid-template-columns:repeat(4,1fr)}.scene-grid{grid-template-columns:repeat(4,1fr)}.hero-copy{margin-left:160px}.hero-quote{display:none}.project-fields{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{position:relative;width:100%;height:auto}.brand{height:75px}.brand img{height:68px}.side-nav{display:flex;overflow:auto;padding:6px}.side-nav a{min-width:max-content;height:42px}.side-nav a b{display:none}.side-deco{display:none}.main-area{margin-left:0}.hero-strip{height:95px}.hero-copy{margin:0 0 0 20px;text-align:left}.hero-copy h1{font-size:28px}.hero-copy p{font-size:10px}.user-panel{display:none}.character-grid{grid-template-columns:repeat(2,1fr)}.character-card{grid-template-columns:105px 1fr}.scene-grid{grid-template-columns:repeat(2,1fr)}.view-tools label{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero-copy h1{font-size:23px}.hero-copy p{max-width:90%;white-space:normal}.project-form{margin:6px}.character-grid{grid-template-columns:1fr}.character-card{height:190px}.setup-row{gap:6px}.project-fields{grid-template-columns:1fr}.project-fields label,.project-fields label.half,.project-fields label.half:nth-of-type(3),.project-fields label.half:nth-of-type(4),.project-fields label.half:nth-of-type(6){grid-column:1/-1;grid-template-columns:90px 1fr}.scene-grid{grid-template-columns:1fr}.scene-image{height:170px}.scenes-head{height:auto;padding:10px 0;align-items:flex-start;gap:8px}.scenes-head>div:first-child{align-items:flex-start}.scenes-head p{display:none}.view-tools{flex-direction:column}.scene-grid.list-view .scene-card{grid-template-columns:1fr}.gallery-grid,.template-grid,.stats-grid{grid-template-columns:1fr}.character-edit-grid{grid-template-columns:1fr}.character-edit-grid label.wide{grid-column:auto}.prompt-dialog{margin-top:2vh}.modal-preview{height:160px}}

/* ======================= V3 AI / STORY BANK ======================= */
.eyebrow,.mini-label{font-size:9px;font-weight:900;letter-spacing:.14em;color:#b35a11;text-transform:uppercase;margin-bottom:4px}.api-mini{font-size:8px!important;margin-top:3px!important}.api-mini.ready{color:#b9efc7!important}.api-mini.off{color:#efc6a3!important}.api-health{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:20px;background:#fff;border:1px solid #e2d0bd;font-size:10px}.api-health span,.api-generate-state>span{width:9px;height:9px;border-radius:50%;background:#a99b90;box-shadow:0 0 0 4px rgba(169,155,144,.12)}.api-health.ready span,.api-generate-state.ready>span{background:#2f9c53;box-shadow:0 0 0 4px rgba(47,156,83,.13)}.api-health.off span,.api-generate-state.off>span{background:#bd6a36}.v3-setup{align-items:stretch}.regen-character-check{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:9px;font-weight:700;color:#604634}.regen-character-check input{accent-color:#aa4d0b}.regen-character-check span{font-weight:500;color:#917a67}.render-character{position:absolute;right:6px;bottom:6px;width:29px;height:29px;border:0;border-radius:50%;background:linear-gradient(180deg,#f1a238,#b64e05);color:#fff;font-size:8px;font-weight:900;cursor:pointer;box-shadow:0 2px 7px rgba(72,31,8,.26)}.render-character.loading{font-size:0}.render-character.loading:after{content:'↻';font-size:13px;display:block;animation:spin 1s linear infinite}.api-generate-state{margin-top:8px;border:1px solid #e7d6c6;border-radius:6px;background:#fff;padding:7px 8px;display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:8px}.api-generate-state b{display:block;font-size:9px;color:#4a3526}.api-generate-state small{display:block;font-size:8px;color:#8b7666;margin-top:2px}.api-generate-state a{font-size:8px;font-weight:800;color:#9a4b0e;text-decoration:none}.ai-generate:disabled,.render-all-images:disabled,.render-scene-image:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}.offline-generate{display:block;margin:6px auto 0;border:0;background:transparent;color:#9a806b;font-size:8px;text-decoration:underline;cursor:pointer}.story-picker{margin:8px 9px 0;padding:10px 11px}.story-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.story-picker-head>div:first-child{display:flex;align-items:center;gap:8px}.story-picker h2{font:800 19px/1.1 'Playfair Display',serif;margin:0;color:#4a210e}.story-picker p{font-size:9px;color:#7e6a5a;margin:3px 0 0}.story-book{font-size:26px;color:#bd5b08}.story-picker-actions{display:flex;align-items:center;gap:7px}.story-picker-actions label{font-size:9px;font-weight:700}.story-picker-actions select{height:29px;border:1px solid #dfcbb8;border-radius:5px;background:#fff;padding:0 6px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d3b18b;background:#fff8ee;color:#7a3c0d;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none}.secondary-btn:hover{background:#f8ead7}.secondary-btn.loading,.render-all-images.loading,.render-scene-image.loading{opacity:.75;cursor:wait}.story-category-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px dashed #ead9c7}.story-category-chips label input{display:none}.story-category-chips label span{display:block;padding:5px 8px;border-radius:15px;background:#f8eee4;border:1px solid #e7d6c4;font-size:8px;font-weight:700;color:#70543f;cursor:pointer;transition:.15s}.story-category-chips label input:checked+span{background:#fff3dd;border-color:#d99c5a;color:#8e420a;box-shadow:inset 0 0 0 1px rgba(213,113,18,.08)}.story-seed-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.seed-card{min-width:0;display:grid;grid-template-columns:30px 1fr;gap:6px;padding:7px;border:1px solid #eadacb;border-radius:6px;background:linear-gradient(180deg,#fffdf9,#fff8f0)}.seed-card>span{font-size:19px;display:grid;place-items:start center}.seed-card small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#b06222;font-weight:800}.seed-card b{display:block;font:800 11px/1.2 'Playfair Display',serif;color:#452516;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-card p{height:22px;overflow:hidden;font-size:8px;line-height:1.35;margin:3px 0 0;color:#776352}.v3-scenes .scenes-head{min-height:52px;height:auto;padding:6px 0}.v3-scenes .scenes-head>div:first-child{max-width:70%}.render-all-images{height:29px;border:0;border-radius:5px;padding:0 10px;background:linear-gradient(#d36b08,#a04400);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.render-scene-image{width:100%;height:27px;margin-top:5px;border:1px solid #d9a46c;border-radius:5px;background:linear-gradient(180deg,#fff5e7,#f5dcc0);color:#8b4109;font-size:8.5px;font-weight:900;cursor:pointer}.scene-card.rendering{box-shadow:0 0 0 2px rgba(216,114,20,.22);animation:pulseCard 1.4s ease-in-out infinite}.rendered-badge{position:absolute;right:6px;bottom:6px;border-radius:10px;background:#287846;color:#fff;padding:3px 6px;font-size:7px;font-weight:900;box-shadow:0 2px 5px rgba(0,0,0,.18)}.empty-ai-workspace{padding:55px 20px;text-align:center;border:1px dashed #dcc8b5;border-radius:7px;background:#fff8ef}.empty-ai-icon{margin:0 auto 8px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f2ab49,#9f4000);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(130,55,7,.18)}.empty-ai-workspace h3{font:800 20px 'Playfair Display',serif;margin:0;color:#4b240f}.empty-ai-workspace p{max-width:600px;margin:8px auto 0;font-size:10px;line-height:1.55;color:#7b6756}.prompt-dialog .secondary-btn{height:34px}.small-dialog{width:min(520px,92vw);padding:20px}.status-pill{border:0;border-radius:15px;padding:6px 10px;font-size:8px;font-weight:900;cursor:pointer}.status-pill.on{background:#e6f4ea;color:#2f7b49}.status-pill.off{background:#eee6df;color:#8a6c58}

/* Story bank page */
.story-titlebar{align-items:flex-end}.story-stats{display:flex;gap:8px}.story-stats div{min-width:110px;background:#fffaf5;border:1px solid #e3d1bf;border-radius:8px;padding:9px 12px}.story-stats b{display:block;font:800 23px 'Playfair Display',serif;color:#8e3f09}.story-stats span{font-size:8px;color:#7c6858}.story-universe{padding:12px}.universe-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.universe-head span{font-size:8px;letter-spacing:.12em;color:#aa5716;font-weight:900}.universe-head h2{font:800 17px 'Playfair Display',serif;margin:2px 0;color:#462312}.primary-btn.small{padding:8px 10px;font-size:9px}.universe-tree{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.universe-node{display:grid;grid-template-columns:31px 1fr 12px;align-items:center;gap:5px;min-height:51px;border:1px solid #ead8c6;border-radius:7px;background:#fff;text-decoration:none;color:#4b3424;padding:6px;transition:.15s}.universe-node:hover{border-color:#d29355;transform:translateY(-1px)}.universe-node.active{background:linear-gradient(180deg,#fff1dc,#f9dfbf);border-color:#d9893f;box-shadow:0 2px 7px rgba(135,61,12,.1)}.universe-node.disabled{opacity:.48}.node-icon{font-size:19px;text-align:center}.universe-node b{display:block;font-size:9px}.universe-node small{display:block;font-size:7px;color:#967a63;margin-top:3px}.universe-node i{font-style:normal;font-size:16px;color:#a85a1c}.story-manage-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;margin-top:10px}.story-list-panel{padding:11px}.story-list-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:9px;border-bottom:1px solid #eadacb}.story-list-head h2{font:800 20px 'Playfair Display',serif;margin:0;color:#4a210e}.story-list-head p{margin:4px 0 0;font-size:9px;color:#806a58}.story-item-list{margin-top:7px}.story-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 5px;border-bottom:1px solid #eee1d4}.story-item.inactive{opacity:.45}.story-item-main{display:grid;grid-template-columns:35px 1fr;gap:8px}.story-item-number{font-size:8px;font-weight:900;color:#bc6721;background:#fff0dc;border:1px solid #ebc99e;border-radius:5px;height:24px;display:grid;place-items:center}.story-item h3{margin:0;font:800 14px 'Playfair Display',serif;color:#3f2617}.story-item p{margin:3px 0;font-size:9px;line-height:1.4;color:#725e4e}.prompt-hint{font-size:8px;color:#735e4f;background:#fbf4ec;padding:5px 7px;border-radius:5px;margin-top:4px}.tag-line{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}.tag-line span{font-size:7px;padding:3px 5px;border-radius:10px;background:#f3e4d5;color:#8a552b}.story-item-actions{display:flex;gap:4px}.icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid #dfc8b1;background:#fff8ef;color:#86501f;font-weight:900;cursor:pointer}.icon-btn.danger{color:#b04637;border-color:#e7c0bb;background:#fff4f2}.story-add-card{padding:15px;height:max-content}.story-add-card h2{font:800 21px 'Playfair Display',serif;margin:0;color:#4a210e}.story-add-card>p{font-size:9px;color:#806c5c;line-height:1.45}.story-form label{display:block;margin:9px 0;font-size:9px;font-weight:800;color:#604634}.story-form input,.story-form textarea,.story-form select{display:block;width:100%;margin-top:4px;border:1px solid #d9c5b1;border-radius:6px;background:#fff;padding:8px;font-size:9.5px;outline:none}.story-form textarea{height:70px;resize:vertical}.story-form input:focus,.story-form textarea:focus,.story-form select:focus{border-color:#c86a12;box-shadow:0 0 0 2px rgba(200,106,18,.08)}

/* Settings V3 */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}.settings-main{display:grid;gap:10px}.settings-card.v3-card{max-width:none;margin:0;padding:14px}.settings-section-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #ecdfd2}.settings-section-head.plain{grid-template-columns:1fr}.settings-section-head h2{font:800 19px 'Playfair Display',serif;margin:0;color:#4b220e}.settings-section-head p{font-size:9px;margin:3px 0 0;color:#7e6958}.provider-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#4e2a16,#8c4a1a);color:#ffd9a7;font-size:12px;font-weight:900}.provider-logo.video{background:linear-gradient(145deg,#b85a09,#e7932e);color:#fff}.switch{margin:0!important}.switch input{display:none!important}.switch span{display:block;width:40px;height:22px;border-radius:20px;background:#d2c8bf;position:relative;cursor:pointer;transition:.2s}.switch span:before{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.switch input:checked+span{background:#c4610a}.switch input:checked+span:before{transform:translateX(18px)}.api-key-box{display:grid;grid-template-columns:170px 1fr auto;gap:7px;align-items:center;margin:11px 0;padding:9px;background:#f8eee3;border:1px solid #ead5bf;border-radius:7px}.api-key-box>div b{display:block;font-size:8px;color:#785b42}.api-key-box>div span{display:block;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:3px;color:#4d3626}.api-key-box input{margin:0!important;height:34px}.api-test-result{font-size:9px;min-height:0}.api-test-result.ok{color:#237a43;margin:-4px 0 8px}.api-test-result.bad{color:#b54033;margin:-4px 0 8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.settings-grid label{margin:0!important}.settings-grid .wide{grid-column:1/-1}.cost-config{margin-top:10px;border:1px dashed #dfc8b1;border-radius:6px;padding:7px 9px}.cost-config summary{font-size:9px;font-weight:800;color:#7b481d;cursor:pointer}.cost-config[open] summary{margin-bottom:9px}.cost-config>p{font-size:8px;color:#8f7968}.clear-key{display:flex!important;align-items:center;gap:6px;margin:10px 0 0!important;font-size:8px!important;color:#8c6f59!important}.clear-key input{width:auto!important;margin:0!important}.settings-actions{display:flex;justify-content:flex-end;margin-top:10px}.api-note{background:#fff5e3;border:1px solid #eccf9d;color:#714919;border-radius:6px;padding:9px;margin:10px 0;font-size:9px;line-height:1.45}.settings-side{display:grid;gap:10px;height:max-content}.api-summary,.safety-card{padding:13px}.api-summary h3,.safety-card h3{font:800 17px 'Playfair Display',serif;margin:0 0 8px;color:#4a210e}.usage-number{display:flex;align-items:baseline;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eadbcf}.usage-number b{font:800 22px 'Playfair Display',serif;color:#8f4008}.usage-number span{font-size:8px;color:#806b5a}.api-summary p,.safety-card p{font-size:8px;line-height:1.5;color:#806b5a}.safety-card code{font-size:7px;background:#3a1e0f;color:#ffe6c7;padding:2px 4px;border-radius:3px}.warning-text{color:#a55115!important;font-weight:700}.api-log-card{margin-top:10px;overflow:hidden}.api-log-head{padding:11px 13px;background:#fff9f2;border-bottom:1px solid #ead8c5}.api-log-head h2{font:800 17px 'Playfair Display',serif;margin:0}.api-log-head p{font-size:8px;margin:3px 0 0;color:#7f6958}.badge.ok{background:#e4f4e9;color:#2d7546}.badge.bad{background:#fae9e6;color:#a33d31}.error-mini{max-width:300px;font-size:7px;color:#a33d31;margin-top:3px}.data-table-wrap{overflow:auto}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseCard{0%,100%{opacity:1}50%{opacity:.82}}
@media(max-width:1300px){.story-seed-cards{grid-template-columns:repeat(3,1fr)}.universe-tree{grid-template-columns:repeat(4,1fr)}.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.story-picker-head{align-items:flex-start;flex-direction:column}.story-picker-actions{width:100%;flex-wrap:wrap}.story-seed-cards{grid-template-columns:repeat(2,1fr)}.universe-tree{grid-template-columns:repeat(3,1fr)}.story-manage-grid{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr}.api-key-box{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}}
@media(max-width:560px){.story-seed-cards{grid-template-columns:1fr}.universe-tree{grid-template-columns:repeat(2,1fr)}.story-category-chips{max-height:130px;overflow:auto}.v3-scenes .scenes-head>div:first-child{max-width:none}.story-stats{display:none}.api-generate-state{grid-template-columns:10px 1fr}.api-generate-state a{grid-column:2}.story-picker{margin:6px}.story-picker-actions label{width:100%}}

/* === V3.2 PROMPT ONLY === */
.prompt-preset-note{background:#fff7ef!important;border-color:#e6b36a!important;color:#7a4317!important}.prompt-only-banner{margin:8px 9px 0;border:1px solid #9fd2ad;background:linear-gradient(180deg,#eefaf2,#e6f6eb);border-radius:8px;padding:10px 12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;color:#245d37}.prompt-only-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2f9c53;color:#fff;font-size:17px;font-weight:900}.prompt-only-banner b{display:block;font-size:11px;letter-spacing:.03em}.prompt-only-banner span{display:block;margin-top:2px;font-size:9.5px;line-height:1.45;color:#4e765a}.prompt-only-banner a{font-size:9px;font-weight:900;color:#7d430f;text-decoration:none;border:1px solid #d7b58f;background:#fff8ef;padding:7px 9px;border-radius:6px}.workflow-guide{margin:8px 9px 0;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:5px}.workflow-step{min-height:58px;border:1px solid #e1cfbd;background:#fffaf5;border-radius:8px;display:flex;align-items:center;gap:9px;padding:8px 10px}.workflow-step>b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f4e2cf;color:#7e3d0d;font-size:13px}.workflow-step.active{border-color:#d18b49;background:#fff5e7}.workflow-step.active>b{background:linear-gradient(#d97918,#9c4108);color:#fff}.workflow-step strong{display:block;font:800 12px 'Playfair Display',serif;color:#4b250f}.workflow-step small{display:block;margin-top:3px;font-size:8.5px;color:#816b59}.workflow-arrow{text-align:center;color:#b56b2a;font-size:18px;font-weight:900}.prompt-only-form{margin-top:8px}.preset-strip{margin:0 9px 8px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preset-strip-title{display:flex;align-items:center;gap:8px;min-width:360px}.preset-strip-title>span,.step-number{width:30px;height:30px;flex:0 0 auto;border-radius:7px;display:grid;place-items:center;background:linear-gradient(180deg,#d36b08,#9a4007);color:#fff;font-size:11px;font-weight:900;box-shadow:0 2px 5px rgba(103,45,9,.14)}.step-number.mini{display:inline-grid;width:25px;height:25px;border-radius:6px;margin-right:4px}.preset-strip h2{font:800 16px 'Playfair Display',serif;margin:0;color:#49210e}.preset-strip p{font-size:8.5px;color:#806b59;margin:3px 0 0}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.preset-choice{display:inline-flex;align-items:center;height:31px;padding:0 10px;border:1px solid #ddc2a5;background:#fff8ef;color:#70421f;border-radius:7px;font-size:9px;font-weight:800;text-decoration:none}.preset-choice.active{background:#8b3e0a;border-color:#8b3e0a;color:#fff}.preset-choice.subtle{background:#fff;color:#8c6d52}.v32-setup{grid-template-columns:minmax(0,1fr) 405px}.v32-heading{height:54px}.v32-heading>div{display:grid;grid-template-columns:32px auto 1fr;align-items:center}.v32-heading p{margin-left:0}.local-image-badge{position:absolute;left:5px;bottom:5px;background:rgba(40,24,14,.82);color:#fff4e7;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:3px 6px;font-size:7px;font-weight:800}.v32-project-panel{padding-bottom:11px}.v32-project-fields{gap:6px}.v32-project-fields label{grid-template-columns:92px 1fr}.v32-project-fields label.half{grid-template-columns:66px 1fr}.v32-project-fields label.half:nth-of-type(6),.v32-project-fields label.half:nth-of-type(7){grid-template-columns:62px 1fr}.v32-project-fields input,.v32-project-fields select{height:31px}.story-structure-mini{margin-top:7px;border:1px solid #ead8c5;background:#fff7ed;border-radius:6px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.story-structure-mini b{font-size:8.5px;color:#6a4226}.story-structure-mini span{font-size:8px;color:#a14d0c;font-weight:900;letter-spacing:.03em}.v32-story-picker{padding-bottom:11px}.v32-story-picker .story-picker-head>div:first-child{display:flex;align-items:center;gap:9px}.story-seed-caption{margin:9px 0 0;padding-top:8px;border-top:1px dashed #e5d2bf;display:flex;align-items:center;justify-content:space-between}.story-seed-caption span{font-size:9px;font-weight:800;color:#5d3e26}.story-seed-caption small{font-size:8px;color:#9b806a}.story-category-details{margin-top:9px;border-top:1px dashed #e4d0bd;padding-top:7px}.story-category-details summary{cursor:pointer;color:#80522d;font-size:9px;font-weight:800}.story-category-details .story-category-chips{border-top:0;padding-top:7px}.prompt-results-panel{margin-top:8px}.v32-scenes-head{min-height:64px;height:auto;padding:8px 0}.v32-scenes-head>div:first-child{display:flex;align-items:center;gap:9px;max-width:72%}.v32-scenes-head h2{font-size:20px}.v32-scenes-head p{height:auto;max-width:950px;line-height:1.45}.no-render-chip{height:27px;display:inline-flex;align-items:center;padding:0 9px;border-radius:14px;background:#eaf7ee;border:1px solid #b4dbc0;color:#2d7044;font-size:8px;font-weight:900}.prompt-only-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.prompt-scene-card{overflow:visible;background:#fffdf9;border-color:#e2cdb8}.prompt-scene-card:hover{transform:none;box-shadow:0 4px 12px rgba(73,36,14,.08)}.scene-text-head{height:35px;display:flex;align-items:center;gap:7px;padding:0 8px;background:linear-gradient(180deg,#5e2c10,#3d1e0c);border-radius:7px 7px 0 0;color:#fff}.scene-number-text{font-size:9px;font-weight:900;letter-spacing:.05em}.scene-phase{margin-left:auto;background:#f3a53e;color:#4f260d;border-radius:10px;padding:3px 7px;font-size:7.5px;font-weight:900}.scene-duration{border-left:1px solid rgba(255,255,255,.2);padding-left:7px;font-size:8px;color:#ffe1bd;font-weight:700}.prompt-only-content{padding:10px}.prompt-only-content h3{font-size:16px;white-space:normal}.prompt-only-content>p{height:auto;min-height:32px;max-height:50px;font-size:10px;line-height:1.45;margin:5px 0}.scene-phase-desc{font-size:8px;color:#9c6b43;background:#fff5e8;border-radius:5px;padding:5px 6px;margin-bottom:7px}.prompt-preview-block{border:1px solid #ead6c2;border-radius:7px;background:#fff;overflow:hidden;margin-top:7px}.prompt-preview-head{min-height:32px;padding:5px 6px 5px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f9eee2;border-bottom:1px solid #ead6c2}.video-prompt-block .prompt-preview-head{background:#f5eee8}.prompt-preview-head b{font-size:9px;color:#4b2a18}.prompt-preview-head>div{display:flex;gap:4px}.text-link-btn{height:24px;border:1px solid #ddc3a7;background:#fff;color:#7f4d28;border-radius:5px;padding:0 7px;font-size:8px;font-weight:800}.prompt-preview-head .copy-scene{height:24px;border:1px solid #e0bd95;border-radius:5px;background:#fff1df}.prompt-preview-block>p{margin:0;padding:7px 8px;height:54px;overflow:hidden;font:500 8.5px/1.45 Inter,sans-serif;color:#685547}.copy-both-prompts{width:100%;height:29px;margin-top:8px;border:1px solid #d7af84;border-radius:6px;background:linear-gradient(180deg,#fff8ed,#f5e4d1);color:#743d13;font-size:8.5px;font-weight:900;cursor:pointer}.copy-both-prompts:hover{background:#f8e5cb}.scene-grid.list-view.prompt-only-grid{display:block}.scene-grid.list-view .prompt-scene-card{display:block;margin-bottom:9px}.scene-grid.list-view .prompt-only-content{display:grid;grid-template-columns:220px 1fr 1fr 170px;gap:8px;align-items:start}.scene-grid.list-view .prompt-only-content h3{grid-column:1}.scene-grid.list-view .prompt-only-content>p{grid-column:1;margin-top:2px}.scene-grid.list-view .scene-phase-desc{grid-column:1}.scene-grid.list-view .prompt-preview-block{margin-top:0}.scene-grid.list-view .copy-both-prompts{width:160px;margin:0}.prompt-only-dialog{width:min(930px,94vw)}.prompt-only-modal-note{margin:12px 0 0;padding:8px 10px;border-radius:6px;background:#eaf7ee;border:1px solid #b4dbc0;color:#2f6f44;font-size:9px;font-weight:700}.prompt-only-dialog .prompt-editor-block textarea{height:150px}.settings-prompt-only{margin:0 0 12px}.settings-prompt-only a{display:none}.settings-prompt-only{grid-template-columns:34px 1fr}.api-summary .usage-number+ .usage-number{margin-top:8px}
@media(max-width:1250px){.prompt-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v32-setup{grid-template-columns:1fr}.preset-strip{align-items:flex-start;flex-direction:column}.preset-strip-title{min-width:0}.preset-buttons{justify-content:flex-start}.scene-grid.list-view .prompt-only-content{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prompt-only-banner{grid-template-columns:30px 1fr}.prompt-only-banner a{grid-column:1/-1;text-align:center}.workflow-guide{grid-template-columns:1fr}.workflow-arrow{transform:rotate(90deg)}.preset-strip{margin:6px}.v32-setup{margin:0 6px}.prompt-only-grid{grid-template-columns:1fr}.v32-scenes-head{align-items:flex-start;gap:8px}.v32-scenes-head>div:first-child{max-width:100%}.view-tools{align-items:flex-end}.scene-grid.list-view .prompt-only-content{display:block}.scene-grid.list-view .copy-both-prompts{width:100%;margin-top:8px}.story-picker{margin-left:6px;margin-right:6px}.story-picker-head{align-items:flex-start;flex-direction:column}.story-picker-actions{width:100%;flex-wrap:wrap}.character-grid{grid-template-columns:1fr}.v32-heading>div{grid-template-columns:32px 1fr}.v32-heading p{grid-column:1/-1;margin-top:5px}.v32-project-fields{grid-template-columns:1fr}.v32-project-fields label,.v32-project-fields label.half,.v32-project-fields label.half:nth-of-type(n){grid-column:1/-1;grid-template-columns:92px 1fr}}

/* === V3.3 CONNECTED STORY WORKFLOW / UI REDESIGN === */
.v33-body{background:#f4ecdf;color:#321d10}.v33-sidebar{width:168px;background:linear-gradient(180deg,#3b1d0d 0%,#2a1408 63%,#2c160a 100%)}.v33-brand{height:79px;flex-direction:column;gap:0;background:#32180b;text-decoration:none}.v33-brand img{width:130px;height:56px;object-fit:cover}.v33-brand span{font:600 9px Inter,sans-serif;color:#e9c79f;margin-top:-3px}.v33-side-nav{padding:9px 7px}.v33-side-nav a{height:43px;grid-template-columns:24px 1fr;padding:0 12px;font-size:12px;border-radius:5px;margin:2px 0}.v33-side-nav a svg{width:18px;height:18px}.v33-side-nav a.active{background:linear-gradient(90deg,#d26706,#9a4107);box-shadow:inset 3px 0 #f4ad46,0 4px 10px rgba(0,0,0,.16)}.v33-side-deco{height:300px;padding:110px 12px 15px;background:linear-gradient(180deg,rgba(43,22,10,0),rgba(43,22,10,.45)),url('../img/sidebar-art.jpg') center bottom/cover no-repeat}.v33-side-deco p{font-size:16px;line-height:1.45;margin:25px 0 0;color:#edbd78}.v33-side-deco small{font-size:8px}.v33-main{margin-left:168px;min-height:100vh;padding-top:50px}.v33-topbar{position:fixed;z-index:25;left:168px;right:0;top:0;height:50px;background:linear-gradient(180deg,#5a2c12,#40200f);border-bottom:1px solid #713913;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#fff;box-shadow:0 2px 8px rgba(56,28,11,.16)}.v33-topnav{height:100%;display:flex;align-items:center;gap:4px}.v33-topnav a{height:34px;padding:0 10px;display:flex;align-items:center;color:#f4ddc6;text-decoration:none;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.v33-topnav a:hover{background:rgba(255,255,255,.07)}.v33-topnav a.active{background:linear-gradient(180deg,#f39a2d,#d96c09);color:#3a1d0b;box-shadow:inset 0 0 0 1px #f7bd71}.v33-top-actions{display:flex;align-items:center;gap:10px}.v33-search{height:31px;width:220px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:5px;padding:0 10px;color:#f3d9ba}.v33-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.v33-search input::placeholder{color:#d9b995}.v33-bell{font-size:14px}.v33-user{height:42px;display:flex;align-items:center;gap:7px;border-left:1px solid rgba(255,255,255,.1);padding-left:9px}.v33-user img{width:29px;height:29px;border-radius:50%;object-fit:cover;border:2px solid #f3bf83}.v33-user small,.v33-user b{display:block}.v33-user small{font-size:7px;color:#e9c7a7}.v33-user b{font-size:9px}.v33-user em{display:block;font-size:6.5px;font-style:normal;color:#c8eacb}.v33-user em.off{color:#f1bf9c}.v33-page-form{margin:8px 9px 0}.v33-title-card{height:69px;padding:8px 12px;display:flex;align-items:center;gap:10px}.v33-title-icon{font-size:34px;line-height:1}.v33-title-card h1{font:800 23px/1.05 'Playfair Display',serif;color:#43210d;margin:0}.v33-title-card p{font-size:9.5px;color:#735b47;margin:5px 0 0}.v33-title-card strong{color:#8b3c08}.v33-create-grid{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:8px;margin-top:7px}.v33-main-flow{display:flex;flex-direction:column;gap:8px}.v33-step-card{padding:10px 12px}.v33-step-head{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;margin-bottom:9px}.v33-step-head.compact{grid-template-columns:35px 1fr}.v33-step-head>span{width:35px;height:35px;border-radius:50%;background:linear-gradient(180deg,#f18a18,#ce5e07);color:#fff;display:grid;place-items:center;font:800 18px 'Playfair Display',serif;box-shadow:inset 0 1px rgba(255,255,255,.4)}.v33-step-head h2{font:800 19px/1 'Playfair Display',serif;color:#4a2511;margin:0}.v33-step-head p{font-size:9px;color:#806854;margin:4px 0 0;line-height:1.4}.v33-step-head>a{height:29px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #d99455;border-radius:5px;background:#fffaf4;color:#83430e;text-decoration:none;font-size:8.5px;font-weight:800}.v33-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.v33-category-card{height:60px;border:1px solid #e1cfbc;border-radius:6px;background:#fffdf9;padding:0;display:grid;grid-template-columns:58px 1fr;align-items:center;overflow:hidden;position:relative;cursor:pointer;color:#392419;transition:.16s}.v33-category-card img{width:58px;height:60px;object-fit:cover}.v33-category-card>span{font-size:9px;font-weight:800;padding:0 6px;text-align:left;line-height:1.2}.v33-category-card i{display:none;position:absolute;right:4px;top:4px;width:15px;height:15px;border-radius:50%;background:#df6d0b;color:#fff;font-style:normal;font-size:9px;place-items:center}.v33-category-card:hover{border-color:#d98b47;box-shadow:0 2px 8px rgba(104,48,12,.08)}.v33-category-card.active{border:2px solid #e47711;background:#fff5e7;box-shadow:0 0 0 2px rgba(228,119,17,.09)}.v33-category-card.active i{display:grid}.v33-relation-note{margin-top:8px;border-radius:5px;background:#fff5e8;border:1px dashed #e0b584;padding:7px 9px;font-size:8px;color:#7a5739}.v33-relation-note b{color:#9a4e10}.v33-fields-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 9px}.v33-fields-grid label{display:block}.v33-fields-grid label>b{display:block;font-size:8.5px;color:#513723;margin:0 0 4px}.v33-fields-grid input,.v33-fields-grid select{width:100%;height:31px;border:1px solid #dbc8b5;border-radius:5px;background:#fff;padding:0 8px;font-size:9px;color:#443124;outline:0}.v33-fields-grid input:focus,.v33-fields-grid select:focus{border-color:#df7714;box-shadow:0 0 0 2px rgba(223,119,20,.08)}.v33-topic-field{grid-column:1/-1}.v33-emotion-wrap{margin-top:9px}.v33-emotion-wrap>b{font-size:9px;color:#513723}.v33-emotions{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:5px}.v33-emotions label{height:37px;border:1px solid #e1ceb9;border-radius:6px;background:#fffaf4;cursor:pointer;display:grid;place-items:center}.v33-emotions input{display:none}.v33-emotions span{font-size:9px;font-weight:700;color:#6b4d34}.v33-emotions label.active{border-color:#eb7d16;background:#fff1df;box-shadow:inset 0 0 0 1px rgba(235,125,22,.12)}.v33-emotions label.active span{color:#9d470b}.v33-advanced{margin-top:8px;border-top:1px dashed #e2cfbc;padding-top:6px}.v33-advanced summary{cursor:pointer;font-size:8.5px;font-weight:800;color:#7a4c25}.v33-advanced>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.v33-advanced label{font-size:8px;font-weight:800;color:#61432b}.v33-advanced textarea{display:block;width:100%;height:55px;margin-top:4px;border:1px solid #dbc8b5;border-radius:5px;padding:6px;font-size:8.5px}.v33-generate-step{padding:9px 12px}.v33-generate-step .v33-step-head{margin-bottom:7px}.v33-generate-actions{display:grid;grid-template-columns:1fr 320px;gap:9px;align-items:center}.v33-api-chip{height:43px;border:1px solid #d6c8b8;border-radius:6px;background:#fffaf4;display:grid;grid-template-columns:12px 1fr;align-items:center;gap:7px;padding:0 10px}.v33-api-chip i{width:8px;height:8px;border-radius:50%;background:#b46c35}.v33-api-chip.ready i{background:#3da660;box-shadow:0 0 0 4px #e3f4e8}.v33-api-chip b,.v33-api-chip small{display:block}.v33-api-chip b{font-size:8.5px;color:#5a3d28}.v33-api-chip small{font-size:7.5px;color:#9a7a61;margin-top:2px}.v33-generate-btn{height:43px;border:0;border-radius:6px;background:linear-gradient(180deg,#e6790d,#ba4e00);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 4px 10px rgba(132,55,5,.18)}.v33-generate-btn:disabled{opacity:.45;cursor:not-allowed}.v33-side-column{display:flex;flex-direction:column;gap:8px}.v33-character-box,.v33-summary-box{padding:9px}.v33-side-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadaca;padding-bottom:6px}.v33-side-title h3{font:800 14px 'Playfair Display',serif;color:#4a2511;margin:0}.v33-side-title>a,.v33-side-title>span{font-size:7.5px;color:#8a4a17;text-decoration:none;border:1px solid #dfbe9d;border-radius:5px;padding:4px 7px;background:#fffaf3}.v33-side-help{font-size:7.5px;color:#96795e;line-height:1.35;margin:6px 0}.v33-character-list{display:flex;flex-direction:column}.v33-character-item{height:70px;display:grid;grid-template-columns:58px 1fr 36px;align-items:center;border:0;border-bottom:1px solid #eee0d1;border-radius:0;background:transparent;box-shadow:none;padding:5px 0;overflow:visible}.v33-character-item:last-child{border-bottom:0}.v33-character-item img{width:54px;height:58px;border-radius:5px;object-fit:cover}.v33-character-item>div b,.v33-character-item>div span{display:block}.v33-character-item>div b{font:800 14px 'Playfair Display',serif;color:#3e2111}.v33-character-item>div span{font-size:7.5px;color:#7b6654;margin-top:3px;line-height:1.25}.v33-character-item .edit-character{position:static;width:32px;height:24px;opacity:1;border:1px solid #e2c29f;background:#fff8ee;color:#9a4f13;border-radius:5px;font-size:7.5px}.v33-regen{display:flex;gap:5px;align-items:center;margin-top:7px;font-size:7.5px;color:#70523a}.v33-regen input{accent-color:#c65c08}.v33-summary-box ul{list-style:none;padding:0;margin:6px 0}.v33-summary-box li{min-height:28px;border-bottom:1px solid #eee1d3;display:grid;grid-template-columns:83px 1fr;gap:5px;align-items:center;font-size:7.8px}.v33-summary-box li b{color:#65472f}.v33-summary-box li span{color:#7d6755;line-height:1.25}.v33-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.v33-summary-actions a,.v33-summary-actions button{height:29px;border:1px solid #d8ad82;border-radius:5px;background:#fff8ed;color:#80400e;font-size:7.5px;font-weight:800;display:grid;place-items:center;text-decoration:none;cursor:pointer}.v33-summary-actions button{background:linear-gradient(180deg,#ce6207,#a84300);color:#fff;border-color:#a84300}.v33-results{margin:8px 9px 12px;padding:9px}.v33-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.v33-results-head h2{font:800 19px 'Playfair Display',serif;color:#4a2511;margin:0}.v33-results-head p{font-size:8.5px;color:#826a56;margin:3px 0 0}.v33-results-head>div:last-child{display:flex;gap:5px}.v33-results-head button{height:29px;border:1px solid #dcc0a5;background:#fffaf3;color:#74401b;border-radius:5px;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer}.v33-results-head .view-btn.active{background:#a94b08;color:#fff;border-color:#a94b08}.v33-scene-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.v33-scene-card{background:#fffdf9;border-color:#e1ceb9;overflow:hidden}.v33-scene-card:hover{transform:none}.v33-scene-top{height:27px;display:flex;align-items:center;gap:6px;padding:0 6px;background:#fffaf3;border-bottom:1px solid #ebdbca}.v33-scene-top>span{font-size:8px;font-weight:900;color:#4d2c18}.v33-scene-top small{font-size:7px;color:#a65b1b}.v33-scene-top em{margin-left:auto;font-size:6.5px;font-style:normal;font-weight:900;color:#66903c}.v33-scene-thumb{height:88px;position:relative;background:#dfd2c5}.v33-scene-thumb img{width:100%;height:100%;object-fit:cover}.v33-scene-thumb span{position:absolute;bottom:4px;left:4px;background:rgba(48,26,13,.78);color:#fff;padding:2px 5px;border-radius:3px;font-size:5.8px;font-weight:800}.v33-scene-body{padding:7px}.v33-scene-body h3{font-size:13px;white-space:normal}.v33-scene-body>p{height:31px;font-size:8px;line-height:1.35;margin:3px 0}.v33-phase-note{display:block;color:#9a704e;font-size:6.5px;margin-bottom:5px}.v33-prompt-block{border-top:1px solid #ecdcca;padding-top:5px;margin-top:5px}.v33-prompt-block>div{display:flex;align-items:center;justify-content:space-between}.v33-prompt-block b{font-size:7.2px;color:#5d3820}.v33-prompt-block button{height:21px;border:1px solid #e4be96;border-radius:4px;background:#fff5e8;color:#8e470e;padding:0 5px;font-size:6.5px;font-weight:800}.v33-prompt-block p{height:36px;overflow:hidden;font-size:6.8px;line-height:1.35;color:#705c4b;margin:4px 0 0}.v33-open-prompt{width:100%;height:24px;margin-top:6px;border:1px solid #dfc1a3;background:#fffaf3;color:#7d461e;border-radius:4px;font-size:6.8px;font-weight:800}.v33-scene-grid.list-view{display:block}.v33-scene-grid.list-view .v33-scene-card{display:grid;grid-template-columns:90px 150px 1fr;margin-bottom:7px}.v33-scene-grid.list-view .v33-scene-top{grid-column:1/-1}.v33-scene-grid.list-view .v33-scene-thumb{height:100%;min-height:130px}.v33-scene-grid.list-view .v33-scene-body{display:grid;grid-template-columns:180px 1fr 1fr;gap:8px}.v33-scene-grid.list-view .v33-scene-body h3,.v33-scene-grid.list-view .v33-scene-body>p,.v33-scene-grid.list-view .v33-phase-note{grid-column:1}.v33-scene-grid.list-view .v33-prompt-block{margin-top:0;border:1px solid #ecdcca;padding:6px}.v33-scene-grid.list-view .v33-open-prompt{grid-column:1;width:150px}.v33-prompt-dialog{width:min(900px,94vw)}.v33-prompt-dialog .prompt-editor-block textarea{height:150px}.hidden-prompt{display:none!important}
@media(max-width:1360px){.v33-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.v33-scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v33-topnav a{padding:0 7px;font-size:9px}.v33-search{width:165px}}
@media(max-width:1120px){.v33-create-grid{grid-template-columns:1fr}.v33-side-column{display:grid;grid-template-columns:1fr 1fr}.v33-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v33-fields-grid{grid-template-columns:repeat(2,1fr)}.v33-scene-grid{grid-template-columns:repeat(3,1fr)}.v33-topnav a:nth-child(n+4){display:none}.v33-search{display:none}}
@media(max-width:760px){.v33-sidebar{width:66px}.v33-brand img{width:58px;height:48px}.v33-brand span,.v33-side-nav a span,.v33-side-deco{display:none}.v33-side-nav a{grid-template-columns:1fr;place-items:center;padding:0}.v33-main{margin-left:66px}.v33-topbar{left:66px}.v33-topnav a{font-size:0;padding:0 7px}.v33-topnav a:first-letter{font-size:14px}.v33-user div,.v33-user>span{display:none}.v33-title-card{height:auto}.v33-title-card h1{font-size:18px}.v33-create-grid{display:block}.v33-side-column{display:block}.v33-character-box,.v33-summary-box{margin-top:8px}.v33-category-grid{grid-template-columns:repeat(2,1fr)}.v33-fields-grid{grid-template-columns:1fr}.v33-topic-field{grid-column:auto}.v33-emotions{grid-template-columns:repeat(2,1fr)}.v33-generate-actions{grid-template-columns:1fr}.v33-scene-grid{grid-template-columns:1fr}.v33-results-head{align-items:flex-start;gap:8px;flex-direction:column}.v33-scene-grid.list-view .v33-scene-card,.v33-scene-grid.list-view .v33-scene-body{display:block}}

/* =========================================================
   V3.4 — AUTH + CHARACTER LIBRARY + COST STATS + LARGER CREATE UI
   ========================================================= */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#241107,#4b2712 58%,#7a3d10);font-family:Inter,Arial,sans-serif}.auth-card{width:min(460px,94vw);background:#fffaf3;border:1px solid #e0c4a5;border-radius:18px;padding:28px;box-shadow:0 30px 90px #16090070}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}.auth-brand img{width:82px;height:60px;object-fit:cover;border-radius:10px}.auth-brand h1{font:800 24px 'Playfair Display',serif;color:#6d300b;margin:0}.auth-brand p{margin:2px 0 0;color:#9b6b43;font-size:12px}.auth-card>h2{font:800 28px 'Playfair Display',serif;color:#3e210f;margin:0 0 4px}.auth-sub{font-size:13px;line-height:1.55;color:#806a57;margin:0 0 18px}.auth-error{background:#fff0ec;border:1px solid #eab7a9;color:#9b2f1e;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px}.auth-form{display:grid;gap:12px}.auth-form label{font-size:13px;font-weight:800;color:#58371f}.auth-form input{display:block;width:100%;height:43px;margin-top:5px;border:1px solid #d8c0aa;border-radius:8px;padding:0 12px;background:#fff;font-size:14px;outline:0}.auth-form input:focus{border-color:#d1690b;box-shadow:0 0 0 3px #e67c1718}.auth-form button{height:46px;border:0;border-radius:8px;background:linear-gradient(#df760c,#b94d00);color:#fff;font-weight:900;font-size:14px;cursor:pointer}.auth-foot{text-align:center;margin:17px 0 0;font-size:13px;color:#76604e}.auth-foot a{color:#a84b08;font-weight:800}.v34-user{gap:9px}.v34-user-links{display:flex!important;gap:5px!important;margin-left:4px}.v34-user-links a{font-size:9px!important;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.22);padding:4px 6px;border-radius:5px}.v34-user-links a:hover{background:rgba(255,255,255,.12)}

/* CREATE MV: tăng chữ rõ rệt so với V3.3 */
.v34-create-page .v33-title-card h1{font-size:24px}.v34-create-page .v33-title-card p{font-size:12px;line-height:1.5}.v34-create-page .v33-step-head h2{font-size:19px}.v34-create-page .v33-step-head p{font-size:11.5px;line-height:1.48}.v34-create-page .v33-step-head>a{font-size:10px}.v34-create-page .v33-category-card span{font-size:11px;font-weight:800}.v34-create-page .v33-relation-note{font-size:11px;line-height:1.45}.v34-create-page .v33-fields-grid label>b{font-size:11.5px;margin-bottom:5px}.v34-create-page .v33-fields-grid input,.v34-create-page .v33-fields-grid select{height:36px;font-size:12px;padding:0 10px}.v34-create-page .v33-emotion-wrap>b{font-size:12px}.v34-create-page .v33-emotions span{font-size:11px}.v34-create-page .v33-advanced summary{font-size:11px}.v34-create-page .v33-advanced label{font-size:11px}.v34-create-page .v33-advanced textarea{font-size:11.5px;line-height:1.45}.v34-create-page .v33-api-chip{height:48px}.v34-create-page .v33-api-chip b{font-size:11px}.v34-create-page .v33-api-chip small{font-size:9.5px}.v34-create-page .v33-generate-btn{height:48px;font-size:13px}.v34-create-page .v33-side-title h3{font-size:16px}.v34-create-page .v33-side-title h3 span{font:700 9px Inter,sans-serif;color:#a35b20;background:#fff1df;border:1px solid #e6c197;border-radius:99px;padding:3px 6px;margin-left:3px}.v34-create-page .v33-side-title>a,.v34-create-page .v33-side-title>span{font-size:9.5px}.v34-create-page .v33-side-help{font-size:10px;line-height:1.5}.v34-create-page .v33-summary-box li{font-size:10.5px;grid-template-columns:95px 1fr;min-height:31px}.v34-create-page .v33-summary-actions a,.v34-create-page .v33-summary-actions button{font-size:10px;height:33px}.v34-create-page~.v33-results .v33-results-head h2,.v34-body .v33-results-head h2{font-size:21px}.v34-body .v33-results-head p{font-size:10.5px}.v34-body .v33-scene-top>span{font-size:10px}.v34-body .v33-scene-top small{font-size:9px}.v34-body .v33-scene-top em{font-size:8px}.v34-body .v33-scene-body h3{font-size:15px}.v34-body .v33-scene-body>p{font-size:10px;line-height:1.45;height:42px}.v34-body .v33-phase-note{font-size:8.5px}.v34-body .v33-prompt-block b{font-size:9.5px}.v34-body .v33-prompt-block button{font-size:8.5px;height:24px}.v34-body .v33-prompt-block p{font-size:9px;line-height:1.45;height:46px}.v34-body .v33-open-prompt{font-size:9px;height:28px}

/* Character picker inside create_mv.php */
.v34-character-pick-list{max-height:420px;overflow:auto;padding-right:2px}.v34-character-pick{display:grid;grid-template-columns:24px 54px 1fr 18px;align-items:center;gap:7px;min-height:67px;border-bottom:1px solid #ecdfd1;padding:5px 3px;cursor:pointer;border-radius:6px}.v34-character-pick:hover{background:#fff5e7}.v34-character-pick.selected{background:#fff0dc;border-color:#e7b478}.v34-character-pick input{width:16px;height:16px;accent-color:#c55b08}.v34-character-pick img{width:52px;height:56px;border-radius:6px;object-fit:cover}.v34-character-pick span b{display:block;font:800 14px 'Playfair Display',serif;color:#3c2112}.v34-character-pick span small{display:block;margin-top:3px;font-size:9px;line-height:1.3;color:#7a6654}.v34-character-pick>i{font-style:normal;color:#fff;width:17px;height:17px;border-radius:50%;background:#36a35e;display:none;place-items:center;font-size:10px}.v34-character-pick.selected>i{display:grid}.v34-manage-character-btn{display:block;margin-top:8px;text-align:center;border:1px solid #dfb98f;border-radius:6px;padding:8px;text-decoration:none;color:#8b460f;font-size:10px;font-weight:800;background:#fff9f1}

/* Dedicated character management */
.v34-character-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:12px}.v34-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v34-character-card{background:#fffaf5;border:1px solid #e4d1bd;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:115px 1fr;min-height:220px;position:relative}.v34-character-card.inactive{opacity:.55}.v34-character-photo{position:relative;background:#ddd}.v34-character-photo img{width:100%;height:100%;min-height:220px;object-fit:cover}.v34-character-photo span{position:absolute;left:5px;top:5px;background:#55250bd9;color:#fff4e6;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:900}.v34-character-content{padding:12px 10px 42px}.v34-character-content h3{font:800 20px 'Playfair Display',serif;color:#3f2110;margin:0}.v34-character-content>b{display:block;font-size:11px;color:#6a4931;margin-top:3px}.v34-character-content>small{display:block;font-size:9px;color:#a06e48;margin-top:4px}.v34-character-content>p{font-size:10.5px;line-height:1.5;color:#6e5a49}.v34-character-content details{font-size:9px;color:#795133}.v34-character-content summary{cursor:pointer;font-weight:800;color:#9b4e12}.v34-character-content details div{line-height:1.45;margin-top:5px}.v34-character-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:4px;align-items:center}.v34-character-actions form{margin:0}.v34-character-form{padding:14px;align-self:start;position:sticky;top:62px}.v34-character-form h2{font:800 22px 'Playfair Display',serif;color:#47240f;margin:4px 0}.v34-character-form>p{font-size:11px;line-height:1.5;color:#826b57}.v34-character-form .two-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v34-character-form textarea.tall{height:130px}.v34-edit-preview{width:100%;max-height:180px;object-fit:cover;border-radius:8px;border:1px solid #dcc7b1}.v34-character-form .secondary-btn{display:grid;place-items:center;margin-top:6px;text-decoration:none}

/* User management */
.v34-filter{display:flex;gap:7px;margin-bottom:10px}.v34-filter input{width:min(430px,70vw);height:37px;border:1px solid #d9c3af;border-radius:7px;padding:0 10px;background:#fff}.v34-user-table select{height:31px;border:1px solid #d7c0aa;border-radius:5px;background:#fff}.inline-user-form{display:contents}.user-reset{display:inline-block;margin:0 4px}.user-reset summary{cursor:pointer;font-size:9px;font-weight:800;color:#8f4b17}.user-reset form{position:absolute;z-index:8;background:#fffaf3;border:1px solid #d9c1a8;border-radius:7px;padding:8px;box-shadow:0 8px 25px #4b210d2e}.user-reset input{height:30px;border:1px solid #d9c1a8;border-radius:5px;padding:0 7px;font-size:10px}

/* Stats/cost */
.v34-stats-filter{display:flex;align-items:end;gap:7px;flex-wrap:wrap;background:#fffaf4;border:1px solid #e3d1bd;border-radius:8px;padding:10px;margin-bottom:10px}.v34-stats-filter label{font-size:10px;font-weight:800;color:#68472e}.v34-stats-filter input,.v34-stats-filter select{display:block;margin-top:4px;height:34px;border:1px solid #d7c0a8;border-radius:6px;background:#fff;padding:0 8px;font-size:11px}.v34-cost-cards .stat-card span{display:block;font-size:10px;color:#8b6849;margin-top:3px}.v34-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.v34-stats-grid>.panel,.v34-run-list{padding:12px}.v34-stats-grid h2,.v34-run-list h2{font:800 19px 'Playfair Display',serif;color:#4d270f;margin:0 0 9px}.v34-run-list{margin-top:10px}.badge.ok{background:#e8f6ec;color:#277344}.badge.bad{background:#fff0ea;color:#a13a22}

@media(max-width:1280px){.v34-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v34-character-layout{grid-template-columns:1fr 330px}.v34-stats-grid{grid-template-columns:1fr}}
@media(max-width:900px){.v34-character-layout{grid-template-columns:1fr}.v34-character-form{position:static}.v34-character-grid{grid-template-columns:1fr}.v34-user-links{display:none!important}}


/* =========================================================
   V3.6 — STORY ENGINE + KHO LIÊN KẾT
   ========================================================= */
.v35-story-engine{margin:10px 0;padding:13px}.v35-engine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px dashed #e3cdb6}.v35-engine-head span{font-size:9px;letter-spacing:.14em;color:#bd5b0a;font-weight:900}.v35-engine-head h2{font:800 20px 'Playfair Display',serif;margin:3px 0;color:#45220f}.v35-engine-head p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#75604f}.v35-engine-head>a{white-space:nowrap;border:1px solid #d99b5a;background:#fff3df;color:#873f0b;padding:8px 11px;border-radius:7px;text-decoration:none;font-size:10px;font-weight:900}.v35-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.v35-engine-grid article{display:grid;grid-template-columns:32px 1fr;gap:7px;border:1px solid #ead8c5;background:linear-gradient(180deg,#fffdf9,#fff7ed);border-radius:8px;padding:9px;min-height:114px}.v35-engine-grid article>span{font-size:22px}.v35-engine-grid b{display:block;font:800 13px 'Playfair Display',serif;color:#472612}.v35-engine-grid p{font-size:9px;line-height:1.4;color:#765f4d;margin:4px 0}.v35-engine-grid small{display:block;font-size:8px;line-height:1.4;color:#9a612e;background:#fff2df;border-radius:5px;padding:5px}.v35-story-engine-note{margin-top:8px;border:1px solid #e4c08f;background:linear-gradient(180deg,#fff8eb,#fff0dc);border-radius:8px;padding:9px 10px}.v35-story-engine-note b{display:block;font-size:11px;color:#74400f}.v35-story-engine-note span{display:block;margin-top:3px;font-size:10px;font-weight:800;color:#95500e}.v35-story-engine-note small{display:block;margin-top:4px;font-size:9px;line-height:1.45;color:#79614e}.v34-create-page .v33-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.v34-create-page .v33-category-card{min-height:62px}.v34-create-page .v33-category-card span{line-height:1.25}
@media(max-width:1300px){.v35-engine-grid{grid-template-columns:repeat(3,1fr)}.v34-create-page .v33-category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.v35-engine-grid{grid-template-columns:repeat(2,1fr)}.v34-create-page .v33-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.v35-engine-grid{grid-template-columns:1fr}.v35-engine-head{flex-direction:column}.v34-create-page .v33-category-grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   V3.8 — HEALTH CONTENT ENGINE
   ========================================================= */
.v37-content-engine-step{overflow:visible}.v37-engine-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 12px}.v37-engine-option{position:relative;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:10px;border:1px solid #dfc7ae;background:linear-gradient(180deg,#fffdf9,#fff7ee);border-radius:10px;padding:12px;text-align:left;cursor:pointer;color:#4d2b16}.v37-engine-option>span{width:42px;height:42px;border-radius:10px;background:#fff0dd;display:grid;place-items:center;font-size:24px}.v37-engine-option b{display:block;font:800 16px 'Playfair Display',serif}.v37-engine-option small{display:block;margin-top:4px;font-size:10.5px;line-height:1.4;color:#7d6755}.v37-engine-option>i{display:none;width:21px;height:21px;border-radius:50%;background:#d76508;color:#fff;font-style:normal;place-items:center;font-size:12px}.v37-engine-option.active{border:2px solid #d76608;background:linear-gradient(180deg,#fff8ed,#ffedd4);box-shadow:0 4px 14px #9d4b0d18}.v37-engine-option.active>i{display:grid}.v37-engine-panel{display:none}.v37-engine-panel.active{display:block}.v37-subhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-top:1px dashed #e4cdb6;padding-top:10px;margin-top:2px;margin-bottom:8px}.v37-subhead b{display:block;font-size:12px;color:#572a10}.v37-subhead small{display:block;font-size:10px;line-height:1.45;color:#7a6655;margin-top:3px}.v37-subhead>a{white-space:nowrap;border:1px solid #dfae76;border-radius:6px;padding:7px 9px;color:#91470e;text-decoration:none;font-size:9.5px;font-weight:800;background:#fff7eb}
.v37-health-audience-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.v37-health-audience{position:relative;min-height:82px;border:1px solid #e0cbb8;background:#fffaf4;border-radius:8px;padding:9px;text-align:left;cursor:pointer;display:grid;grid-template-columns:30px 1fr 16px;gap:6px;align-items:center;color:#4d2b17}.v37-health-audience>span{font-size:22px}.v37-health-audience b{display:block;font:800 12px 'Playfair Display',serif;line-height:1.25}.v37-health-audience small{display:block;font-size:8.5px;color:#8f6d52;margin-top:3px}.v37-health-audience>i{display:none;width:16px;height:16px;border-radius:50%;background:#3a9b5c;color:#fff;font-style:normal;place-items:center;font-size:9px}.v37-health-audience.active{border:2px solid #3b9860;background:#edf9f1}.v37-health-audience.active>i{display:grid}.v37-health-config{display:grid;grid-template-columns:1.4fr 1fr;gap:9px;margin-top:10px}.v37-health-config label{display:block;border:1px solid #e4d0bb;background:#fffdf9;border-radius:8px;padding:10px}.v37-health-config label>b{display:block;font-size:11.5px;margin-bottom:6px;color:#4e2914}.v37-health-config select{width:100%;height:38px;border:1px solid #d9bea2;border-radius:6px;background:#fff;padding:0 9px;font-size:12px}.v37-health-config label>small{display:block;margin-top:6px;color:#796454;font-size:9.5px;line-height:1.45}.v37-health-link-note{margin-top:9px;padding:9px 10px;border:1px solid #b9dcc5;background:#f0faf3;border-radius:7px;font-size:10px;line-height:1.45}.v37-health-link-note b{color:#277044}.v37-health-link-note span{color:#466552}.v37-health-safety{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:flex-start;margin-top:8px;border:1px solid #a9d3b7;background:linear-gradient(180deg,#f5fff8,#eaf8ef);border-radius:8px;padding:9px}.v37-health-safety>span{font-size:22px}.v37-health-safety b{display:block;color:#23683e;font-size:11px}.v37-health-safety small{display:block;color:#51705c;line-height:1.5;font-size:9.5px;margin-top:3px}

/* Health bank */
.v37-health-title h1{color:#3a2517}.v37-safety-banner{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px;margin-bottom:10px;background:linear-gradient(180deg,#f4fff7,#ecf8f0);border-color:#b8d8c1}.v37-safety-banner>div:first-child{font-size:28px}.v37-safety-banner b{font-size:12px;color:#276842}.v37-safety-banner p{margin:3px 0 0;font-size:10px;line-height:1.5;color:#55705f}.v37-audience-panel{padding:13px}.v37-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px dashed #e2cdb7}.v37-section-head small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#bd5d10}.v37-section-head h2{font:800 20px 'Playfair Display',serif;color:#47240f;margin:2px 0}.v37-section-head p{margin:2px 0;font-size:10px;line-height:1.45;color:#7a6655}.v37-section-head>a{border:1px solid #d99b5c;background:#fff3df;color:#8b420d;text-decoration:none;padding:7px 9px;border-radius:6px;font-size:9.5px;font-weight:800}.v37-audience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.v37-audience-card{display:grid;grid-template-columns:34px 1fr 14px;gap:7px;align-items:start;min-height:115px;border:1px solid #e3d0bd;background:#fffaf4;border-radius:9px;padding:10px;text-decoration:none;color:#4f2d18}.v37-audience-card>span{font-size:25px}.v37-audience-card b{font:800 13px 'Playfair Display',serif}.v37-audience-card small{display:block;font-size:8px;color:#9b6d49;margin:2px 0}.v37-audience-card p{font-size:9px;line-height:1.4;color:#786454;margin:4px 0}.v37-audience-card>i{font-style:normal;color:#b26120}.v37-audience-card.active{border:2px solid #3b9860;background:#eefaf2}.v37-audience-card.disabled{opacity:.5}.v37-health-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:10px;margin-top:10px}.v37-health-list{padding:13px}.v37-topic-list{margin-top:5px}.v37-health-topic{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 3px;border-bottom:1px solid #eadbcd}.v37-health-topic.inactive{opacity:.45}.v37-health-topic h3{font:800 15px 'Playfair Display',serif;color:#492711;margin:0}.v37-health-topic p{font-size:10px;line-height:1.5;color:#745f50;margin:4px 0}.v37-health-topic small{display:block;background:#fff6eb;border-radius:5px;padding:5px;font-size:8.5px;color:#8c6748}.v37-topic-actions{display:flex;gap:4px}.v37-topic-actions form{margin:0}.v37-health-add{position:sticky;top:60px;align-self:start}

@media(max-width:1250px){.v37-health-audience-picker,.v37-audience-grid{grid-template-columns:repeat(3,1fr)}.v37-health-grid{grid-template-columns:1fr 320px}}
@media(max-width:900px){.v37-engine-switch,.v37-health-config,.v37-health-grid{grid-template-columns:1fr}.v37-health-audience-picker,.v37-audience-grid{grid-template-columns:repeat(2,1fr)}.v37-health-add{position:static}}
@media(max-width:560px){.v37-health-audience-picker,.v37-audience-grid{grid-template-columns:1fr}.v37-subhead,.v37-section-head{flex-direction:column}}


/* ===== V3.8: linh hoạt số cảnh / thời lượng + bộ phong cách vùng cao ===== */
.v38-flex-field{position:relative}
.v38-flex-field small{display:block;margin-top:6px;color:#8a6b52;font-size:12px;line-height:1.35}
.v38-custom-number{display:none!important;margin-top:7px;border:1px solid #e8a05a!important;background:#fffdf9!important}
.v38-custom-number.show{display:block!important}
.v33-fields-grid select optgroup{font-weight:800;color:#7a3c0a;background:#fff8ed}
.v33-fields-grid select option{font-weight:500;color:#372416;background:#fff}
.v33-fields-grid label>b{font-size:14px}
.v33-fields-grid input,.v33-fields-grid select{font-size:14px;min-height:40px}
.v33-summary-box li span{line-height:1.35}
@media(max-width:760px){.v38-flex-field small{font-size:11px}.v33-fields-grid input,.v33-fields-grid select{font-size:16px}}