:root{--ink: #1f2933;--muted: #687385;--line: #d9e1e8;--paper: #f7f9fb;--panel: #ffffff;--navy: #22395a;--teal: #007f7a;--green: #2f8f46;--yellow: #c98b10;--red: #c94343;--violet: #6c5ce7;--shadow: 0 18px 45px rgba(27, 39, 57, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Segoe UI,Malgun Gothic,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;background:#15263c;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#f5c542;color:#15263c;font-weight:900}.brand strong,.brand span,.sidebar-summary span,.sidebar-summary strong{display:block}.brand span{margin-top:4px;color:#b8c7d9;font-size:13px}.nav-tabs{display:grid;gap:8px}.nav-tab{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#d6e2ee;text-align:left}.nav-tab span:first-child{display:grid;place-items:center;width:24px;height:24px;font-weight:800}.nav-tab.active,.nav-tab:hover{border-color:#ffffff2e;background:#ffffff1a;color:#fff}.sidebar-summary{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.15)}.sidebar-summary span{color:#b8c7d9;font-size:13px}.sidebar-summary strong{margin-top:6px}main{min-width:0;padding:34px}.screen{display:none}.screen.active{display:block}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.eyebrow{margin:0 0 5px;color:var(--teal);font-size:13px;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:34px;line-height:1.2}.status-pill{margin:0;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:700}.upload-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:24px;align-items:start}.poster-form,.preview-panel,.chart-panel,.ai-poster-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.poster-form{padding:22px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}input,select{padding:0 12px}textarea{min-height:108px;margin-top:16px;padding:12px;resize:vertical}.ai-poster-panel{display:grid;gap:14px;margin-top:16px;padding:16px;background:#f9fbfc;box-shadow:none}.ai-poster-panel h2{margin:4px 0 0;font-size:18px}.ai-poster-panel textarea{min-height:92px;margin-top:0}.ai-reference-drop{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;min-height:84px;padding:8px;border:1px dashed #9fb0c0;border-radius:8px;background:#fff;cursor:pointer}.ai-reference-drop input{position:absolute;width:1px;height:1px;opacity:0}.ai-reference-drop img{display:none;width:72px;height:66px;border-radius:6px;object-fit:cover}.ai-reference-drop.has-image img{display:block}.ai-reference-drop:not(.has-image):before{content:"+";display:grid;place-items:center;width:72px;height:66px;border-radius:6px;background:#e7f3f3;color:var(--teal);font-size:30px;font-weight:500}.ai-reference-copy{display:grid;gap:5px}.ai-reference-copy strong{color:var(--ink)}.ai-reference-copy small{color:var(--muted);font-weight:600}.poster-designer{display:grid;gap:15px;padding-top:14px;border-top:1px solid var(--line)}.designer-field{display:grid;gap:8px}.designer-field>span,.designer-grid label>span,.designer-filter>span{color:var(--muted);font-size:13px;font-weight:800}.template-segmented{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#edf2f5}.template-option{min-width:0;min-height:38px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.template-option.active{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--teal),0 1px 5px #16243424}.theme-swatches{display:flex;flex-wrap:wrap;gap:9px}.theme-swatch{position:relative;width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.theme-swatch.active{box-shadow:0 0 0 3px var(--teal),0 4px 12px #007f7a47;transform:scale(1.08)}.theme-swatch[data-theme=auto]{background:conic-gradient(#137bbd,#ef5b5b,#f4ca52,#138b7a,#137bbd)}.theme-swatch[data-theme=korea]{background:linear-gradient(135deg,#1458a6 50%,#e63c46 50%)}.theme-swatch[data-theme=festival]{background:linear-gradient(135deg,#007f7a 50%,#f5c542 50%)}.theme-swatch[data-theme=coral]{background:linear-gradient(135deg,#182b49 50%,#ff6f61 50%)}.theme-swatch[data-theme=fresh]{background:linear-gradient(135deg,#27864a 50%,#f4d35e 50%)}.theme-swatch[data-theme=mono]{background:linear-gradient(135deg,#111 50%,#e9eef2 50%)}.designer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.designer-grid label{gap:5px}.designer-grid label>span{display:flex;justify-content:space-between;gap:8px}.designer-grid output{color:var(--ink)}.designer-grid input[type=range]{min-height:28px;padding:0;accent-color:var(--teal)}.designer-filter{grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);align-items:center}.designer-filter select{min-height:40px}.ai-kicker{color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase}.ai-actions{display:flex;align-items:center;gap:12px}#aiPosterStatus{color:var(--muted);font-size:13px;font-weight:800}#aiPosterStatus[data-type=success]{color:var(--green)}#aiPosterStatus[data-type=error]{color:var(--red)}#aiPosterStatus[data-type=loading]{color:var(--yellow)}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #007f7a24}.file-drop{place-items:center;min-height:150px;margin-top:16px;border:1px dashed #9fb0c0;border-radius:8px;background:#f3f8fa;text-align:center}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font-size:22px}.file-drop small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary-button,.secondary-button,.danger-button,.approve-button{min-height:40px;padding:0 15px;border-radius:8px;border:1px solid transparent;font-weight:800}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.62}.primary-button,.approve-button{background:var(--teal);color:#fff}.secondary-button{border-color:var(--line);background:#fff;color:var(--ink)}.danger-button{background:#fff4f4;color:var(--red);border-color:#f0c8c8}.preview-panel{overflow:hidden}.preview-frame{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4;background:#e6edf3;container-type:inline-size}.preview-frame img,.slide-area img{display:none;width:100%;height:100%;object-fit:contain}.preview-frame img{position:relative;z-index:1}.preview-frame.has-image img,.slide-area.has-image img{display:block}#previewEmpty{color:#65758a;font-weight:800}.preview-frame.has-image #previewEmpty{display:none}.preview-generation{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:12px;padding:32px;background:#0c1e32e6;color:#fff;text-align:center}.preview-generation[hidden]{display:none}.preview-generation strong{max-width:280px;font-size:18px;line-height:1.45}.preview-generation span:last-child{color:#b9c8d8;font-size:13px;font-weight:700}.generation-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.24);border-top-color:#f5c542;border-radius:50%;animation:generation-spin .8s linear infinite}@keyframes generation-spin{to{transform:rotate(360deg)}}#previewImageTitle{position:absolute;inset:0 0 auto;z-index:10;display:none;width:100%;min-height:22%;padding:7% 7% 10%;align-items:flex-start;justify-content:center;overflow-wrap:anywhere;background:linear-gradient(to bottom,rgba(0,0,0,.78),transparent);color:#fff;font-size:clamp(24px,8cqw,60px);font-weight:900;line-height:1.15;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.58);pointer-events:none}.preview-frame.has-image #previewImageTitle:not(:empty){display:flex}.preview-frame.rendered-poster #previewImageTitle{display:none}.preview-meta{display:grid;gap:6px;padding:16px}.preview-meta span{color:var(--muted);font-size:14px}.admin-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;margin-bottom:18px}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{min-height:98px;padding:16px;border-radius:8px;background:#fff;border:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:700}.metric strong{display:block;margin-top:8px;font-size:30px}.chart-panel{padding:16px}.chart-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-title span{color:var(--muted)}#statusChart{width:100%;height:180px}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.segmented{display:flex;flex-wrap:wrap;gap:6px}.filter-button{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:800}.filter-button.active{border-color:var(--navy);background:var(--navy);color:#fff}#searchInput{max-width:290px}.poster-list{display:grid;gap:12px}.poster-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.poster-thumb{width:92px;aspect-ratio:3 / 4;border-radius:6px;background:#edf2f5;object-fit:cover}.poster-info{min-width:0}.poster-info h3{margin:0 0 7px;font-size:18px}.poster-info p{margin:0 0 10px;color:var(--muted);line-height:1.45}.meta-row,.card-actions,.date-editor{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.meta-badge{padding:5px 8px;border-radius:999px;background:#eef3f6;color:#4b5c6e;font-size:12px;font-weight:800}.meta-badge.pending{background:#fff7df;color:var(--yellow)}.meta-badge.active{background:#e8f6ed;color:var(--green)}.meta-badge.scheduled{background:#e8f1ff;color:var(--navy)}.meta-badge.ended,.meta-badge.rejected{background:#f5eeee;color:var(--red)}.card-actions{justify-content:flex-end;max-width:260px}.date-editor{justify-content:flex-end;width:100%}.date-editor input{width:135px;min-height:36px;padding:0 8px;font-size:13px}.empty-list{padding:40px;border:1px dashed var(--line);border-radius:8px;background:#fff;color:var(--muted);text-align:center;font-weight:800}.display-screen{padding:0}.did-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100vh - 68px);overflow:hidden;border-radius:8px;background:#0d1117;color:#fff}.did-header,.did-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:#0d1117f5}.did-header p{margin:0 0 5px;color:#8fd7d2;font-weight:800}.did-header h1{font-size:30px}.clock{text-align:right}.clock strong,.clock span{display:block}.clock strong{font-size:34px;line-height:1}.clock span{margin-top:6px;color:#bbc8d6}.slide-area{position:relative;display:grid;place-items:center;min-height:430px;padding:18px;background:#141b24}.slide-area img{max-width:100%;max-height:100%;object-fit:contain}.empty-display{display:grid;gap:10px;text-align:center}.empty-display strong{font-size:clamp(28px,5vw,58px)}.empty-display span{color:#bbc8d6;font-size:18px}.slide-area.has-image .empty-display{display:none}.did-footer{min-height:72px}.slide-dots{display:flex;gap:7px}.slide-dot{width:10px;height:10px;border-radius:50%;background:#5d6876}.slide-dot.active{background:#8fd7d2}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0c121c94}.modal-backdrop[hidden]{display:none}.modal{width:min(440px,100%);padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 24px 70px #0000003d}.modal-heading{margin-bottom:18px}.modal-heading h2{margin:0;font-size:25px}.modal label+label{margin-top:14px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr;gap:14px;padding:16px}.nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-tab{justify-content:center;padding:0 8px}.sidebar-summary{display:none}main{padding:20px}.upload-layout,.admin-top{grid-template-columns:1fr}}@media(max-width:680px){h1{font-size:26px}.screen-heading,.toolbar,.ai-actions,.did-header,.did-footer{align-items:stretch;flex-direction:column}.heading-actions{justify-content:flex-start}.field-grid,.designer-grid,.metric-strip{grid-template-columns:1fr}.template-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}#searchInput{max-width:none}.poster-card{grid-template-columns:74px minmax(0,1fr)}.poster-thumb{width:74px}.card-actions{grid-column:1 / -1;justify-content:flex-start;max-width:none}.clock{text-align:left}.did-stage{min-height:calc(100vh - 40px)}}@media(max-width:480px){.nav-tabs{gap:4px}.nav-tab{gap:5px;min-width:0;padding:0 4px;font-size:14px;white-space:nowrap}.nav-tab span:first-child{width:18px;height:18px}}