:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7faff;font-family:Segoe UI Variable Text,Segoe UI,Inter,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}body{-webkit-text-size-adjust:100%;min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#0f172a;background:#1a73e833}*{scrollbar-width:thin;scrollbar-color:#1a73e852 #f1f5f9cc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9cc}::-webkit-scrollbar-thumb{background:#1a73e84d padding-box padding-box;border:2px solid #0000;border-radius:999px}@media (width<=760px){html,body,#root{min-height:100%}body{background:#f7faff;overflow:auto}}.studio-shell{color:#0b1220;background:radial-gradient(circle at 8% 0,#1a73e81a,#0000 25%),radial-gradient(circle at 86% 4%,#34a85314,#0000 22%),linear-gradient(#fff 0%,#f7faff 42%,#f1f5fb 100%);min-height:100vh;padding:10px 14px 14px;position:relative}.studio-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#1a73e807 1px,#0000 1px),linear-gradient(90deg,#1a73e807 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000047,#0000 72%);mask-image:linear-gradient(#00000047,#0000 72%)}.titlebar,.studio-layout{z-index:1;position:relative}.titlebar{justify-content:space-between;align-items:center;gap:18px;min-height:38px;padding:10px 10px 8px 24px;display:flex}.titlebar__brand{-webkit-app-region:drag;align-items:center;gap:12px;min-width:0;display:flex}.titlebar__mark{color:#fff;background:linear-gradient(135deg,#1a73e8,#1557c0);border-radius:10px;place-items:center;width:30px;height:30px;font-size:.92rem;font-weight:800;display:grid;box-shadow:0 10px 22px #1a73e838}.titlebar__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.titlebar__copy strong{color:#0f172a;letter-spacing:-.02em;font-size:.9rem;font-weight:800}.titlebar__copy span,.titlebar-chip{color:#64748b;font-size:.79rem}.titlebar__meta{-webkit-app-region:drag;align-items:center;gap:10px;margin-left:auto;display:flex}.titlebar-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #cbd5e1d1;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 .85rem;display:inline-flex}.titlebar-chip--soft{color:#1557c0;background:#f1f7ff;border-color:#1a73e833}.window-controls{align-items:center;gap:10px;display:flex}.window-control{color:#64748b;background:#fff;border:1px solid #94a3b83d;border-radius:999px;place-items:center;width:32px;height:32px;transition:transform .16s,background .16s,border-color .16s;display:grid}.window-controls--traffic{z-index:5;pointer-events:auto;-webkit-app-region:no-drag;flex-shrink:0;margin-right:6px;position:relative}.window-control:hover{background:#fff;border-color:#2563eb47;transform:translateY(-1px)}.window-control--minimize:hover{color:#92400e;background:#fef3c7;border-color:#f59e0b52}.window-control--maximize:hover{color:#166534;background:#dcfce7;border-color:#22c55e52}.window-control--close:hover{color:#b91c1c;background:#fee2e2;border-color:#ef444452}.studio-layout{grid-template-columns:80px 312px minmax(0,1fr) 340px;gap:14px;height:calc(100vh - 4px);min-height:0;display:grid}.studio-layout--media{grid-template-columns:80px minmax(0,1fr) 340px}.studio-rail,.side-pane,.workspace-surface,.inspector-pane{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d2dce8fa;box-shadow:0 20px 42px #0f172a12,inset 0 1px #ffffffe6}.studio-rail{border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:14px 10px;display:flex}.rail-create,.rail-item,.pane-action,.tool-button,.send-button,.stop-button,.save-button,.suggestion-card,.window-control,.run-button,.soft-button,.sample-chip,.mode-chip,.frame-drop,.upload-zone,.tiny-button,.copy-path{font:inherit;cursor:pointer;border:none}.rail-create{color:#fff;background:linear-gradient(135deg,#1a73e8,#1557c0);border-radius:18px;place-items:center;width:54px;height:54px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 26px #1a73e83b}.rail-create:hover,.run-button:hover,.send-button:hover:not(:disabled),.save-button:hover{transform:translateY(-1px);box-shadow:0 22px 34px #2563eb47}.rail-nav{flex-direction:column;flex:1;gap:10px;width:100%;display:flex}.rail-item{color:#64748b;background:0 0;border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 8px;transition:transform .16s,background .16s,color .16s;display:flex}.rail-item span{font-size:.78rem;font-weight:700}.rail-item:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.rail-item--active{color:#1d4ed8;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb1f}.rail-foot{justify-content:center;width:100%;display:flex}.rail-badge{color:#64748b;background:#f8fafc;border-radius:16px;align-items:center;gap:8px;padding:.72rem .8rem;font-size:.76rem;display:inline-flex}.side-pane,.inspector-pane{border-radius:26px;flex-direction:column;gap:14px;min-height:0;padding:20px;display:flex;overflow:hidden}.session-list,.task-list,.messages-list{min-height:0;overflow:auto}.pane-head,.preview-head,.task-item__top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.eyebrow{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800}.pane-head h2,.workspace-header h1,.empty-state h3,.media-hero h1,.preview-head h2{color:#0f172a;letter-spacing:-.04em;margin:0}.pane-head h2,.preview-head h2{font-size:1.05rem}.preview-head__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pane-copy,.status-note,.usage-line,.field span,.field input::placeholder,.field textarea::placeholder,.composer-hint,.session-item span,.workspace-meta__item,.task-item p,.empty-mini,.model-note,.output-path{color:#64748b}.pane-copy{margin:-2px 0 0;font-size:.9rem;line-height:1.65}.pane-action,.count-pill,.tool-button,.soft-button,.tiny-button,.copy-path{color:#334155;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 .85rem;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.pane-action:hover,.tool-button:hover:not(:disabled),.soft-button:hover:not(:disabled),.tiny-button:hover,.copy-path:hover,.sample-chip:hover{background:#e2e8f0;transform:translateY(-1px)}.copy-path--download{font-size:0}.copy-path--download .copy-path__label{font-size:.82rem}.preview-head__actions--desktop .copy-path--download,.preview-lightbox__actions--desktop .copy-path--download{display:none}.web-support-button{z-index:70;color:#fff;min-width:60px;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ff7a18,#ef4444 56%,#dc2626);border:1px solid #ffffffbd;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex;position:fixed;bottom:28px;left:22px;box-shadow:0 14px 30px #ef44444d,0 0 0 4px #ff7a181f}.web-support-button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #ef444461,0 0 0 5px #ff7a1829}.web-support-modal{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0206179e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.web-support-modal__card{background:#fff;border:1px solid #e2e8f0d1;border-radius:28px;gap:18px;width:min(380px,100%);padding:22px;display:grid;position:relative;box-shadow:0 32px 90px #0f172a47}.web-support-modal__close{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.web-support-modal__copy{gap:6px;padding-right:38px;display:grid}.web-support-modal__copy span{color:#2563eb;letter-spacing:.08em;font-size:.74rem;font-weight:900}.web-support-modal__copy strong{color:#0f172a;letter-spacing:-.03em;font-size:1.2rem}.web-support-modal__copy p{color:#64748b;margin:0;font-size:.86rem;line-height:1.65}.web-support-modal__notice{background:#f8fbff;border:1px solid #2563eb24;border-radius:18px;gap:9px;padding:12px;display:grid}.web-support-modal__notice>strong{color:#0f172a;font-size:.88rem}.web-support-modal__notice ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.web-support-modal__notice li{color:#475569;padding-left:12px;font-size:.78rem;line-height:1.5;position:relative}.web-support-modal__notice li:before{content:"";background:#2563eb;border-radius:999px;width:4px;height:4px;position:absolute;top:.63em;left:0}.web-support-modal__qr{background:linear-gradient(#f8fafc,#fff);border:1px solid #94a3b838;border-radius:22px;place-items:center;padding:14px;display:grid}.web-support-modal__qr img{border-radius:16px;width:min(260px,72vw);height:auto;display:block}.soft-button--active{color:#1557c0;background:#dbeafe}.session-list,.task-list{flex-direction:column;gap:10px;padding-right:4px;display:flex}.session-item,.task-item{background:#f7f9fd;border:1px solid #0000;border-radius:20px;transition:transform .16s,border-color .16s,background .16s}.session-item{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 13px 13px 15px;display:flex}.session-item:hover,.session-item:focus-visible,.task-item:hover{background:#fff;border-color:#bfdbfe;outline:none;transform:translateY(-1px)}.session-item--active{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #3b82f614}.session-item__copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.session-item__top{align-items:center;gap:10px;min-width:0;display:flex}.session-item__top strong,.attachment-card__body strong,.message-meta strong,.inspector-note strong,.media-asset-card strong,.task-item strong{color:#0f172a}.session-item__top strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.session-item span,.task-item p{font-size:.8rem}.session-live,.task-status{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.task-percent{color:#475569;margin-left:auto;font-size:.75rem;font-weight:800}.task-status--success{color:#15803d;background:#dcfce7}.task-status--error{color:#b91c1c;background:#fee2e2}.task-status--cancelled{color:#475569;background:#f1f5f9}.session-remove,.attachment-remove,.media-asset-card button{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;place-items:center;display:grid}.session-remove{width:30px;height:30px}.session-remove:hover:not(:disabled),.attachment-remove:hover,.media-asset-card button:hover{color:#b91c1c;background:#fee2e2}.session-remove:disabled{cursor:not-allowed;opacity:.35}.task-item{flex-direction:column;gap:10px;padding:14px;display:flex}.task-item strong{font-size:.92rem;line-height:1.45}.task-item p{margin:0;line-height:1.45}.task-output{background:#fff;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.task-output img{object-fit:cover;border-radius:12px;width:44px;height:38px}.task-output span{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.progress-line{background:#e2e8f0;border-radius:999px;height:7px;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8);height:100%;transition:width .22s;display:block}.empty-mini{background:#f7f9fd;border-radius:18px;padding:17px;font-size:.88rem;line-height:1.6}.workspace-pane{min-width:0;height:100%;min-height:0;display:flex}.workspace-surface{border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid;overflow:hidden}.chat-surface{min-height:0}.workspace-header{background:#ffffffd1;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px 16px;display:flex}.workspace-header__copy{min-width:0}.workspace-header h1{font-size:clamp(1.5rem,2vw,2.2rem)}.workspace-meta{flex-wrap:wrap;gap:10px 12px;margin-top:12px;display:flex}.workspace-meta__item{background:#f1f5f9;border-radius:999px;align-items:center;min-height:30px;padding:0 .75rem;font-size:.79rem;display:inline-flex}.workspace-header__side{flex-direction:column;align-items:flex-end;gap:10px;min-width:208px;display:flex}.status-pill{color:#334155;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 .9rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-pill--live{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.status-note{text-align:right;font-size:.8rem}.messages-list{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding:20px 24px 24px;display:flex;overflow:auto}.message-row{align-items:flex-start;gap:12px;display:flex}.message-row--user{flex-direction:row-reverse}.message-avatar{color:#0369a1;background:#e0f2fe;border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.message-avatar--user{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.message-stack{flex-direction:column;gap:8px;min-width:0;max-width:min(700px,70%);display:flex}.message-row--user .message-stack{align-items:flex-end}.message-meta{color:#64748b;align-items:center;gap:10px;font-size:.78rem;display:inline-flex}.message-bubble{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px;line-height:1.66;box-shadow:0 8px 22px #0f172a0b}.message-bubble p{margin:0}.message-bubble--user{color:#eff6ff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#bfdbfe}.ghost-text{color:#64748b}.usage-line{font-size:.76rem}.empty-state{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:12px 0 24px;display:flex}.empty-state h3{max-width:12ch;font-size:clamp(2rem,3.3vw,3.4rem);line-height:.96}.empty-state p{color:#475569;max-width:760px;margin:0;font-size:1rem;line-height:1.72}.suggestion-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px;display:grid}.suggestion-card{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:22px;min-height:118px;padding:18px;font-weight:700;line-height:1.6;transition:transform .16s,border-color .16s,background .16s}.suggestion-card:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px)}.composer-dock{background:#f8fafcf0;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px 20px;display:flex}.composer-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.composer-tools{flex-wrap:wrap;gap:10px;display:flex}.tool-button--ghost{color:#64748b}.tool-button:disabled,.send-button:disabled,.stop-button:disabled,.save-button:disabled,.soft-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none;transform:none}.composer-hint{text-align:right;max-width:360px;font-size:.82rem;line-height:1.55}.composer-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:12px 14px;font-size:.82rem;line-height:1.6}.attachment-grid,.media-asset-grid{flex-wrap:wrap;gap:10px;display:flex}.reference-control-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex}.attachment-grid--message{margin-top:12px}.attachment-card,.media-asset-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:12px;display:grid;position:relative}.attachment-card{grid-template-columns:auto minmax(0,1fr);min-width:220px;max-width:320px;padding:12px}.attachment-card--image{grid-template-columns:auto minmax(0,1fr) 72px}.attachment-card__icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.attachment-card__body,.media-asset-card div{flex-direction:column;gap:.22rem;min-width:0;display:flex}.attachment-card__body strong,.attachment-card__body span,.media-asset-card strong,.media-asset-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-card__body strong,.media-asset-card strong{font-size:.88rem}.attachment-card__body span,.media-asset-card span{color:#64748b;font-size:.76rem}.attachment-card img{object-fit:cover;border-radius:14px;width:72px;height:56px}.attachment-remove{width:24px;height:24px;position:absolute;top:8px;right:8px}.composer-shell{grid-template-columns:minmax(0,1fr) 132px;align-items:stretch;gap:12px;display:grid}.composer-shell textarea,.field input,.field textarea,.field select,.prompt-field input,.prompt-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;width:100%;transition:border-color .16s,box-shadow .16s,background .16s}.composer-shell textarea{resize:none;border-radius:22px;min-height:108px;max-height:200px;padding:16px 18px;line-height:1.66;overflow:auto}.composer-shell textarea:focus,.field input:focus,.field textarea:focus,.field select:focus,.prompt-field input:focus,.prompt-field textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #2563eb1c}.composer-actions{flex-direction:column;gap:10px;display:flex}.send-button,.stop-button,.save-button,.run-button{border-radius:18px;justify-content:center;align-items:center;gap:.55rem;min-height:52px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.send-button,.save-button,.run-button{color:#fff;background:linear-gradient(135deg,#1a73e8,#1557c0);box-shadow:0 16px 26px #1a73e838}.save-button--saved{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 16px 26px #16a34a33}.save-button--error{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 16px 26px #dc262633}.stop-button{color:#b91c1c;background:#fee2e2}.inspector-pane{scrollbar-gutter:stable;gap:14px;overflow:auto}.pane-icon{color:#64748b}.inspector-pane .save-button{z-index:1;position:sticky;bottom:0}.field,.prompt-field{flex-direction:column;gap:.6rem;display:flex}.field span,.prompt-field span{color:#334155;font-size:.8rem;font-weight:800}.field input,.field textarea,.field select,.prompt-field input{font:inherit;border-radius:18px;padding:.9rem .95rem}.field textarea{resize:vertical;min-height:132px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-grid>:only-child{grid-column:1/-1}.chat-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-config-grid .inspector-note{grid-column:1/-1}.model-note{background:#f3f8ff;border:1px solid #dbeafe;border-radius:16px;padding:12px 14px;font-size:.8rem;line-height:1.55}.tutorial-card{background:linear-gradient(135deg,#eff6ff,#fff 72%);border:1px solid #93c5fd;border-radius:18px;padding:14px;box-shadow:0 12px 30px #2563eb1a}.tutorial-card__head{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.tutorial-card__head strong{color:#0f172a;font-size:1rem}.tutorial-card__head span,.tutorial-steps span{color:#475569;font-size:.82rem;line-height:1.55}.tutorial-steps{gap:8px;display:grid}.tutorial-steps span{background:#ffffffc7;border-radius:12px;padding:9px 10px}.inspector-note{color:#334155;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;display:flex}.inspector-note div{flex-direction:column;gap:4px;display:flex}.inspector-note span{font-size:.84rem;line-height:1.6}.save-button{margin-top:auto}.media-surface{grid-template-rows:auto minmax(0,1fr)}.media-hero{background:linear-gradient(135deg,#1a73e814,#0000 48%),#ffffffdb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px;display:flex}.video-hero{background:linear-gradient(135deg,#34a85317,#0000 48%),#ffffffdb}.media-hero h1{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1}.media-hero p{color:#475569;max-width:620px;margin:14px 0 0;font-size:1rem;line-height:1.7}.hero-stat{color:#1557c0;background:#fff;border:1px solid #bfdbfe;border-radius:24px;place-items:center;min-width:86px;min-height:86px;display:grid}.hero-stat strong{font-size:2.3rem;line-height:1}.hero-stat span{color:#64748b;font-size:.82rem;font-weight:800}.media-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:16px;min-height:0;padding:18px;display:grid;overflow:hidden}.creation-panel,.preview-panel{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:14px;height:100%;min-height:0;padding:18px;display:flex}.creation-panel{scrollbar-gutter:stable;padding-bottom:12px;overflow:auto}.preview-panel{scrollbar-gutter:stable;min-height:0;overflow:auto}.prompt-field textarea{resize:vertical;border-radius:22px;min-height:158px;max-height:260px;padding:16px 18px;line-height:1.66;overflow:auto}.sample-row,.mode-row,.frame-row,.run-row{flex-wrap:wrap;gap:10px;display:flex}.tool-note,.reuse-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tool-note strong,.reuse-panel__head strong{color:#0f172a;font-size:.88rem}.tool-note span,.reuse-panel__head span,.empty-hint{color:#64748b;font-size:.8rem;line-height:1.6}.reuse-panel__head{flex-direction:column;gap:4px;display:flex}.reference-type-toolbar,.reference-type-tags{flex-wrap:wrap;gap:10px;display:flex}.reference-type-select{color:#0f172a;min-width:min(280px,100%);min-height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:16px;flex:240px;padding:0 14px}.reference-type-select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #2563eb1c}.reference-type-tag{color:#1557c0;background:#eef4ff;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.reference-type-tag button{width:20px;height:20px;color:inherit;background:#1557c01f;border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:inline-flex}.reference-type-tag button:hover{background:#1557c033}.remix-chip-row{flex-wrap:wrap;gap:10px;display:flex}.remix-chip{text-align:left;background:#fff;border:1px solid #dbeafe;border-radius:18px;flex-direction:column;flex:220px;gap:4px;min-width:220px;max-width:100%;padding:12px 14px;display:flex}.remix-chip strong{text-overflow:ellipsis;white-space:nowrap;color:#1557c0;overflow:hidden}.remix-chip span{text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.78rem;overflow:hidden}.remix-chip__meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remix-chip__prompt{color:#475569;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.remix-chip--active{background:#e8f0fe;border-color:#60a5fa}.generated-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.generated-picker-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:10px;padding:10px;display:flex}.generated-picker-card img{object-fit:cover;border-radius:14px;width:100%;height:120px}.generated-picker-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.generated-picker-card__body strong,.generated-picker-card__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generated-picker-card__body strong{font-size:.84rem}.generated-picker-card__body span{color:#64748b;font-size:.76rem}.generated-picker-card__actions{flex-wrap:wrap;gap:8px;display:flex}.tiny-button{color:#1557c0;background:#eef4ff;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.tiny-button--active{color:#fff;background:#1a73e8}.sample-chip,.mode-chip{color:#334155;text-align:left;background:#f4f7fb;border-radius:16px;padding:.72rem .9rem;font-size:.84rem;font-weight:700}.mode-chip--active{color:#1557c0;background:#e8f0fe;box-shadow:inset 0 0 0 1px #1a73e829}.upload-zone{color:#1557c0;cursor:pointer;text-align:center;background:#f3f8ff;border:1px dashed #8ab4f8;border-radius:24px;place-items:center;min-height:132px;display:grid}.upload-zone strong,.frame-drop strong{color:#0f172a;margin-top:8px}.upload-zone span,.frame-drop span{color:#64748b;font-size:.82rem}.media-asset-card{grid-template-columns:54px minmax(0,1fr) 26px;width:235px;padding:10px}.media-asset-grid--reference{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.media-asset-card--reference{align-items:start;width:auto}.media-asset-card img{object-fit:cover;border-radius:14px;width:54px;height:48px}.media-asset-card button{width:24px;height:24px}.reference-meta-fields{flex-direction:column;gap:8px;margin-top:8px;display:flex}.reference-meta-fields select,.reference-meta-fields input{color:#0f172a;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 10px;font-size:.78rem}.run-row{z-index:2;background:linear-gradient(#fff0,#fffffff2 24%,#fffffffc 100%);align-items:center;margin-top:auto;padding-top:12px;position:sticky;bottom:0}.run-button{min-width:160px;padding:0 1.25rem}.frame-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.frame-drop{color:#1557c0;background:#f8fbff;border:1px dashed #8ab4f8;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:118px;padding:14px;display:flex}.frame-drop img{object-fit:cover;border-radius:14px;width:78px;height:56px}.preview-head__caption{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:700;display:block}.result-stage{background:radial-gradient(circle at 16% 14%,#3b82f629,#0000 30%),radial-gradient(circle at 82% 12%,#14b8a61f,#0000 28%),linear-gradient(145deg,#f8fbff 0%,#edf4ff 48%,#f8fafc 100%);border:1px solid #94a3b852;border-radius:28px;min-height:clamp(300px,44vh,540px);padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb}.result-stage--has-media{height:clamp(260px,46vh,560px);min-height:260px}.result-stage__toolbar{z-index:4;gap:8px;display:flex;position:absolute;top:20px;right:20px}.stage-action-button{color:#fff;min-height:38px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 .85rem;font-size:.8rem;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.stage-action-button:hover{background:#0f172ae0;transform:translateY(-1px)}.result-stage__media{background:linear-gradient(135deg,#0f172afa,#1e293bf2),#0f172a;border:1px solid #0f172a14;border-radius:22px;place-items:center;width:100%;min-width:0;min-height:280px;display:grid;position:relative;overflow:hidden}.result-stage--has-media .result-stage__media{height:100%;min-height:0}.result-stage__media img,.result-stage__media video{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:absolute;inset:0}.media-preview-fallback{color:#64748b;text-align:center;background:#ffffffeb;border-radius:20px;place-items:center;gap:8px;width:min(420px,88%);min-height:180px;padding:22px;display:grid}.media-preview-fallback strong{color:#0f172a}.preview-lightbox{z-index:9999;pointer-events:auto;background:#020617;padding:0;display:block;position:fixed;inset:0}.preview-lightbox__panel{width:100vw;height:100dvh;box-shadow:none;background:#020617;border:none;border-radius:0;grid-template-rows:58px minmax(0,1fr);padding:0;display:grid;position:relative;overflow:hidden}.preview-lightbox__top{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617f5;border:0 solid #94a3b829;border-bottom-width:1px;border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 18px;display:flex}.preview-lightbox__title{min-width:0}.preview-lightbox__title .eyebrow{display:none}.preview-lightbox__title strong{color:#f8fafcf5;text-overflow:ellipsis;white-space:nowrap;max-width:min(760px,58vw);font-size:.92rem;font-weight:700;display:block;overflow:hidden}.preview-lightbox__actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.preview-lightbox__actions .copy-path{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;min-height:38px;padding:0 .95rem}.preview-lightbox__actions .copy-path:hover{background:#ffffff24}.preview-lightbox__media{background:radial-gradient(circle at 50% 0,#1e293b6b,#0000 38%),#020617;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.preview-lightbox__media img,.preview-lightbox__media video{object-fit:contain;object-position:center;border-radius:10px;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block;position:static;box-shadow:0 24px 80px #00000057}.result-banner{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #60a5fa47;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.result-banner__copy{align-items:center;gap:10px;min-width:0;display:flex}.result-banner__copy strong{color:#0f172a;font-size:.9rem}.result-banner__copy span{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.result-empty{color:#64748b;text-align:center;background:#ffffffe6;border-radius:22px;place-items:center;gap:10px;width:min(460px,86%);padding:24px;display:grid}.result-empty--error{color:#b91c1c}.result-empty strong{color:#0f172a}.result-progress{color:#1557c0;text-align:center;background:#ffffffeb;border-radius:24px;place-items:center;gap:12px;width:min(420px,86%);padding:28px;display:grid;box-shadow:0 22px 60px #0f172a29}.result-progress strong{color:#0f172a;letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.6rem)}.result-progress span{color:#334155;font-weight:800}.result-progress em{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-style:normal;overflow:hidden}.progress-line--wide{width:100%}.result-meta{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.result-meta__main{align-items:center;gap:10px;min-width:0;display:flex}.result-meta__main strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.result-meta__sub{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.78rem;font-weight:700;overflow:hidden}.result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-action-hint{color:#64748b;font-size:.78rem;font-weight:700}.task-log-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.task-log-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-log-panel__head strong{color:#0f172a;font-size:.9rem}.task-log-panel__summary{color:#475569;font-size:.82rem;line-height:1.55}.task-log-list{flex-direction:column;gap:6px;max-height:150px;padding-right:2px;display:flex;overflow:auto}.task-log-entry,.task-log-empty{color:#334155;white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:12px;padding:8px 10px;font-size:.76rem;line-height:1.5}.task-log-empty{color:#64748b}.result-rail{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.result-rail__item{color:#0f172a;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:18px;gap:7px;min-width:0;padding:7px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.result-rail__item:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px)}.result-rail__item--active{background:#f8fbff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}.result-rail__media{aspect-ratio:16/10;background:#e2e8f0;border-radius:13px;place-items:center;display:grid;overflow:hidden}.result-rail__media img,.result-rail__media video{object-fit:cover;width:100%;height:100%}.result-rail__media span{color:#334155;text-align:center;padding:0 8px;font-size:.78rem;font-weight:800}.result-rail__text{gap:2px;min-width:0;display:grid}.result-rail__text strong,.result-rail__text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-rail__text strong{color:#0f172a;font-size:.78rem}.result-rail__text small{color:#64748b;font-size:.7rem}.output-path{color:#64748b;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border-radius:14px;padding:.68rem .85rem;font-size:.76rem;overflow:hidden}.preview-jobs{flex-direction:column;gap:10px;padding-top:2px;display:flex}.preview-jobs__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-jobs__head strong{color:#0f172a;font-size:.9rem}.preview-jobs__list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.preview-job{text-align:left;background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;gap:7px;min-width:0;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.preview-job:hover{background:#fff;border-color:#93c5fd;transform:translateY(-1px)}.preview-job--active{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}.preview-job__top{align-items:center;gap:8px;display:flex}.preview-job__body{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;display:grid}.preview-job__thumb{background:#e2e8f0;border-radius:14px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.preview-job__thumb img,.preview-job__thumb video{object-fit:cover;width:100%;height:100%}.preview-job__thumb span{color:#334155;font-size:.72rem;font-weight:800}.preview-job__content{gap:4px;min-width:0;display:grid}.preview-job strong,.preview-job small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-job strong{color:#0f172a;font-size:.82rem}.preview-job small{color:#64748b;font-size:.72rem;font-weight:700}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1520px){.studio-layout{grid-template-columns:74px 292px minmax(0,1fr) 310px}.studio-layout--media{grid-template-columns:74px minmax(0,1fr) 310px}.suggestion-list,.media-grid{grid-template-columns:1fr}}@media (width<=1320px){.studio-layout{grid-template-columns:74px 280px minmax(0,1fr)}.studio-layout--media{grid-template-columns:74px minmax(0,1fr)}.inspector-pane{display:none}}@media (width<=1080px){.studio-shell{padding:12px}.studio-layout{grid-template-columns:70px minmax(0,1fr)}.side-pane,.titlebar__meta{display:none}.workspace-header,.composer-toolbar,.composer-shell{flex-direction:column;grid-template-columns:none}.workspace-header__side,.composer-hint{text-align:left;align-items:flex-start}.composer-shell{display:flex}.composer-actions{flex-direction:row}.send-button,.stop-button{flex:1}.frame-row{grid-template-columns:1fr}}@media (width<=860px){.studio-shell{min-height:100svh;padding:8px}.studio-layout,.studio-layout--media{flex-direction:column;gap:8px;height:auto;min-height:calc(100svh - 16px);display:flex}.workspace-pane{order:1;min-height:0}.side-pane{order:2;max-height:none;display:flex;overflow:visible}.inspector-pane{order:3;max-height:none;display:flex;overflow:visible}.studio-rail{z-index:20;border-radius:22px;flex-direction:row;order:4;align-items:stretch;gap:8px;padding:8px;position:sticky;bottom:0}.rail-create{border-radius:16px;flex:0 0 52px;width:52px;height:52px}.rail-nav{flex-direction:row;gap:8px}.rail-item{border-radius:16px;flex:1;min-height:54px;padding:10px 6px}.rail-item span{font-size:.72rem}.rail-foot{display:none}.workspace-surface{border-radius:24px;height:auto;min-height:calc(100svh - 112px)}.workspace-header,.media-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.workspace-header__side{align-items:flex-start;width:100%;min-width:0}.status-note{text-align:left}.messages-list{padding:16px 16px 12px}.message-stack{max-width:calc(100% - 44px)}.composer-dock{gap:10px;padding:12px 14px 14px}.composer-toolbar{flex-direction:column;align-items:stretch;gap:10px}.composer-hint{text-align:left;max-width:none}.composer-tools{gap:8px}.composer-shell{flex-direction:column;gap:10px;display:flex}.composer-shell textarea{min-height:128px;max-height:40svh}.composer-actions{flex-direction:row}.send-button,.stop-button,.save-button,.run-button{border-radius:16px;flex:1;min-height:48px}.field-grid,.chat-config-grid,.preview-jobs__list,.frame-row,.media-grid,.media-asset-grid--reference{grid-template-columns:1fr}.creation-panel,.preview-panel,.side-pane,.inspector-pane{border-radius:22px;padding:16px}.media-grid{gap:12px;padding:12px;overflow:visible}.prompt-field textarea{border-radius:18px;min-height:140px;max-height:38svh;padding:14px 16px}.upload-zone{border-radius:20px;min-height:116px;padding:18px 14px}.media-asset-card{width:100%}.media-asset-card--reference{grid-template-columns:54px minmax(0,1fr) 24px}.reference-type-select{min-width:0}.generated-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-stage{border-radius:24px;min-height:min(46svh,420px);padding:8px}.result-stage--has-media{height:min(52svh,480px);min-height:240px}.result-stage__toolbar{top:14px;right:14px}.result-stage__media{min-height:240px}.result-stage--has-media .result-stage__media{height:100%;min-height:0}.result-stage__media img,.result-stage__media video{max-height:100%}.preview-lightbox{padding:0}.preview-lightbox__panel{border-radius:0;grid-template-rows:54px minmax(0,1fr);gap:0;width:100vw;height:100dvh;max-height:none;padding:0}.preview-lightbox__top{flex-direction:row;align-items:center;gap:10px;min-height:54px;padding:0 12px}.preview-lightbox__actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;width:auto}.preview-lightbox__actions .copy-path{min-height:36px;padding:0 .75rem}.preview-lightbox__media{padding:14px}.result-progress{width:min(320px,92%);padding:22px}.result-banner,.task-log-panel__head,.preview-jobs__head{flex-direction:column;align-items:flex-start}.preview-head__actions{justify-content:flex-start;width:100%}.result-meta{grid-template-columns:1fr}.result-meta__sub{white-space:normal;max-width:100%}.result-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-job__body{grid-template-columns:48px minmax(0,1fr)}.preview-job__thumb{border-radius:12px;width:48px;height:48px}.web-support-button{left:12px;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:16px;width:44px;min-width:44px;min-height:44px;padding:0}.web-support-button span{display:none}}@media (width<=560px){.studio-shell{padding:6px 6px calc(8px + env(safe-area-inset-bottom))}.studio-layout,.studio-layout--media{min-height:calc(100svh - 12px - env(safe-area-inset-bottom));gap:6px}.workspace-surface,.side-pane,.inspector-pane,.creation-panel,.preview-panel{border-radius:18px}.studio-rail{bottom:env(safe-area-inset-bottom);border-radius:18px;gap:6px;padding:6px}.rail-create{flex-basis:46px;width:46px;height:46px}.rail-item{gap:6px;min-height:48px;padding:8px 4px}.rail-item span{font-size:.68rem}.workspace-header h1,.media-hero h1{font-size:clamp(1.55rem,8vw,2rem)}.workspace-meta{gap:8px}.message-row{gap:10px}.message-avatar{border-radius:12px;width:34px;height:34px}.message-stack{max-width:100%}.composer-dock,.creation-panel,.preview-panel,.side-pane,.inspector-pane{padding:12px}.composer-tools{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-head__actions{grid-template-columns:1fr;display:grid}.tool-button,.pane-action,.soft-button,.copy-path{width:100%}.composer-actions,.run-row,.generated-picker-card__actions{flex-direction:column;align-items:stretch}.send-button,.stop-button,.save-button,.run-button,.tiny-button{width:100%}.attachment-card{width:100%;min-width:0;max-width:none}.generated-picker-grid,.result-rail{grid-template-columns:1fr}.result-stage{min-height:min(42svh,360px)}.result-stage--has-media{height:min(50svh,420px);min-height:220px}.stage-action-button{min-height:34px;padding:0 .72rem;font-size:.76rem}.result-stage__media{min-height:200px}.result-stage--has-media .result-stage__media{height:100%;min-height:0}.result-stage__media img,.result-stage__media video{max-height:100%}.preview-lightbox__panel{border-radius:0;gap:0;width:100vw;height:100dvh;max-height:none;padding:0}.preview-lightbox__actions{flex-wrap:nowrap;display:flex}.preview-lightbox__actions .copy-path{min-height:34px;padding:0 .68rem}.preview-lightbox__title p{display:none}.preview-lightbox__title strong{max-width:calc(100vw - 112px);font-size:.84rem}.preview-lightbox__media{border-radius:0;padding:8px}.preview-lightbox__media img,.preview-lightbox__media video{border-radius:6px}.web-support-button{left:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:44px;min-width:44px;min-height:44px;padding:0}.web-support-button span{display:none}.web-support-modal{padding:12px}.web-support-modal__card{border-radius:22px;padding:18px}.result-progress strong{font-size:clamp(1.6rem,8vw,2.4rem)}}