:root{--bg:#0b1326;--text:#dae2fd;--body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,input{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #11b7b0e6}#root{min-height:100vh}.app-shell{color:#dae2fd;background:#0b1326;min-height:100svh}.app-shell.is-dragging .upload-card,.app-shell.is-dragging .primary-action{border-color:#47d6ff;box-shadow:0 0 0 1px #47d6ff59,0 0 0 4px #47d6ff14}.sidebar{z-index:20;background:#0b1326;border-right:1px solid #3c494e;flex-direction:column;width:280px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand,.main-header{border-bottom:1px solid #3c494e;min-height:64px}.sidebar-brand{align-items:center;padding:0 16px;display:flex}.sidebar-brand h1,.detail-modal-head h2{color:#a5e7ff;margin:0;font-size:1.45rem;font-weight:700;line-height:1.15}.sidebar-tools,.sidebar-section,.sidebar-footer{padding:16px}.sidebar-brand,.sidebar-tools,.sidebar-nav,.sidebar-ai,.sidebar-footer{flex-shrink:0}.primary-action,.secondary-action,.ghost-action,.icon-button,.nav-item,.list-row,.asset-card,.upload-card,.detail-tab,.play-chip,.provider-toggle button,.history-row,.sidebar-ai-button,.sidebar-history-button{appearance:none;font:inherit;border:0}.primary-action,.secondary-action,.ghost-action,.icon-button,.detail-tab,.play-chip,.provider-toggle button,.history-row,.sidebar-ai-button,.sidebar-history-button{cursor:pointer;transition:background-color .14s,border-color .14s,color .14s,transform .14s}.primary-action:disabled,.secondary-action:disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.55}.primary-action{color:#003543;letter-spacing:.04em;text-transform:uppercase;background:#00d2ff;border:1px solid #47d6ff;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.icon-button:hover,.ghost-action:hover:not(:disabled),.detail-tab:hover,.play-chip:hover,.provider-toggle button:hover,.history-row:hover,.sidebar-ai-button:hover,.sidebar-history-button:hover{transform:translateY(-1px)}.primary-action span{font-size:1.1rem;line-height:1}.search-field input,.sort-control select,.settings-field input,.ai-prompt{color:#dae2fd;background:#060e20;border:1px solid #3c494e;border-radius:6px;width:100%;min-height:40px;padding:0 12px}.sidebar-tools{gap:14px;display:grid}.sidebar-nav{border-bottom:1px solid #3c494e;gap:4px;padding:0 8px 10px;display:grid}.sidebar-section{border-bottom:1px solid #3c494e;flex-direction:column;flex:1;min-height:0;display:flex}.nav-item{color:#bbc9cf;cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-item.is-active{color:#47d6ff;background:#171f33;border-left-color:#47d6ff}.section-label{color:#859399;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.68rem;font-weight:700;display:block}.asset-list{flex:1;align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.list-row{color:#bbc9cf;text-align:left;cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.list-row:hover,.list-row.is-active{color:#dae2fd;background:#171f33;border-left-color:#47d6ff}.list-row-copy{gap:4px;min-width:0;display:grid}.list-row-name,.asset-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-row-meta,.subtitle,.asset-metric,.author-text,.sidebar-empty,.sidebar-footer,.timeline-meta,.health-row,.spec-grid span{color:#859399}.list-row-state{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.list-row-state.ready,.asset-dot.ready,.ok{color:#47d6ff}.list-row-state.error,.asset-dot.error,.warn{color:#ffba4a}.sidebar-footer{background:#060e20;justify-content:space-between;align-items:center;gap:10px;font-size:.73rem;display:flex}.sidebar-ai{background:#0b1326;border-top:1px solid #3c494e;gap:10px;padding:12px 16px;display:grid}.sidebar-ai-button,.sidebar-history-button{color:#dae2fd;background:#171f33;border:1px solid #3c494e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;display:flex}.sidebar-ai-button span,.sidebar-history-button span{color:#47d6ff;letter-spacing:.08em;font-weight:900}.sidebar-ai-button strong,.sidebar-history-button strong{color:#859399;font-size:.72rem}.sidebar-history-button{background:#060e20;min-height:38px}.ghost-action,.icon-button,.secondary-action,.detail-tab,.play-chip,.provider-toggle button{color:#dae2fd;background:#171f33;border:1px solid #3c494e;border-radius:6px;min-height:38px;padding:0 12px}.main-shell{flex-direction:column;min-height:100svh;margin-left:280px;display:flex}.main-header{background:#171f33;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.main-title{align-items:center;gap:14px;min-width:0;display:flex}.kicker{color:#47d6ff;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sort-control{color:#859399;align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.sort-control select{width:auto;min-width:140px}.stat-pill{color:#bbc9cf;background:#060e20;border:1px solid #3c494e;border-radius:6px;align-items:center;min-height:38px;padding:0 12px;font-size:.8rem;display:inline-flex}.gallery-area{background:#131b2e;flex:1;padding:16px;overflow:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:20px;display:grid}.upload-card,.asset-card{border-radius:10px;width:100%;overflow:hidden}.upload-card{text-align:center;color:#dae2fd;cursor:pointer;background:#060e20;border:2px dashed #3c494e;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;max-width:none;min-height:312px;padding:22px;display:flex;position:relative}.upload-card-plus{color:#291800;background:#ffb229;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:inset 0 -1px #0000001f}.upload-card strong{font-size:1.1rem}.upload-card span:last-child{color:#859399;max-width:26ch}.asset-card{cursor:pointer;text-align:left;background:#171f33;border:1px solid #3c494e;flex-direction:column;display:flex}.asset-card:hover,.asset-card.is-active{border-color:#47d6ff}.asset-preview,.detail-stage,.detail-stage-frame{background-color:#0f172a;background-image:linear-gradient(45deg,#1e293b 25%,#0000 25%),linear-gradient(-45deg,#1e293b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1e293b 75%),linear-gradient(-45deg,#0000 75%,#1e293b 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:relative;overflow:hidden}.asset-preview{aspect-ratio:1}.thumb-host,.detail-preview{width:100%;height:100%}.thumb-host svg,.thumb-host canvas,.detail-preview svg,.detail-preview canvas{width:100%!important;height:100%!important}.preview-overlay{color:#47d6ff;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#0b1326a8;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;transition:opacity .14s;display:flex;position:absolute;inset:0}.asset-card:hover .preview-overlay{opacity:1}.error-preview,.detail-empty{text-align:center;color:#ffba4a;place-items:center;gap:8px;width:100%;height:100%;padding:20px;display:grid}.asset-meta{border-top:1px solid #3c494e;gap:10px;padding:12px;display:grid}.asset-head,.asset-footer,.timeline-meta,.detail-modal-head,.detail-modal-body,.playback-bar,.detail-tabs,.health-row,.status-bar,.status-group{justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-dot{background:currentColor;border-radius:999px;flex:none;width:9px;height:9px}.author-pill{align-items:center;gap:8px;min-width:0;display:inline-flex}.author-avatar{color:#f0ddff;background:#8f03ff;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:grid}.asset-metric{justify-items:end;gap:4px;font-size:.72rem;display:grid}.status-bar{color:#859399;background:#060e20;border-top:1px solid #3c494e;min-height:32px;padding:0 16px;font-size:.72rem}.status-bar a{color:#47d6ff;text-decoration:none}.status-bar a:hover{text-decoration:underline}.credit-group{margin-left:auto}.status-live:before{content:"";background:#47d6ff;border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.detail-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1326cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detail-modal{background:#060e20;border:1px solid #3c494e;border-radius:10px;flex-direction:column;width:min(1240px,100%);max-height:min(90svh,900px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}.detail-modal-head{background:#171f33;border-bottom:1px solid #3c494e;padding:14px 18px}.detail-modal-head h2{color:#dae2fd;margin-top:4px;font-size:1rem}.detail-modal-body{flex:1;align-items:stretch;min-height:0}.detail-stage-panel{background:#131b2e;border-right:1px solid #3c494e;flex-direction:column;flex:1;min-width:0;display:flex}.detail-stage{flex:1;justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex}.detail-stage-frame{aspect-ratio:1;border:1px solid #47d6ff24;width:min(100%,760px)}.playback-bar{background:#222a3d;border-top:1px solid #3c494e;padding:14px 18px}.play-chip{color:#47d6ff}.timeline-block{flex:1;gap:8px;display:grid}.timeline-track{background:#3c494e;height:4px;overflow:hidden}.timeline-track span{background:#00d2ff;height:100%;display:block}.detail-inspector{background:#171f33;flex-direction:column;width:320px;min-height:0;display:flex;overflow:auto}.detail-tabs{border-bottom:1px solid #3c494e;padding:0 10px}.detail-tab{color:#859399;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;min-height:46px;font-size:.74rem;font-weight:700}.detail-tab.is-active{color:#47d6ff;border-bottom-color:#47d6ff}.detail-section{border-bottom:1px solid #222a3d;padding:16px}.spec-grid{background:#3c494e;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.spec-grid div,.health-row{background:#222a3d}.spec-grid div{gap:6px;padding:12px;display:grid}.spec-grid strong,.health-row strong{color:#dae2fd}.health-list{gap:8px;display:grid}.health-row{min-height:44px;padding:0 12px}.detail-actions-stack{gap:10px;display:grid}.modal-action{min-height:44px}.ai-section{gap:10px;display:grid}.provider-toggle{background:#060e20;border:1px solid #3c494e;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.provider-toggle button{text-transform:uppercase;letter-spacing:.06em;border-color:#0000;font-size:.72rem;font-weight:800}.provider-toggle button.is-active{color:#003543;background:#00d2ff}.ai-prompt{resize:vertical;min-height:112px;padding:10px 12px;line-height:1.4}.privacy-note,.ai-message,.history-empty{color:#859399;margin:0;font-size:.76rem;line-height:1.45}.ai-message{color:#bbc9cf}.ai-history{gap:8px;display:grid}.history-row{color:#dae2fd;text-align:left;background:#222a3d;border:1px solid #3c494e;border-radius:8px;gap:4px;width:100%;padding:10px;display:grid}.history-row.error{border-color:#ffba4a73}.history-row.running{border-color:#47d6ff8c}.history-row.success{border-color:#47d6ff47}.history-row.is-active{border-color:#47d6ff}.history-row small{color:#859399}.history-drawer{z-index:110;background:#060e20;border-left:1px solid #3c494e;flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-24px 0 80px #0000006b}.history-drawer-head{background:#171f33;border-bottom:1px solid #3c494e;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 16px;display:flex}.history-drawer-head .section-label{margin-bottom:4px}.history-drawer-list{border-bottom:1px solid #3c494e;gap:8px;max-height:42%;padding:12px;display:grid;overflow:auto}.history-detail{gap:12px;padding:16px;display:grid;overflow:auto}.history-detail h3,.history-detail p{margin:0}.history-detail h3{color:#dae2fd;overflow-wrap:anywhere;font-size:1rem}.history-detail p{color:#bbc9cf;line-height:1.45}.history-detail label{color:#859399;gap:8px;font-size:.78rem;display:grid}.history-detail textarea{resize:vertical;color:#dae2fd;background:#0b1326;border:1px solid #3c494e;border-radius:8px;width:100%;min-height:132px;padding:10px}.history-status{color:#47d6ff;letter-spacing:.08em;text-transform:uppercase;background:#222a3d;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.68rem;font-weight:900}.history-status.error{color:#ffba4a}.history-status.running,.history-status.success{color:#47d6ff}.history-log-block{color:#859399;gap:8px;font-size:.78rem;display:grid}.history-log-block ol{color:#bbc9cf;background:#0b1326;border:1px solid #3c494e;border-radius:8px;gap:6px;margin:0;padding:10px 10px 10px 28px;line-height:1.4;display:grid}.history-log-block p{color:#859399}.settings-panel{background:#060e20;border:1px solid #3c494e;border-radius:8px;gap:10px;width:100%;padding:12px;display:grid}.settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-head .section-label{margin-bottom:4px}.settings-field{color:#bbc9cf;gap:6px;font-size:.78rem;display:grid}.compact-button{min-height:30px;padding:0 9px;font-size:.72rem}.export-host{pointer-events:none;opacity:0;width:640px;height:640px;position:fixed;top:-9999px;left:-9999px;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#060e20}::-webkit-scrollbar-thumb{background:#3c494e}::-webkit-scrollbar-thumb:hover{background:#859399}@media (width<=1120px){.detail-modal{width:min(100%,960px)}.detail-modal-body{flex-direction:column}.detail-stage-panel{border-bottom:1px solid #3c494e;border-right:0}.detail-inspector{width:100%}}@media (width<=900px){.sidebar{width:100%;height:auto;position:static}.main-shell{margin-left:0}.app-shell{display:block}.asset-list{max-height:280px}.main-header,.status-bar{position:static}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=640px){.gallery-area,.sidebar-tools,.sidebar-section,.sidebar-footer,.main-header,.status-bar,.detail-modal-head,.playback-bar,.detail-section{padding-left:12px;padding-right:12px}.header-controls,.main-title,.status-bar,.status-group{flex-wrap:wrap}.detail-overlay{padding:12px}.detail-stage{min-height:280px;padding:14px}.credit-group{margin-left:0}}