/* V1.6.2 - Wood & Amber theme */
:root{
  --wood-950:#0f0906;--wood-900:#160d08;--wood-850:#1c110b;--wood-800:#24160e;
  --wood-700:#3a2113;--wood-600:#56301a;--wood-500:#754422;
  --amber-500:#f59e0b;--amber-400:#ffb02e;--amber-300:#ffc261;--cream:#f7ead8;
  --muted:#b7a795;--line:#4a2b19;--danger:#e45d4d;--ok:#d79b45;
}
html,body{background:var(--wood-950);color:var(--cream)}
.sidebar{background:linear-gradient(180deg,#180e09,#100a07);border-right-color:#412616}
.brand-mark{background:linear-gradient(135deg,#6f3f20,#f59e0b);color:#fff7e8;box-shadow:0 0 28px #f59e0b24}
.brand small,.crumb,.project-meta p,.muted,.scene-main label,.page-title p,.hero p{color:var(--muted)!important}
.sidebar nav a{color:#c6b8aa}.sidebar nav a:hover,.sidebar nav a.active{background:#2a190f;color:#fff5e6}.sidebar nav a.active{box-shadow:inset 3px 0 var(--amber-500)}
.topbar{background:#120b07e8;border-bottom-color:#412616}.badge.live{color:var(--amber-300);border-color:#6a3b1d}
.content{background:radial-gradient(circle at 82% 0,#3d24101f,transparent 33%)}
.btn{background:#23160f;border-color:#50301e;color:#fff3df}.btn:hover{background:#342014;border-color:#805029}
.btn-primary{background:linear-gradient(135deg,#c96d18,#f59e0b);color:#211006;border:1px solid #ffb33d;font-weight:850;box-shadow:0 8px 22px #a64e1028}
.btn-primary:hover{background:linear-gradient(135deg,#de7c1c,#ffb02e)}
.btn.danger,.danger{color:#ff9b83!important;border-color:#7a352a!important}.btn.danger:hover{background:#3b1712!important}
.eyebrow{color:var(--amber-400)}
.hero,.panel,.project-card,.setting-panel,.table-card,.render-item,.stat,.fx-card{background:#1a100b;border-color:#422718}
.hero{background:radial-gradient(circle at 75% 35%,#5b351f55 0,transparent 34%),linear-gradient(135deg,#1c100a,#110a07)}
.hero h1 span,.panel-head a,.media-query a,.system-link{color:var(--amber-400)!important}
.stat{box-shadow:inset 0 1px #ffffff05}.stat b{color:#fff3df}
input,textarea,select,.effect-tools input,.effect-tools select{background:#140c08;border-color:#4a2a19;color:#fff1df}input:focus,textarea:focus,select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b18}
option{background:#1b100a;color:#fff1df}.cards-grid .project-card:hover{border-color:#b76621;box-shadow:0 18px 45px #0007}
.project-thumb{background:radial-gradient(circle at 50% 35%,#6b3b1f,#1b100a 58%,#0f0906)}
.ratio-tag,.fx-pill,.video-badge{background:#2d1a10!important;border-color:#754422!important;color:#ffc261!important}
.preview-stage{--primary:#d8791d;--accent:#f59e0b;background:radial-gradient(circle at 30% 25%,#5a321c,#1b100c 36%,#0c0806 75%);border-color:#5b351f}
.scene-row{border-color:#3f2618!important;background:#160e09!important}.scene-row.selected{border-color:#cf7720!important;box-shadow:0 0 0 1px #f59e0b35!important}.scene-no{background:#382110!important;color:#ffc261!important}.media-status,.effect-reason,.media-quality.good{color:#e5ad5d!important}
.smart-media-bar{background:linear-gradient(90deg,#2a190f,#1a100b)!important;border-color:#70411f!important}.smart-media-bar b{color:#ffc261!important}
.voice-mode-switch input:checked+.voice-switch-ui{background:linear-gradient(90deg,#a85518,#f59e0b)!important;box-shadow:0 0 22px #f59e0b33!important}.scene-voice-panel{background:linear-gradient(120deg,#20130c,#130c08)!important;border-color:#54301a!important}.scene-voice-title{color:#ffc261!important}
.data-table th,.table-card th{background:#28170e!important;color:#ffd089!important;border-bottom-color:#5a341e!important}.data-table td,.table-card td{border-bottom-color:#352116!important}.data-table tr:hover td,.table-card tbody tr:hover td{background:#21140d!important}
.render-state.done{color:#ffc261!important;border-color:#754422!important}.render-state.error{color:#ff9b83!important}
/* Pagination */
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}.list-toolbar .left,.list-toolbar .right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-count{font-size:12px;color:#b7a795}.pagination{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:18px;flex-wrap:wrap}.page-link{min-width:36px;height:36px;padding:0 10px;border:1px solid #4d2d1b;border-radius:9px;background:#1b100a;color:#d6c5b4;display:grid;place-items:center;font-size:13px}.page-link:hover{border-color:#c87020;color:#fff}.page-link.active{background:linear-gradient(135deg,#a85619,#f59e0b);color:#1b0d05;border-color:#f4a22e;font-weight:900}.page-link.disabled{opacity:.35;pointer-events:none}
/* Project level groups */
.project-level-section{margin:22px 0 30px}.level-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:13px 15px;border:1px solid #482a19;border-radius:13px;background:#1a100b}.level-head h2{margin:0;font-size:17px}.level-head small{color:#b6a28e}.level-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.level-high .level-dot{background:#ff8a2a;box-shadow:0 0 14px #ff8a2a77}.level-medium .level-dot{background:#f5b43b;box-shadow:0 0 14px #f5b43b55}.level-low .level-dot{background:#b58355;box-shadow:0 0 12px #b5835555}.level-badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid #68401f;background:#2a190f;color:#ffc261;font-size:11px;font-weight:800}
/* Render cards */
.render-item{display:grid;grid-template-columns:minmax(260px,1fr) 160px 90px auto;gap:12px;align-items:center;padding:15px;margin-bottom:10px;border-radius:13px}.render-item small{display:block;color:#aa9987;margin-top:5px}.render-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.video-modal{position:fixed;inset:0;background:#000b;z-index:999;display:none;align-items:center;justify-content:center;padding:28px}.video-modal.open{display:flex}.video-modal-card{width:min(1000px,94vw);background:#170e09;border:1px solid #6a3c1d;border-radius:16px;padding:16px;box-shadow:0 35px 100px #000}.video-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.video-modal video{display:block;width:100%;max-height:72vh;background:#000;border-radius:12px}.video-modal-close{font-size:20px}
/* safer tables */
.table-wrap{overflow:auto;border:1px solid #392216;border-radius:12px}.data-table,.table-card table{width:100%;border-collapse:collapse}.data-table th,.data-table td,.table-card th,.table-card td{padding:11px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.data-table td small{display:block;color:#a89786;margin-top:4px}.row-actions{display:flex;gap:6px;align-items:center}.empty-list{padding:32px;text-align:center;color:#a89581;border:1px dashed #52301c;border-radius:12px;background:#170e09}
@media(max-width:900px){.render-item{grid-template-columns:1fr}.render-actions{justify-content:flex-start}.list-toolbar{align-items:flex-start}.cards-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cards-grid{grid-template-columns:1fr}.list-toolbar .left,.list-toolbar .right{width:100%}.list-toolbar .btn{flex:1}.page-title{align-items:flex-start;gap:12px;flex-direction:column}}

.motion-level-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.effect-tools{flex-wrap:wrap}.effect-tools select{min-width:145px}.fx-card i{color:#ffc261!important}.fx-card:hover{border-color:#c97629!important}.fx-card:has(i:first-child){transition:.18s ease}

/* V1.6.3 - Branding / karaoke / Hook CTA */
.visual-settings-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin:0 0 18px}.visual-settings-grid .setting-card{min-height:100%}.logo-control-row{display:flex;align-items:center;gap:12px;margin:10px 0}.logo-control-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.logo-thumb{width:92px;height:62px;border:1px dashed #7b4a28;border-radius:10px;background:#120b07;display:grid;place-items:center;overflow:hidden;color:#9c8066;font-size:10px}.logo-thumb img{width:100%;height:100%;object-fit:contain;padding:6px}.caption-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.caption-color-grid input[type=color]{width:100%;height:40px;padding:4px}.hook-cta-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0}.hook-cta-flow b{font-size:10px;padding:7px 8px;border-radius:8px;background:#2b190e;border:1px solid #6b3d1d;color:#ffd08b}.hook-cta-flow span{color:#f59e0b}.scene-role-badge{display:inline-flex;align-items:center;margin:0 0 5px;padding:4px 7px;border-radius:999px;border:1px solid #664022;background:#24150d;color:#dcb786;font-size:9px;font-weight:900;letter-spacing:.08em}.scene-role-badge.role-hook{background:#5b250e;border-color:#d66d1e;color:#ffd5a0}.scene-role-badge.role-cta{background:#4a3310;border-color:#e0a122;color:#ffe3a0}.scene-role-badge.role-hook_cta{background:linear-gradient(90deg,#5b250e,#4a3310);border-color:#f59e0b;color:#fff0c7}.stage-logo{position:absolute;z-index:5;top:14px;left:14px;width:17%;max-height:12%;object-fit:contain;object-position:left top;display:none;filter:drop-shadow(0 3px 8px #0008)}.stage-logo.right{left:auto;right:14px;object-position:right top}.preview-stage .stage-logo{position:absolute}.caption.karaoke-preview{transition:background .15s,color .15s,border-color .15s}.karaoke-preview .kw.active{background:var(--karaoke-active,var(--accent));color:#fff}.style-pack-note{line-height:1.45}.form-grid optgroup{font-weight:900;color:#ffc261;background:#160d08}.form-grid optgroup option{font-weight:500;color:#fff1df}.brand-logo-card small,.caption-style-card small,.hook-cta-card small{line-height:1.5}.setting-card select{width:100%}
@media(max-width:1180px){.visual-settings-grid{grid-template-columns:1fr 1fr}.hook-cta-card{grid-column:1/-1}}
@media(max-width:720px){.visual-settings-grid{grid-template-columns:1fr}.hook-cta-card{grid-column:auto}.caption-color-grid{grid-template-columns:1fr}}

/* ===== V1.6.4 Guide / Video-only / Subscription dates ===== */
.top-guide-link{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid #6b3b1c;border-radius:999px;background:linear-gradient(180deg,#211208,#160b06);color:#ffd08a;font-size:13px;font-weight:850;box-shadow:0 8px 24px #0006}.top-guide-link:hover,.top-guide-link.active{border-color:#f59e0b;color:#fff1d5;background:linear-gradient(180deg,#7d4214,#4b260d)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{border:1px solid #4a2a18;border-radius:16px;overflow:hidden;background:#160d08;box-shadow:0 16px 40px #0003}.guide-video-frame{aspect-ratio:16/9;background:#050302}.guide-video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.guide-card-body{padding:15px}.guide-card-body h3{margin:4px 0 8px;font-size:17px;color:#fff2df}.guide-card-body p{color:#af9a87;font-size:13px;line-height:1.55;margin:0 0 12px}.guide-order{font-size:10px;letter-spacing:.12em;color:#f7a71c;font-weight:900;text-transform:uppercase}.guide-actions{display:flex;gap:8px}.guide-dialog{width:min(920px,96vw)}
.upload-guide-box{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px dashed #8b5426;border-radius:12px;background:#201108;color:#ffd08a;cursor:pointer;font-weight:800}.upload-guide-box:hover{border-color:#f59e0b;background:#2a1609}.guide-admin-thumb{width:120px;height:68px;border-radius:9px;overflow:hidden;background:#080503;display:grid;place-items:center;color:#b78b61}.guide-admin-thumb img{width:100%;height:100%;object-fit:cover}.span-2{grid-column:span 2}
.video-only-check{padding:7px 9px;border:1px solid #5e371f;border-radius:9px;background:#1a0e08;color:#ffd290!important}.video-only-check:has(input:checked){border-color:#f59e0b;background:#3a1d08;box-shadow:0 0 0 1px #f59e0b44}.video-only-check input:disabled+*{opacity:.5}.scene-row:has(.video-only-check input:checked){box-shadow:inset 4px 0 #f59e0b}.u-end-date{min-width:145px!important}.data-table td input[type=date]{color-scheme:dark}
@media(max-width:1050px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-guide-link{position:static;transform:none;margin-left:auto}.topbar{gap:10px}.crumb{display:none}}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr}.top-guide-link{font-size:11px;padding:8px 10px}.top-actions .btn{display:none}.span-2{grid-column:auto}}

/* ===== V1.6.5 Product Motion + Caption Pro ===== */
.caption-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.caption-pro-grid label:last-child{grid-column:1/-1}.caption-pro-grid select{width:100%}.product-motion-card{background:linear-gradient(145deg,#1b1009,#24140a)!important;border-color:#6d3c1d!important}.product-fx-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.product-fx-chips span{font-size:10px;font-weight:800;color:#ffd99b;background:#2b170b;border:1px solid #77441f;border-radius:999px;padding:6px 8px}.scene-extra-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding-top:7px;border-top:1px dashed #442819}.scene-extra-controls label{font-size:10px;color:#9d8069}.scene-extra-controls select{width:100%;padding:7px;margin-top:4px}.caption.karaoke-preview{bottom:7px;padding:8px 11px;max-height:74px;border-radius:14px;box-shadow:0 10px 30px #0008;backdrop-filter:blur(8px);overflow:hidden}.caption.karaoke-preview[data-pos="safe_low"]{bottom:22px}.caption.karaoke-preview[data-pos="mid_low"]{bottom:64px}.caption.karaoke-preview[data-box="glass"]{box-shadow:0 12px 32px #0009,inset 0 1px #ffffff12}.caption.karaoke-preview[data-box="gradient"]{box-shadow:0 10px 30px #0008,0 0 20px #f59e0b18}.caption.karaoke-preview[data-box="minimal"]{border-top:2px solid var(--caption-accent,#f59e0b)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0 0 12px 12px}.caption.karaoke-preview.no-bg{box-shadow:none;backdrop-filter:none}.caption.karaoke-preview[data-motion="light_sweep"]:after{content:"";position:absolute;top:0;bottom:0;width:28%;left:-36%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-18deg)}.caption.karaoke-preview.caption-animate.cap-slide_up{animation:capSlideUp .55s cubic-bezier(.2,.8,.2,1)}.caption.karaoke-preview.caption-animate.cap-fade_blur{animation:capFadeBlur .65s ease}.caption.karaoke-preview.caption-animate.cap-pop_soft{animation:capPopSoft .55s cubic-bezier(.2,.9,.25,1.18)}.caption.karaoke-preview.caption-animate.cap-light_sweep{animation:capFadeBlur .45s ease}.caption.karaoke-preview.caption-animate.cap-light_sweep:after{animation:capSweep .8s .08s ease both}.caption.karaoke-preview{position:absolute}.stage-celebration{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.stage-celebration i,.stage-celebration b{position:absolute;display:block}.celebration-confetti i{left:var(--x);top:-10%;width:6px;height:14px;background:hsl(calc(var(--i)*47deg),90%,62%);transform:rotate(calc(var(--i)*19deg));animation:confettiFall 2.1s var(--d) cubic-bezier(.22,.7,.35,1) both}.celebration-sparkle i{left:var(--x);top:var(--y);width:8px;height:8px;border-radius:50%;background:#ffd76d;box-shadow:0 0 12px #ffd76d,0 0 26px #fff7c9;animation:sparkleTwinkle 1.45s var(--d) ease-in-out both}.celebration-fireworks .fw{width:8px;height:8px;border-radius:50%;box-shadow:0 -34px #ffd060,24px -24px #ff7a6f,34px 0 #fff2a8,24px 24px #6dcfff,0 34px #ffd060,-24px 24px #ff7a6f,-34px 0 #fff2a8,-24px -24px #6dcfff;animation:fireworkBurst 1.05s ease-out both}.celebration-fireworks .f1{left:22%;top:26%}.celebration-fireworks .f2{left:70%;top:34%;animation-delay:.32s}.celebration-fireworks .f3{left:48%;top:16%;animation-delay:.62s}.celebration-sale-burst .sale-ring{left:50%;top:44%;width:90px;height:90px;margin:-45px;border:3px solid #ffc04d;border-radius:50%;box-shadow:0 0 28px #f59e0b88;animation:saleRing .95s ease-out both}.celebration-sale-burst i{left:50%;top:44%;width:4px;height:90px;background:linear-gradient(#fff8,transparent);transform-origin:50% 100%;animation:saleRay .8s ease-out both}.celebration-sale-burst i:nth-child(2){transform:translate(-2px,-90px) rotate(45deg)}.celebration-sale-burst i:nth-child(3){transform:translate(-2px,-90px) rotate(90deg)}.celebration-sale-burst i:nth-child(4){transform:translate(-2px,-90px) rotate(135deg)}.celebration-sale-burst i:nth-child(5){transform:translate(-2px,-90px) rotate(180deg)}.preview-stage.transition-playing.trans-fade{animation:trFade .55s ease}.preview-stage.transition-playing.trans-dissolve{animation:trDissolve .62s ease}.preview-stage.transition-playing.trans-smoothleft{animation:trSmoothLeft .55s cubic-bezier(.2,.8,.2,1)}.preview-stage.transition-playing.trans-circleopen{animation:trCircle .65s ease}.preview-stage.transition-playing.trans-hblur{animation:trBlur .6s ease}.preview-stage.transition-playing.trans-flash:after{content:"";position:absolute;inset:0;z-index:20;background:#fff;pointer-events:none;animation:trFlash .6s ease forwards}.preview-stage{transform-origin:center}
@keyframes capSlideUp{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes capFadeBlur{from{filter:blur(9px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes capPopSoft{0%{transform:scale(.92);opacity:0}70%{transform:scale(1.02);opacity:1}100%{transform:scale(1)}}@keyframes capSweep{from{left:-36%}to{left:116%}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(620px) rotate(520deg);opacity:0}}@keyframes sparkleTwinkle{0%,100%{transform:scale(.1);opacity:0}30%,65%{transform:scale(1.5);opacity:1}}@keyframes fireworkBurst{0%{transform:scale(.1);opacity:0}20%{opacity:1}100%{transform:scale(2.2);opacity:0}}@keyframes saleRing{0%{transform:scale(.2);opacity:0}45%{opacity:1}100%{transform:scale(2.2);opacity:0}}@keyframes saleRay{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}@keyframes trFade{from{opacity:.15}to{opacity:1}}@keyframes trDissolve{0%{opacity:.2;filter:contrast(1.8) saturate(.7)}100%{opacity:1;filter:none}}@keyframes trSmoothLeft{from{transform:translateX(18%) scale(1.025);opacity:.35}to{transform:none;opacity:1}}@keyframes trCircle{from{clip-path:circle(4% at 50% 50%)}to{clip-path:circle(78% at 50% 50%)}}@keyframes trBlur{from{filter:blur(18px);opacity:.45}to{filter:blur(0);opacity:1}}@keyframes trFlash{0%{opacity:.95}100%{opacity:0}}
@media(max-width:1180px){.visual-settings-grid{grid-template-columns:1fr 1fr}.product-motion-card,.hook-cta-card{grid-column:auto}}@media(max-width:720px){.caption-pro-grid,.scene-extra-controls{grid-template-columns:1fr}.caption-pro-grid label:last-child{grid-column:auto}}