:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11100f;--panel:#1b1918;--panel-strong:#25211e;--panel-soft:#151312;--border:#463a31;--border-strong:#665243;--text:#f7f1e9;--muted:#b8aaa0;--subtle:#8d7f76;--cyan:#69d6d3;--amber:#e7a85f;--green:#9bcf8a;--danger:#f38b82;--shadow:0 24px 70px #00000052;--radius:12px;--focus:0 0 0 3px #69d6d347}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(ellipse at 50% 0%, #e7a85f0a, transparent 450px), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Sukhumvit Set,Sukhumvit,Thonburi,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}:lang(th){font-size:.94em}h1,h2,h3,button,.task-badge,.count-pill,.status-dot,.section-kicker{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:var(--focus);outline:1px solid var(--cyan);outline-offset:2px}button,input,select,textarea,.reference-tab,.segmented-control button,.upload-card,.reference-thumbnail,.video-card,.dialog-backdrop,.prompt-preview-dialog{transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s,box-shadow .18s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.studio-shell{grid-template-columns:minmax(380px,405px) minmax(280px,320px);gap:8px 16px;width:min(780px,100%);min-width:780px;min-height:100vh;margin:0 auto;padding:16px 20px;display:grid}.workspace-column{flex-direction:column;gap:14px;min-width:0;display:flex}.workspace-header,.generated-header,.section-heading,.prompt-actions,.standardized-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-header{grid-column:1/-1;align-items:center;min-height:auto;margin:0;padding:0;display:flex}.workspace-header h1{letter-spacing:.04em;color:var(--amber);text-transform:uppercase;font-size:26px;font-weight:800}.section-heading h2,.generated-header h2{margin:0;font-size:16px;font-weight:680;line-height:1.1}.section-kicker{color:var(--amber);text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.task-badge,.count-pill,.status-dot{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;flex:none;padding:4px 8px;font-size:11.5px;font-weight:650}.studio-panel,.generated-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.studio-panel{padding:14px 16px}.reference-thumbnails{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:10px;display:grid}.reference-thumbnail{border:1px solid var(--border-strong);background:var(--panel-soft);border-radius:6px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000004d}.thumbnail-delete-button{width:20px;height:20px;color:var(--text);cursor:pointer;z-index:2;background:#000000b3;border:none;border-radius:50%;place-items:center;font-size:13px;font-weight:800;transition:background-color .15s,transform .15s;display:grid;position:absolute;top:4px;right:4px}.thumbnail-delete-button:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.thumbnail-media{background:#080706;justify-content:center;align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.thumbnail-media img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.thumbnail-placeholder{background:var(--panel-strong);place-items:center;width:100%;height:100%;font-size:24px;display:grid}.thumbnail-caption{background:var(--panel-strong);flex-direction:column;gap:2px;padding:4px 6px 6px;display:flex}.thumbnail-caption strong{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:11.5px;font-weight:750;overflow:hidden}.thumbnail-desc{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:10px;overflow:hidden}.reference-thumbnail.is-pending{border-color:var(--amber);border-style:dashed}.reference-thumbnail.is-pending .thumbnail-caption strong{color:var(--amber)}.reference-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.reference-tab,.segmented-control button{border:1px solid var(--border);min-height:34px;color:var(--muted);background:var(--panel-soft);border-radius:6px;padding:0 8px;font-size:13px;font-weight:650}.reference-tab[aria-selected=true],.segmented-control button.is-selected{color:var(--text);background:#69d6d31f;border-color:#69d6d3a6}.reference-tab span{color:var(--cyan)}.reference-panel{margin-top:10px}.inline-note,.limit-note{border-left:3px solid var(--amber);color:#f4d19e;background:#e7a85f14;border-radius:5px;margin:0 0 10px;padding:8px 10px;font-size:12.5px;line-height:1.45}.reference-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.reference-actions .secondary-button{white-space:nowrap;color:#11100f;background:linear-gradient(135deg, var(--amber), #d89648);border-color:#e7a85f66;min-height:32px;padding:0 12px;font-size:12px;font-weight:750;box-shadow:0 2px 8px #e7a85f33}.reference-actions .secondary-button:hover:not(:disabled){background:linear-gradient(135deg, #f0b775, var(--amber));border-color:var(--amber);color:#11100f;transform:translateY(-1px)}.reference-actions .secondary-button:active:not(:disabled){transform:translateY(0)}.reference-actions .secondary-button:disabled{opacity:.45;background:var(--panel-strong);color:var(--subtle);border-color:var(--border);box-shadow:none;cursor:not-allowed}.upload-card{border:1px dashed var(--border-strong);min-height:32px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex}.upload-card:hover{border-color:var(--subtle);background:#ffffff0a}.upload-card input[type=file]{min-width:0;color:var(--subtle);flex:1;font-size:11.5px}.upload-card input[type=file]::file-selector-button{border:1px solid var(--border-strong);min-height:24px;color:var(--text);background:var(--panel-strong);font:inherit;cursor:pointer;border-radius:4px;margin-right:6px;padding:0 8px;font-size:11px;font-weight:700}.upload-icon{width:20px;height:20px;color:var(--bg);background:var(--amber);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.upload-card .upload-label{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.secondary-button,.primary-button,.restore-button,.video-actions button,.icon-button,.play-button{border:1px solid #0000;border-radius:6px;font-weight:700}.secondary-button{border-color:var(--border-strong);min-height:36px;color:var(--text);background:var(--panel-strong);padding:0 12px;font-size:13px}.secondary-button:hover:not(:disabled){border-color:var(--subtle);background:#2e2a26}.primary-button{color:#11100f;background:linear-gradient(135deg, var(--amber), #d89648);min-height:38px;padding:0 16px;font-size:13.5px;box-shadow:0 3px 12px #e7a85f38}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, #f0b775, var(--amber));transform:translateY(-1px);box-shadow:0 4px 16px #e7a85f4d}.primary-button:active:not(:disabled){transform:translateY(0)}.restore-button{min-height:30px;color:var(--cyan);background:#69d6d314;border-color:#69d6d366;margin-top:8px;padding:0 10px;font-size:12px}.restore-button:hover:not(:disabled){background:#69d6d329}select,input[type=number],input[type=text],textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel-soft);border-radius:6px}select,input[type=number],input[type=text]{min-height:34px;padding:0 8px;font-size:13px}.icon-button{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--muted);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:#ffffff14}.prompt-panel textarea{resize:vertical;min-height:130px;margin-top:10px;padding:10px 12px;font-size:14px;line-height:1.5;display:block}.prompt-panel{position:relative}.prompt-textarea-wrapper{width:100%;position:relative}.prompt-mention-menu{z-index:30;background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:4px;max-height:230px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 32px #0009}.prompt-mention-header{color:var(--amber);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:2px;padding:4px 8px;font-size:11px;font-weight:750}.prompt-mention-empty{color:var(--subtle);text-align:center;padding:10px 12px;font-size:12px;line-height:1.4}.prompt-mention-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background-color .15s,border-color .15s;display:flex}.prompt-mention-item:hover,.prompt-mention-item.is-selected{background:#69d6d31f;border-color:#69d6d359}.prompt-mention-thumb{border:1px solid var(--border);background:#0d0c0b;border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.prompt-mention-thumb img{object-fit:contain;width:100%;height:100%;display:block}.prompt-mention-info{flex-direction:column;flex:1;min-width:0;display:flex}.prompt-mention-tag{color:var(--cyan);font-size:12.5px;font-weight:750}.prompt-mention-meta{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.prompt-actions{align-items:center;margin-top:10px}.prompt-actions p{max-width:360px;color:var(--subtle);margin:0;font-size:12.5px;line-height:1.4}.prompt-panel [role=alert]{border-left:3px solid var(--danger);color:#ffd4d0;background:#f28b821a;border-radius:5px;margin:10px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.45}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px 12px;margin-top:10px;display:grid}.duration-field{grid-column:1/-1}.field-block,.segmented-field{border:0;min-width:0;margin:0;padding:0}.field-block>span,.segmented-field legend{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.range-row{grid-template-columns:minmax(60px,1fr) 52px auto;align-items:center;gap:6px;display:grid}.range-row input[type=number]{text-align:center;min-height:30px;padding:0 4px;font-size:12px}.range-row span{color:var(--subtle);font-size:12px}input[type=range]{accent-color:var(--cyan)}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.segmented-control button{border:1px solid var(--border);min-height:30px;color:var(--muted);background:var(--panel-soft);white-space:nowrap;border-radius:5px;padding:0 4px;font-size:12px;font-weight:650}.advanced-settings{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.advanced-settings summary{color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:720}.advanced-grid{grid-template-columns:minmax(130px,1fr) minmax(90px,.6fr) minmax(130px,1fr);align-items:end;gap:10px;margin-top:10px;display:grid}.toggle-row{min-height:32px;color:var(--text);align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--cyan)}.standardized-panel{flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:flex}.standardized-panel .primary-button{letter-spacing:.04em;width:100%;min-height:42px;font-size:15px;font-weight:800}.dialog-backdrop{z-index:20;background:#000000a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.prompt-preview-dialog{overscroll-behavior:contain;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);width:min(920px,100%);max-height:min(780px,100vh - 40px);box-shadow:var(--shadow);padding:18px;overflow:auto}.preview-description{color:var(--subtle);margin:6px 0 0;font-size:13px;line-height:1.45}.preview-field textarea{resize:vertical;min-height:420px;margin-top:14px;padding:14px;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.generated-panel{background:linear-gradient(180deg, #e7a85f09, transparent 180px), var(--panel);align-self:start;max-height:calc(100vh - 48px);padding:14px 16px;position:sticky;top:24px;overflow:auto}.status-dot{color:var(--green);border-color:#9bcf8a52}.status-dot.is-active{color:var(--cyan);background:#69d6d314;border-color:#69d6d361}.rail-summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-soft);grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:10px;display:grid}.rail-summary.is-active{background:#69d6d30e;border-color:#69d6d352}.rail-summary-mark{aspect-ratio:16/9;border:1px solid var(--border-strong);background:linear-gradient(135deg,#69d6d32e,#e7a85f1f),#151312;border-radius:6px;position:relative}.rail-summary-mark:after,.rail-summary-mark span{content:"";border-radius:999px;display:block;position:absolute}.rail-summary-mark:after{border:1px solid #f7f1e9b3;width:22px;height:22px;top:50%;left:50%;transform:translate(-50%,-50%)}.rail-summary-mark span{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid var(--amber);width:0;height:0;top:50%;left:50%;transform:translate(-35%,-50%)}.rail-summary strong{font-size:14px;display:block}.rail-summary p,.video-card-body p{color:var(--subtle);margin:5px 0 0;font-size:12px;line-height:1.4}.video-stack{flex-direction:column;gap:14px;margin-top:16px;display:flex}.video-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-soft);overflow:hidden}.video-card[data-status=progress],.video-card[data-status=queue]{border-color:#69d6d34d}.video-card[data-status=complete]{border-color:#9bcf8a47}.video-card[data-status=failed]{border-color:#f38b825c}.video-preview{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:linear-gradient(160deg,#69d6d32e,#0000 42%),linear-gradient(25deg,#e7a85f29,#0000 54%),#11100f;place-items:center;display:grid}.video-preview[data-status=complete]{background:#0d0c0b}.video-preview[data-status=failed]{background:linear-gradient(160deg,#f38b8221,#0000 56%),#151312}.video-preview video{object-fit:contain;background:#050507;width:100%;height:100%}.video-status-large{color:var(--text);text-align:center;gap:5px;font-size:.92rem;font-weight:720;display:grid}.video-status-large small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:650}.play-button{width:48px;height:48px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f}.video-card-body{padding:12px}.video-status{color:var(--cyan);align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.video-status[data-status=complete]{color:var(--green)}.video-status[data-status=failed]{color:var(--danger)}.video-status code{color:var(--subtle);letter-spacing:.04em;opacity:.9;border:1px solid;border-radius:999px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:700}.video-card h3{margin:4px 0 0;font-size:15px}.progress-track{background:#312923;border-radius:999px;height:6px;margin:12px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--amber));height:100%;display:block}.video-card[data-status=complete] .progress-track span{background:var(--green)}.video-card[data-status=failed] .progress-track span{background:var(--danger)}.video-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.video-actions button{min-height:34px;color:var(--muted);border-color:var(--border);background:#ffffff0a}.video-actions a{border:1px solid var(--border);min-height:32px;color:var(--text);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.video-actions a:hover{border-color:var(--border-strong);color:var(--text);background:#ffffff14}.video-card-body>[role=alert]{border-left:3px solid var(--danger);color:#ffd4d0;background:#f38b8217;margin:10px 0 0;padding:7px 9px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.studio-shell{padding:16px}.reference-column,.generated-panel{max-height:none;position:static}}@media (max-width:680px){.studio-shell{padding:12px}.workspace-header,.generated-header,.section-heading,.prompt-actions,.standardized-panel,.reference-actions{flex-direction:column;align-items:stretch}.reference-actions,.settings-grid,.advanced-grid,.empty-output{grid-template-columns:minmax(0,1fr)}.workspace-header h1{font-size:26px}}