: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{height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;background:#f7faff;width:100%;position:fixed;inset:0;overflow:hidden}}.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%);height:100svh;min-height:100vh;padding:10px 14px 14px;position:relative;overflow:hidden}.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(100svh - 24px);min-height:0;display:grid}.studio-layout--media{grid-template-columns:80px minmax(0,1fr) 340px}.studio-layout--image{grid-template-columns:80px minmax(0,1fr)}.studio-layout--image .inspector-pane--image{display:none}.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;min-height:0;padding:14px 10px 18px;display:flex}.rail-create,.rail-logo,.rail-guide,.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,.rail-logo{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-logo{cursor:default;letter-spacing:0;font-weight:900}.rail-logo span{font-size:.9rem}.rail-guide{color:#fff;text-align:center;background:linear-gradient(#ef4444 0%,#dc2626 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:54px;padding:7px 6px;font-size:.68rem;font-weight:800;line-height:1.12;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3,0 12px 22px #dc262638}.rail-guide:hover,.run-button:hover,.send-button:hover:not(:disabled),.save-button:hover{transform:translateY(-1px);box-shadow:0 22px 34px #2563eb47}.rail-guide:hover{box-shadow:inset 0 0 0 1px #ffffff3d,0 18px 32px #dc262657}.rail-guide--mobile{display:none}.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}.mobile-pane-section{display:none}.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}.copy-path--reuse{color:#166534;background:#eefbf3}.copy-path--reuse:hover{background:#dcfce7}.copy-path--edit{color:#1d4ed8;background:#eff6ff}.copy-path--edit:hover{background:#dbeafe}.preview-head__actions--desktop .copy-path--download,.preview-lightbox__actions--desktop .copy-path--download{display:none}.soft-button--active{color:#1557c0;background:#dbeafe}.soft-button--mobile-params{display:none}.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}.task-status--partial{color:#c2410c;background:#fff7ed}.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-pane--image{width:100%}.workspace-surface{border-radius:28px;flex:auto;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;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--mobile-compact{gap:10px}.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-meta--mobile{gap:8px;margin-top:8px}.workspace-meta--mobile .workspace-meta__item{min-height:28px;padding:0 .68rem;font-size:.75rem}.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-avatar__logo{letter-spacing:0;font-size:.78rem;font-weight:900}.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)}.mobile-quickstart{flex-direction:column;gap:12px;padding:2px 0 10px;display:flex}.mobile-quickstart__head{flex-direction:column;gap:4px;display:flex}.mobile-quickstart__head strong{color:#0f172a;font-size:1rem;font-weight:800}.mobile-quickstart__head span{color:#64748b;font-size:.84rem;line-height:1.5}.mobile-quickstart__chips{flex-wrap:wrap;gap:8px;display:flex}.mobile-prompt-chip{color:#1e3a8a;background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;align-items:center;min-height:38px;padding:0 .88rem;font-size:.82rem;font-weight:700;line-height:1.4;display:inline-flex}.media-mobile-quickstart{display:none}.composer-dock{background:#f8fafcf0;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px 20px;display:flex}.composer-dock--mobile-priority{border-top:none;border-bottom:1px solid #e2e8f0}.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,.prompt-mention-editor{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}.messages-list--mobile-empty{padding-top:12px}.composer-shell textarea:focus,.field input:focus,.field textarea:focus,.field select:focus,.prompt-field input:focus,.prompt-field textarea:focus,.prompt-mention-editor: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}.save-config-control{justify-content:flex-end;align-items:center;display:inline-flex;position:relative}.save-config-control .save-button{width:100%;margin-top:0}.save-config-note{color:#15803d;opacity:0;pointer-events:none;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0f2;border-radius:999px;padding:2px 7px;font-size:.76rem;font-weight:800;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(4px)}.save-config-note--visible{opacity:1;transform:translateY(0)}.stop-button{color:#b91c1c;background:#fee2e2}.inspector-pane{scrollbar-gutter:stable;gap:14px;overflow:auto}.pane-icon{color:#64748b}.inspector-pane .save-config-control{z-index:1;width:100%;margin-top:auto;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}.model-combobox{position:relative}.model-combobox__menu{z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:16px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 44px #0f172a29}.model-combobox__option{color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:.72rem .8rem}.model-combobox__option:hover,.model-combobox__option--active{color:#1d4ed8;background:#eff6ff}.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:minmax(0,1fr)}.chat-config-grid .field,.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:18px;padding:18px 20px;display:flex}.video-hero{background:linear-gradient(135deg,#34a85317,#0000 48%),#ffffffdb}.media-hero h1{font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1}.media-hero p{color:#475569;max-width:620px;margin:10px 0 0;font-size:.94rem;line-height:1.6}.hero-stat{color:#1557c0;background:#fff;border:1px solid #bfdbfe;border-radius:20px;place-items:center;min-width:74px;min-height:74px;display:grid}.hero-stat strong{font-size:1.9rem;line-height:1}.hero-stat span{color:#64748b;font-size:.74rem;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}.media-surface--image .media-hero--image{display:none}.media-surface--image{box-shadow:none;background:0 0;border:0}.media-surface--video .video-hero{display:none}.media-surface--video{box-shadow:none;background:0 0;border:0}.media-grid--image{--image-desktop-gutter:clamp(14px, 1.8vw, 30px);--image-shell-width:min(1040px, calc(100% - (var(--image-desktop-gutter) * 2)));--image-composer-width:min(1180px, calc(100% - (var(--image-desktop-gutter) * 2)));--image-feed-bottom-space:286px;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;position:relative}.media-grid--video{--image-desktop-gutter:clamp(14px, 1.8vw, 30px);--image-shell-width:min(1060px, calc(100% - (var(--image-desktop-gutter) * 2)));--image-composer-width:min(1240px, calc(100% - (var(--image-desktop-gutter) * 2)));--image-feed-bottom-space:244px;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;position:relative}.media-grid--image .image-authbar,.media-grid--video .image-authbar{z-index:7;width:var(--image-shell-width);max-width:calc(100% - (var(--image-desktop-gutter) * 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #bfdbfee6;border-radius:16px;align-items:center;gap:clamp(8px,.95vw,14px);padding:7px 12px;display:flex;position:absolute;top:clamp(12px,1.4vw,22px);left:50%;transform:translate(-50%);box-shadow:0 10px 22px #0f172a0e,0 4px 12px #94a3b812}.image-authbar__copy,.image-authbar__toggle{display:none}.image-authbar__toggle-copy,.image-authbar__toggle-meta{align-items:center;min-width:0;display:inline-flex}.image-authbar__toggle-copy{text-align:left;flex-direction:column;gap:3px}.image-authbar__toggle-copy span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:800}.image-authbar__toggle-copy strong{color:#0f172a;font-size:.92rem;font-weight:850;line-height:1.15}.image-authbar__toggle-meta{color:#476280;flex:none;gap:8px;font-size:.74rem;font-weight:800}.image-authbar__toggle-arrow{transition:transform .18s}.image-authbar--mobile-open .image-authbar__toggle-arrow{transform:rotate(180deg)}.image-authbar__fields{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.image-authbar__field{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}.image-authbar__field--key{flex:280px;min-width:280px}.image-authbar__field--url{flex:236px;min-width:236px}.image-authbar__label{color:#64748b;white-space:nowrap;flex:0 0 40px;width:40px;font-size:.67rem;font-weight:800;line-height:1}.image-authbar__field input,.image-authbar__field select{color:#0f172a;box-sizing:border-box;background:#f8fafcf5;border:1px solid #bfdbfeeb;border-radius:12px;outline:none;flex:auto;width:auto;min-height:34px;padding:0 10px;font-size:.77rem;box-shadow:inset 0 0 0 1px #fffffff0,0 6px 18px #94a3b814}.image-authbar__field input:focus,.image-authbar__field select:focus{border-color:#bfdbfeeb;box-shadow:inset 0 0 0 1px #fffffff0}.image-authbar__field input:-webkit-autofill{-webkit-text-fill-color:#0f172a;border:1px solid #bfdbfeeb;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1px #fffffff0,inset 0 0 0 1000px #f8fafcf5,0 6px 18px #94a3b814}.image-authbar__field input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;border:1px solid #bfdbfeeb;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1px #fffffff0,inset 0 0 0 1000px #f8fafcf5,0 6px 18px #94a3b814}.image-authbar__field input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a;border:1px solid #bfdbfeeb;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1px #fffffff0,inset 0 0 0 1000px #f8fafcf5,0 6px 18px #94a3b814}.image-authbar__field input:-webkit-autofill:active{-webkit-text-fill-color:#0f172a;border:1px solid #bfdbfeeb;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1px #fffffff0,inset 0 0 0 1000px #f8fafcf5,0 6px 18px #94a3b814}.image-authbar__actions{flex:none;justify-content:flex-end;margin-left:8px;display:flex}.image-authbar__actions .save-button{white-space:nowrap;border-radius:12px;min-width:98px;min-height:34px;padding:0 11px;font-size:.76rem;box-shadow:0 8px 16px #1a73e829}.media-grid--image .preview-panel,.media-grid--video .preview-panel{box-shadow:none;min-width:0;height:100%;padding:calc(clamp(12px, 1.4vw, 22px) + 74px) var(--image-desktop-gutter) calc(var(--image-feed-bottom-space) + 26px);background:0 0;border:0;border-radius:0;order:1;width:100%}.media-grid--image .creation-panel--image{z-index:6;width:var(--image-composer-width);max-width:calc(100% - (var(--image-desktop-gutter) * 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #e2e8f0eb;border-radius:18px;order:2;gap:8px;height:auto;margin:0;padding:10px 12px 12px;position:absolute;bottom:clamp(12px,1.4vw,22px);left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 10px 24px #0f172a0f,0 4px 12px #94a3b80d}.media-grid--video .creation-panel--video{z-index:6;width:var(--image-composer-width);max-width:calc(100% - (var(--image-desktop-gutter) * 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #e2e8f0eb;border-radius:18px;order:2;gap:7px;height:auto;margin:0;padding:9px 12px 11px;position:absolute;bottom:clamp(12px,1.4vw,22px);left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 10px 24px #0f172a0f,0 4px 12px #94a3b80d}.media-grid--image .preview-head,.media-grid--image .preview-jobs__head,.media-grid--image .result-meta,.media-grid--image .output-path,.media-grid--image .prompt-field>span,.media-grid--image .model-note,.media-grid--image .prompt-mention-hint,.media-grid--video .prompt-field>span,.media-grid--video .model-note,.media-grid--video .prompt-mention-hint{display:none}.media-grid--image .prompt-field,.media-grid--video .prompt-field{flex-direction:column;gap:6px;display:flex}.media-grid--image .prompt-field{gap:4px}.media-grid--image .image-quickbar,.media-grid--video .image-quickbar{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.media-grid--image .image-quickbar{flex-wrap:wrap;padding-bottom:0;overflow:visible}.media-grid--image .image-quickbar>*{flex-shrink:0}.media-grid--video .image-quickbar{gap:8px 10px}.media-grid--image .run-row,.media-grid--video .run-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.media-grid--image .run-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-bottom:0;overflow:visible}.media-grid--image .run-row>*{flex:none}.media-grid--image .soft-button--history{margin-right:auto}.media-grid--video .run-row{background:0 0;flex-wrap:nowrap;min-height:32px;margin-top:0;padding-top:0;position:relative;bottom:auto}.media-grid--image .run-button,.media-grid--video .run-button{border-radius:999px;min-width:124px;min-height:32px;padding:0 12px;font-size:.78rem}.media-grid--image .soft-button,.media-grid--image .copy-path,.media-grid--video .soft-button,.media-grid--video .copy-path{border-radius:999px;min-height:32px;padding:0 11px;font-size:.74rem}.media-grid--image .compact-select-field,.media-grid--video .compact-select-field{min-width:0}.media-grid--image .compact-select-field--inline,.media-grid--video .compact-select-field--inline{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.media-grid--image .compact-select-field__label,.media-grid--video .compact-select-field__label{color:#64748b;white-space:nowrap;text-align:left;flex:0 0 30px;width:30px;min-width:30px;padding-left:0;font-size:.68rem;font-weight:800;line-height:1}.media-grid--video .compact-select-field__label{flex:0 0 34px;width:34px;min-width:34px}.media-grid--image .compact-select-field--inline:not(.compact-select-field--narrow),.media-grid--video .compact-select-field--inline:not(.compact-select-field--narrow){flex:0 0 152px;min-width:152px;max-width:152px}.media-grid--video .compact-select-field--inline:not(.compact-select-field--narrow){flex:0 0 172px;min-width:172px;max-width:172px}.media-grid--image .compact-select-field--narrow,.media-grid--video .compact-select-field--narrow{flex:0 0 146px;min-width:146px;max-width:146px}.media-grid--video .compact-select-field--narrow{flex:0 0 116px;min-width:116px;max-width:116px}.media-grid--image .compact-select-field--model,.media-grid--video .compact-select-field--model{flex:0 0 228px;min-width:228px;max-width:228px}.media-grid--image .compact-select-field--ratio,.media-grid--image .compact-select-field--count,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count{flex:0 0 116px;min-width:116px;max-width:116px}.media-grid--image .compact-select-field--preset{flex:0 0 166px;min-width:166px;max-width:166px}.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count{flex:0 0 106px;min-width:106px;max-width:106px}.media-grid--video .compact-select-field--inline.compact-select-field--mode{flex:0 0 150px;min-width:150px;max-width:150px}.media-grid--video .compact-select-field--reference{flex:0 0 214px;min-width:214px;max-width:214px}.media-grid--video .video-quick-action{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.73rem;display:inline-flex}.media-grid--video .video-quick-action--path{margin-left:0}.media-grid--image .compact-select-field select,.media-grid--video .compact-select-field select{white-space:nowrap;text-overflow:ellipsis;background:#fff;border-color:#bfdbfeeb;border-radius:999px;flex:auto;width:100%;min-height:32px;padding:0 10px;font-size:.77rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6}.video-inline-settings{border-top:0;gap:6px;padding-top:0}.video-inline-settings__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-inline-settings__grid .compact-input-field{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.video-inline-settings__grid .compact-input-field span{font-size:.68rem;line-height:1}.video-inline-settings__grid .compact-input-field input{border-radius:12px;min-height:34px;padding:0 10px;font-size:.74rem}.compact-input-field{flex-direction:column;gap:6px;min-width:0;display:flex}.compact-input-field span{color:#64748b;font-size:.74rem;font-weight:700}.compact-input-field input{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:0 12px}.compact-input-field input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #2563eb1c}.compact-input-field--wide{grid-column:1/-1}.video-reference-settings,.video-remix-block{border-top:1px dashed #dbeafe;flex-direction:column;gap:10px;padding-top:4px;display:flex}.video-inline-note{color:#64748b;font-size:.78rem;line-height:1.6}.output-dir-panel{width:min(760px,100vw - 36px)}.output-dir-panel__body{flex-direction:column;gap:14px;padding-top:8px;display:flex}.output-dir-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.video-reference-settings{background:#f8fafcbd;border:1px solid #bfdbfeb8;border-radius:16px;flex-direction:column;gap:9px;padding:10px 12px;display:flex}.video-reference-settings--popover{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;width:min(700px,100vw - 44px);max-height:min(42vh,320px);padding:12px;position:absolute;bottom:calc(100% + 10px);right:12px;overflow:auto;box-shadow:0 24px 56px #0f172a29,inset 0 1px #ffffffeb}.video-reference-settings .reuse-panel__head{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.video-reference-settings .reuse-panel__head strong{color:#0f172a;flex:none;font-size:.75rem;line-height:1}.video-reference-settings .reuse-panel__head span,.video-reference-settings .empty-hint{color:#64748b;font-size:.72rem;line-height:1.45}.video-inline-note{display:none}.video-reference-settings .reference-type-toolbar{align-items:center;gap:10px;display:flex}.video-reference-settings .reference-type-select{border-color:#bfdbfeeb;border-radius:13px;flex:360px;min-width:0;min-height:36px;padding:0 12px;font-size:.76rem}.video-reference-settings .soft-button{flex:none;min-height:36px}.video-reference-settings .reference-type-tags{gap:8px}.send-button:disabled,.stop-button:disabled,.save-button:disabled,.run-button:disabled,.soft-button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.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}.prompt-mention-shell{flex-direction:column;gap:5px;display:flex;position:relative}.prompt-mention-frame{background:linear-gradient(#fffffffc 0%,#f9fbfffa 100%);border:1px solid #bfdbfee0;border-radius:14px;flex-direction:column;gap:6px;padding:7px 9px;display:flex;box-shadow:inset 0 0 0 1px #ffffffe6,0 8px 18px #94a3b811}.prompt-mention-topbar{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.prompt-reference-empty{color:#64748b;align-items:center;min-height:18px;font-size:.64rem;line-height:1.4;display:inline-flex}.prompt-mention-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.prompt-reference-pills{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.prompt-mention-shell--image .prompt-mention-frame{gap:4px;padding:5px 7px}.prompt-mention-shell--image .prompt-mention-topbar{gap:6px;min-height:0}.prompt-mention-shell--image .prompt-reference-pills{scrollbar-width:thin;flex-wrap:nowrap;flex:auto;gap:4px;padding-bottom:1px;overflow:auto hidden}.prompt-mention-shell--image .prompt-reference-pill{flex:none;padding:2px}.prompt-mention-shell--image .prompt-reference-pill__main{gap:6px;max-width:132px;min-height:20px;padding:0 6px 0 3px}.prompt-mention-shell--image .prompt-reference-pill__main img{width:16px;height:16px}.prompt-mention-shell--image .prompt-reference-pill__main strong{font-size:.64rem}.prompt-mention-shell--image .prompt-reference-pill__remove{width:16px;height:16px}.prompt-mention-shell--image .prompt-mention-actions{gap:6px}.prompt-mention-shell--image .prompt-inline-upload{min-height:24px;padding:0 8px;font-size:.62rem}.prompt-reference-pill{background:#f8fbff;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #bfdbfef2}.prompt-reference-pill--mentioned{background:#eef4ff;box-shadow:inset 0 0 0 1px #2563eb42,0 8px 18px #2563eb1f}.prompt-reference-pill__main,.prompt-reference-pill__remove{justify-content:center;align-items:center;display:inline-flex}.prompt-reference-pill__main{color:#1557c0;border-radius:999px;gap:8px;max-width:156px;min-height:22px;padding:0 7px 0 4px}.prompt-reference-pill__main img{object-fit:cover;border-radius:999px;flex-shrink:0;width:18px;height:18px}.prompt-reference-pill__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.prompt-reference-pill__remove{color:#dc2626;background:#fee2e2;border-radius:999px;width:20px;height:20px;font-size:.9rem;font-weight:900;line-height:1}.prompt-reference-pill__remove:hover{color:#991b1b;background:#fecaca}.prompt-field .prompt-mention-editor{color:#0f172a;overflow-wrap:anywhere;resize:none;scrollbar-gutter:stable;white-space:pre-wrap;cursor:text;background:0 0;border:0;border-radius:0;outline:none;width:100%;min-height:52px;max-height:168px;padding:0 3px 1px;font-size:.84rem;line-height:1.42;overflow:hidden}.media-grid--image .prompt-field .prompt-mention-editor{height:64px;min-height:64px;max-height:64px;overflow-y:auto}.media-grid--video .prompt-field .prompt-mention-editor{height:38px;min-height:38px;max-height:38px;font-size:.78rem;line-height:1.34;overflow-y:auto}.media-grid--video .prompt-mention-frame{border-radius:15px;gap:4px;padding:6px 8px}.media-grid--video .prompt-mention-topbar{min-height:24px}.media-grid--video .prompt-inline-upload{min-height:24px;padding:0 8px;font-size:.66rem}.prompt-mention-editor[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.prompt-mention-editor--textarea::placeholder{color:#94a3b8}.creation-panel--image>.reuse-panel,.creation-panel--image>.reference-strip-panel{display:none}.prompt-inline-upload{color:#0f172a;min-height:26px;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.64rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b83d,0 4px 12px #94a3b814}.prompt-inline-upload--active{color:#fff;background:#1a73e8;box-shadow:inset 0 0 0 1px #1a73e847,0 8px 18px #1a73e82e}.prompt-mention-chip{color:#0f172a;vertical-align:middle;background:linear-gradient(135deg,#dbeafe 0%,#f3f8ff 100%);border-radius:999px;align-items:center;gap:10px;max-width:min(280px,100%);margin:0 6px 0 0;padding:5px 11px 5px 5px;display:inline-flex;box-shadow:inset 0 0 0 1px #2563eb3d,0 10px 18px #3b82f617}.prompt-mention-chip img{object-fit:cover;border-radius:999px;flex-shrink:0;width:24px;height:24px}.prompt-mention-chip strong{color:#1557c0;font-size:.78rem;font-weight:800;line-height:1.1}.prompt-mention-menu{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #dbeafe;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex;position:static;box-shadow:0 20px 48px #0f172a1f}.prompt-mention-menu__head{flex-direction:column;gap:2px;display:flex}.prompt-mention-menu__head strong{color:#0f172a;font-size:.84rem}.prompt-mention-menu__head span{color:#64748b;font-size:.74rem}.prompt-mention-menu__list{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow:auto}.prompt-mention-menu__item{color:#0f172a;text-align:left;background:#f8fbff;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.prompt-mention-menu__item--active{background:#eaf2ff;box-shadow:inset 0 0 0 1px #3b82f638}.prompt-mention-menu__item img{object-fit:cover;border-radius:12px;flex-shrink:0;width:40px;height:40px}.prompt-mention-menu__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.prompt-mention-menu__copy strong{font-size:.8rem}.prompt-mention-menu__copy span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.prompt-mention-hint,.prompt-limit-note{color:#64748b;font-size:.76rem;line-height:1.5}.image-inline-settings{background:linear-gradient(#f8fbfffa,#fffffffa);border:1px solid #bfdbfeb3;border-radius:24px;flex-direction:column;gap:14px;padding:16px 18px;display:flex;box-shadow:0 18px 40px #94a3b81f}.image-inline-settings__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.image-inline-settings__head strong{color:#0f172a;margin-bottom:4px;font-size:.92rem;display:block}.image-inline-settings__head span{color:#64748b;font-size:.78rem;line-height:1.5}.image-inline-settings__grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px;display:grid}.image-inline-settings__actions{justify-content:flex-end;display:flex}.image-composer-footer{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.composer-setting-toggle{min-height:42px}.composer-setting-toggle--active{color:#1557c0;background:#eaf2ff;box-shadow:inset 0 0 0 1px #2563eb2e}.image-quickbar{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(120px,.8fr));gap:10px;display:grid}.compact-select-field{flex-direction:column;gap:6px;display:flex}.compact-select-field span{color:#64748b;font-size:.74rem;font-weight:700}.compact-select-field select{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:0 12px}.reference-strip-panel{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #dbeafe;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.media-grid--image .reference-strip-panel{border-radius:18px;gap:8px;padding:9px 10px}.media-grid--image .reference-strip-panel__head strong{margin-bottom:2px;font-size:.82rem}.media-grid--image .reference-strip-panel__head span,.media-grid--image .reference-strip-panel__meta span{font-size:.72rem;line-height:1.35}.media-grid--image .reference-strip{gap:8px}.media-grid--image .reference-strip__item{border-radius:14px;gap:8px;min-width:184px;padding:7px 8px}.media-grid--image .reference-strip__item img{border-radius:12px;width:42px;height:42px}.media-grid--image .reference-strip__copy strong{font-size:.75rem}.media-grid--image .reference-strip__copy span{font-size:.68rem}.media-grid--image .reference-strip__state{padding:4px 6px;font-size:.64rem}.reference-strip-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reference-strip-panel__head strong{color:#0f172a;margin-bottom:4px;font-size:.95rem;display:block}.reference-strip-panel__head span,.reference-strip-panel__meta span{color:#64748b;font-size:.78rem;line-height:1.5}.reference-strip{gap:10px;padding-bottom:4px;display:flex;overflow:auto}.reference-strip__item{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b83d;border-radius:18px;align-items:center;gap:12px;min-width:228px;padding:10px;display:flex;box-shadow:0 10px 24px #94a3b814}.reference-strip__item--active{background:#f5f9ff;border-color:#3b82f661;box-shadow:0 12px 28px #3b82f61f}.reference-strip__item--mentioned{border-color:#16a34a4d}.reference-strip__item:hover{border-color:#3b82f64d;box-shadow:0 14px 32px #3b82f61f}.reference-strip__item img{object-fit:cover;border-radius:16px;flex-shrink:0;width:52px;height:52px}.reference-strip__copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.reference-strip__copy strong{color:#1557c0;font-size:.8rem}.reference-strip__copy span{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.reference-strip__state{color:#475569;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:.7rem;font-weight:700}.reference-strip__item--mentioned .reference-strip__state{color:#166534;background:#dcfce7}.reference-strip__remove{color:#dc2626;background:#fee2e2;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;line-height:1;display:inline-flex}.reference-strip__remove:hover{color:#991b1b;background:#fecaca}.reference-editor-card{border-top:1px dashed #dbeafe;align-items:center;gap:12px;padding-top:12px;display:flex}.reuse-panel--guide-compact{border-radius:16px;padding:7px 9px}.reuse-panel--guide-compact .reuse-panel__head{gap:2px}.reuse-panel--guide-compact .reuse-panel__head strong{font-size:.8rem}.reuse-panel--guide-compact .reuse-panel__head span{font-size:.72rem;line-height:1.35}.reference-editor-card__preview{align-items:center;gap:12px;min-width:220px;display:flex}.reference-editor-card__preview img{object-fit:cover;border-radius:18px;width:64px;height:64px}.reference-editor-card__preview div{flex-direction:column;gap:4px;min-width:0;display:flex}.reference-editor-card__preview strong{color:#1557c0;font-size:.82rem}.reference-editor-card__preview span{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.reference-editor-card__fields{flex:1;grid-template-columns:160px minmax(0,1fr);gap:10px;display:grid}.reference-editor-card__fields select,.reference-editor-card__fields input{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:0 12px;font-size:.8rem}.reference-editor-card__remove{color:#be123c;background:#fff1f2;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex}.sample-row,.mode-row,.frame-row,.run-row{flex-wrap:wrap;gap:10px;display:flex}.media-grid--image .sample-row,.media-grid--video .sample-row{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;min-height:32px;padding:1px 0 4px;overflow:auto hidden}.media-grid--image .sample-chip,.media-grid--video .sample-chip{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#ffffffdb;border:1px solid #bfdbfeeb;border-radius:999px;flex:none;max-width:min(310px,58vw);min-height:28px;padding:0 11px;font-size:.72rem;font-weight:700;line-height:1;overflow:hidden;box-shadow:0 6px 14px #2563eb0a}.media-grid--image .sample-chip:hover,.media-grid--video .sample-chip:hover{color:#1d4ed8;background:#fff;border-color:#1a73e894}.soft-button--samples{align-items:center;gap:6px;display:inline-flex}.prompt-sample-popover{z-index:24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #bfdbfeeb;border-radius:18px;gap:10px;width:min(640px,100vw - 44px);max-height:min(54vh,390px);padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:12px;overflow:hidden;box-shadow:0 24px 56px #0f172a29,inset 0 1px #ffffffeb}.prompt-sample-popover--video{width:min(700px,100vw - 44px)}.prompt-sample-popover__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt-sample-popover__head strong{color:#0f172a;font-size:.82rem}.prompt-sample-popover__head span{color:#64748b;font-size:.72rem;font-weight:700}.prompt-sample-popover__grid{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(min(54vh,390px) - 50px);padding-right:2px;display:grid;overflow:auto}.prompt-sample-popover__item{color:#334155;text-align:left;word-break:break-word;-webkit-line-clamp:2;background:#f8fafceb;border:1px solid #e2e8f0eb;border-radius:13px;-webkit-box-orient:vertical;min-height:42px;padding:9px 11px;font-size:.76rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.prompt-sample-popover__item:hover{color:#1557c0;background:#fff;border-color:#1a73e88a}.tool-note,.reuse-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.soft-button--history{opacity:.82;margin-right:auto}.soft-button--history:hover:not(:disabled){opacity:1}.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{color:#dc2626;background:#fee2e2;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.9rem;font-weight:900;line-height:1;display:inline-flex}.reference-type-tag button:hover{color:#991b1b;background:#fecaca}.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}.reference-history-panel{gap:12px}.asset-picker-overlay{z-index:180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.asset-picker-panel{background:#fffffffa;border:1px solid #bfdbfee6;border-radius:28px;flex-direction:column;gap:16px;width:min(1120px,100vw - 48px);max-height:min(78vh,920px);padding:18px;display:flex;box-shadow:0 28px 72px #0f172a38}.asset-picker-panel__top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.asset-picker-panel__title{flex-direction:column;gap:4px;display:flex}.asset-picker-panel__title strong{color:#0f172a;font-size:1rem}.asset-picker-panel__title span,.asset-picker-panel__empty{color:#64748b;font-size:.82rem;line-height:1.6}.asset-picker-panel__empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:18px}.generated-picker-grid--modal{padding-right:4px;overflow:auto}.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}.reference-hover-preview{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#fffffffa;border:1px solid #bfdbfef2;border-radius:22px;gap:10px;width:280px;padding:10px;display:grid;position:fixed;box-shadow:0 26px 52px #0f172a2e}.reference-hover-preview img{object-fit:contain;background:#f8fafc;border-radius:16px;width:100%;height:220px}.reference-hover-preview__body{gap:4px;display:grid}.reference-hover-preview__body strong{color:#1557c0;font-size:.84rem}.reference-hover-preview__body span{color:#0f172a;font-size:.8rem;font-weight:700}.reference-hover-preview__body p{color:#64748b;font-size:.74rem;line-height:1.5}.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}.preview-panel--video .result-stage{min-height:clamp(216px,30vh,320px);padding:6px}.preview-panel--video .result-stage--has-media{height:clamp(250px,38vh,420px);min-height:240px}.preview-panel--video .result-stage--empty .result-stage__media{width:min(760px,100%);min-height:176px;margin:0 auto}.preview-panel--video .result-stage__media--video{border-radius:20px;min-height:200px}.preview-panel--video .result-empty{width:min(400px,90%);padding:20px 18px}.preview-panel--video .result-progress{width:min(380px,90%);padding:22px 18px}.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}.preview-panel--image-feed{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-top:calc(clamp(12px,1.4vw,22px) + 92px);scroll-padding-bottom:calc(var(--image-feed-bottom-space) + 42px);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;overflow:auto}.preview-panel--video-feed{overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-gutter:stable;scroll-padding-top:calc(clamp(12px,1.4vw,22px) + 92px);scroll-padding-bottom:calc(var(--image-feed-bottom-space) + 42px);scroll-padding-left:var(--image-desktop-gutter);scroll-padding-right:var(--image-desktop-gutter);scroll-snap-type:none;touch-action:pan-y;flex-direction:row;justify-content:flex-start;align-items:stretch;display:flex;overflow:auto hidden}.preview-panel--video-feed button,.preview-panel--video-feed a,.preview-panel--video-feed video,.preview-panel--video-feed img,.preview-panel--video-feed .image-feed-card__media,.preview-panel--video-feed .image-feed-card__media *,.preview-panel--video-feed .image-feed-card__media-actions,.preview-panel--video-feed .image-feed-card__media-actions *,.preview-panel--video-feed .copy-path,.preview-panel--video-feed .soft-button{cursor:pointer}.image-result-feed{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(12px,1.2vw,18px);width:min(520px,100%);max-width:100%;margin:0 auto;display:grid}.video-result-feed{width:max-content;min-width:100%;min-height:0;padding:0 var(--image-desktop-gutter);flex-wrap:nowrap;grid-template-columns:none;grid-auto-flow:column;align-items:flex-start;gap:clamp(14px,1.4vw,22px);margin:0;display:flex}.image-feed-empty{color:#94a3b8;text-align:center;place-items:center;gap:14px;width:min(620px,100%);min-height:max(280px,100svh - 440px);margin:0 auto;padding:40px 24px 120px;display:grid}.image-feed-empty__icon{color:#cbd5e1;background:#ffffffb8;border-radius:999px;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 0 0 1px #e2e8f0f2}.image-feed-empty strong{color:#cbd5e1;font-size:.92rem}.image-feed-card{transform-origin:top;will-change:transform, opacity;background:#fffffff0;border:1px solid #e2e8f0f5;border-radius:18px;flex-direction:column;gap:10px;height:auto;padding:10px 12px 12px;display:flex;position:relative;box-shadow:0 10px 22px #0f172a0b,inset 0 1px #ffffffe6}.preview-panel--image-feed .image-feed-card--portrait{width:min(310px,100%);margin-inline:auto}.preview-panel--image-feed .image-feed-card--square{width:min(440px,100%);margin-inline:auto}.preview-panel--image-feed .image-feed-card--landscape{width:min(520px,100%);margin-inline:auto}.image-feed-card__summary{flex-direction:column;align-items:start;gap:6px;display:flex}.image-feed-card__thumb{color:#94a3b8;background:#ffffffd1;border-radius:14px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #e2e8f0e6}.image-feed-card__thumb img,.image-feed-card__thumb video{object-fit:cover;width:100%;height:100%}.image-feed-card__copy{flex-direction:column;gap:6px;min-width:0;padding-top:2px;display:flex}.image-feed-card__meta{color:#94a3b8;flex-wrap:wrap;gap:5px;font-size:.66rem;font-weight:700;display:flex}.image-feed-card__meta .task-status{gap:4px;min-height:18px;padding:0 .42rem;font-size:.64rem}.image-feed-card__copy strong{color:#0f172a;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.42;display:-webkit-box;overflow:hidden}.image-feed-card__copy p{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.48;display:-webkit-box;overflow:hidden}.image-feed-card__gallery{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.image-feed-card__gallery--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-feed-card__asset{flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}.image-feed-card__asset--loading{justify-content:flex-start}.image-feed-card__media{width:100%;min-height:0;box-shadow:none;text-align:left;cursor:zoom-in;background:#f8fafc;border-radius:16px;flex:none;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.image-feed-card__media--loading{isolation:isolate;cursor:default;background:radial-gradient(circle at 18% 12%,#7dd3fc4d,#0000 26%),radial-gradient(circle at 82% 18%,#a7f3d03d,#0000 28%),linear-gradient(#f8fafcfa,#f1f5f9fa);border-radius:18px;min-height:148px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e2e8f0db,0 8px 18px #0f172a0a}.image-feed-card__media--loading:before{z-index:0;content:"";background:linear-gradient(110deg,#0000 20%,#ffffffb8 46%,#0000 72%);animation:1.8s ease-in-out infinite media-placeholder-sweep;position:absolute;inset:0;transform:translate(-120%)}.image-feed-card__media--loading:after{z-index:0;content:"";opacity:.82;background:linear-gradient(90deg,#94a3b81a,#0000 34%,#94a3b814),repeating-linear-gradient(135deg,#94a3b81a 0 1px,#0000 1px 12px);border:1px solid #94a3b833;border-radius:14px;position:absolute;inset:12px}.image-feed-card__media--error{background:linear-gradient(#fef2f2fa,#fffffffa);border-radius:18px;min-height:148px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f871713d,0 10px 22px #ef444414}.image-feed-card__skeleton{z-index:1;color:#64748b;background:0 0;border-radius:18px;place-items:center;gap:6px;width:100%;height:100%;min-height:100%;display:grid;position:relative}.image-feed-card__skeleton svg{background:#ffffffd6;border-radius:999px;width:34px;height:34px;padding:8px;box-shadow:0 8px 18px #0f172a14,inset 0 0 0 1px #e2e8f0db}.image-feed-card__skeleton span{font-size:.76rem;font-weight:700}.image-feed-card__skeleton strong{color:#2563eb;font-size:.98rem;font-weight:900;line-height:1}.image-feed-card__media--error .image-feed-card__skeleton strong{color:#dc2626}.image-feed-card__media img,.image-feed-card__media video{object-fit:contain;border-radius:18px;width:100%;height:100%;max-height:none;display:block;box-shadow:0 10px 22px #0f172a14}.video-feed-card .image-feed-card__media--video-card{background:#0f172a;border-radius:18px;overflow:hidden;box-shadow:0 10px 22px #0f172a14}.video-feed-card{overscroll-behavior:contain;scroll-snap-align:start;border-radius:16px;flex:0 0 clamp(340px,31vw,460px);gap:8px;width:clamp(340px,31vw,460px);height:auto;max-height:100%;padding:9px 10px 10px;overflow:visible}.video-feed-card--portrait{flex-basis:clamp(220px,18vw,268px);width:clamp(220px,18vw,268px)}.video-feed-card--square{flex-basis:clamp(300px,28vw,390px);width:clamp(300px,28vw,390px)}.video-feed-card .image-feed-card__gallery{grid-template-columns:minmax(0,1fr)}.video-feed-card--multi{flex-basis:clamp(520px,45vw,720px);width:clamp(520px,45vw,720px)}.video-feed-card--multi .image-feed-card__gallery--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.video-feed-card .image-feed-card__summary{min-height:58px}.video-feed-card .image-feed-card__copy strong,.video-feed-card .image-feed-card__copy p{-webkit-line-clamp:1}.video-feed-card .image-feed-card__media--video-card video{background:#0f172a;height:100%;max-height:none}.video-feed-card .image-feed-card__media--video-card.image-feed-card__media--loading,.video-feed-card .image-feed-card__media--video-card.image-feed-card__media--error{background:radial-gradient(circle at 18% 14%,#60a5fa2e,#0000 28%),linear-gradient(#f8fafc,#eef4ff);box-shadow:inset 0 0 0 1px #bfdbfed1,0 8px 18px #0f172a0d}.video-feed-card .image-feed-card__media--video-card.image-feed-card__media--error{background:linear-gradient(#fff7f7,#fff1f2);box-shadow:inset 0 0 0 1px #f871713d,0 8px 18px #ef44440f}.video-feed-card .image-feed-card__media--video-card.image-feed-card__media--error .image-feed-card__skeleton svg{color:#dc2626;background:#fee2e2}.video-feed-card .image-feed-card__slot-message{min-height:28px;padding:0 9px;font-size:.68rem}.video-feed-card .image-feed-card__logs{border-radius:12px;max-height:76px;padding:8px 10px;overflow:auto}.video-feed-card .image-feed-card__log{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;display:-webkit-box;overflow:hidden}.video-feed-card__actions{align-items:center}.image-feed-card__media .media-preview-fallback{border-radius:18px;width:100%;min-height:220px}.image-feed-card__slot-message{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.image-feed-card__slot-message--error{color:#b91c1c;background:#fee2e2}.image-feed-card__media-badge{z-index:2;color:#fff;background:#0f172ab3;border-radius:999px;padding:4px 7px;font-size:.62rem;font-weight:700;position:absolute;top:8px;left:8px}.image-feed-card__media-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-feed-card__media-actions .copy-path,.image-feed-card__media-actions .copy-path--download{min-height:30px;padding:0 10px;font-size:.73rem}.image-feed-card__actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.image-feed-card__actions--edit{z-index:3;justify-content:flex-end;position:absolute;bottom:12px;right:12px}.image-feed-card__actions .copy-path,.image-feed-card__actions .copy-path--download{min-height:32px;padding:0 11px;font-size:.76rem}.image-feed-card__logs{background:#fff5f5;border-radius:16px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #f8717129}.image-feed-card__log{color:#991b1b;white-space:pre-wrap;word-break:break-word;font-size:.7rem;line-height:1.48}.image-feed-card--error .image-feed-card__copy strong{color:#7f1d1d}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes media-placeholder-sweep{0%{transform:translate(-120%)}56%,to{transform:translate(120%)}}@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--image-mobile-lock{box-sizing:border-box;height:100svh;min-height:100svh;overflow:hidden}.studio-shell{min-height:100svh;padding:8px 8px calc(92px + env(safe-area-inset-bottom))}.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,.inspector-pane{display:none}.mobile-pane-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d2dce8fa;border-radius:22px;flex-direction:column;gap:10px;display:flex;overflow:hidden;box-shadow:0 16px 34px #0f172a0d,inset 0 1px #ffffffe0}.mobile-pane-section--secondary{order:2}.mobile-pane-section--inspector{order:3}.mobile-pane-section__toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.mobile-pane-section__copy{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.mobile-pane-section__copy span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.73rem;font-weight:700}.mobile-pane-section__copy strong{color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.3}.mobile-pane-section__meta{color:#476280;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.mobile-pane-section__icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mobile-pane-section__arrow{transition:transform .18s}.mobile-pane-section--open .mobile-pane-section__arrow{transform:rotate(180deg)}.mobile-pane-section__body{padding:0 14px 14px;overflow:hidden}.mobile-pane-section .side-pane,.mobile-pane-section .inspector-pane{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;gap:12px;padding:0;display:flex}.mobile-pane-section .session-list,.mobile-pane-section .task-list,.mobile-pane-section .messages-list{overflow:visible}.inspector-pane--mobile{max-height:none;overflow:visible}.studio-rail{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:32;border-radius:20px;flex-direction:row;align-items:stretch;gap:8px;max-width:760px;margin:0 auto;padding:7px;position:fixed}.rail-create,.rail-logo{border-radius:14px;flex:0 0 46px;width:46px;height:46px}.rail-nav{flex-direction:row;gap:8px}.rail-item{border-radius:14px;flex:1;gap:5px;min-height:46px;padding:7px 4px}.rail-item span{font-size:.68rem}.rail-foot{display:none}.workspace-surface{border-radius:24px;height:auto;min-height:auto}.workspace-header,.media-hero{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 12px}.workspace-header__side{align-items:flex-start;gap:6px;width:100%;min-width:0}.workspace-header--mobile-compact h1{font-size:clamp(1.2rem,6.5vw,1.65rem);line-height:1.06}.workspace-header--mobile-compact .eyebrow{margin-bottom:.18rem}.workspace-header--mobile-compact .status-pill{min-height:32px;padding:0 .72rem;font-size:.76rem}.status-note{text-align:left;font-size:.76rem}.messages-list{padding:12px 14px 10px}.empty-state{gap:12px;padding:4px 0 14px}.empty-state h3{max-width:10ch;font-size:clamp(1.65rem,8vw,2.35rem)}.empty-state p{font-size:.96rem;line-height:1.6}.suggestion-list{grid-template-columns:1fr;gap:10px}.suggestion-card{border-radius:18px;min-height:0;padding:16px}.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{flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.composer-shell{flex-direction:column;gap:10px;display:flex}.composer-shell textarea{min-height:112px;max-height:34svh}.mobile-quickstart{gap:10px;padding:2px 0 8px}.mobile-quickstart__chips{gap:8px}.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}.media-grid--image,.media-grid--video{gap:0;padding:0}.media-grid--image .preview-panel{padding:20px 14px 204px}.media-grid--video .preview-panel{padding:20px 14px calc(var(--image-feed-bottom-space) - 18px)}.media-grid--image .creation-panel--image,.media-grid--video .creation-panel--video{border-radius:22px;width:calc(100% - 16px);margin:0 auto 8px;padding:12px;bottom:8px}.media-grid--image .image-quickbar,.media-grid--video .image-quickbar{grid-template-columns:1fr}.prompt-field textarea,.prompt-mention-editor{border-radius:18px;min-height:140px;max-height:38svh;padding:0 6px 2px}.prompt-mention-frame{border-radius:20px;padding:12px}.prompt-mention-topbar{flex-direction:column;align-items:stretch}.prompt-mention-actions{justify-content:flex-end}.prompt-reference-pills{gap:8px}.prompt-reference-pill__main{max-width:100%}.prompt-inline-upload{min-height:38px;padding:0 12px}.prompt-mention-menu{border-radius:18px;padding:10px}.image-quickbar{grid-template-columns:1fr}.reference-strip-panel{border-radius:20px;padding:12px}.reference-strip-panel__head,.reference-editor-card{flex-direction:column;align-items:stretch}.reference-strip__item{min-width:200px}.reference-editor-card__preview{min-width:0}.reference-editor-card__fields{grid-template-columns:1fr}.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}.preview-panel--video .result-stage{min-height:min(34svh,300px)}.result-stage--has-media{height:min(52svh,480px);min-height:240px}.preview-panel--video .result-stage--has-media{height:min(40svh,360px);min-height:220px}.result-stage__toolbar{top:14px;right:14px}.result-stage__media{min-height:240px}.preview-panel--video .result-stage--empty .result-stage__media{min-height:160px}.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}}@media (width<=560px){.studio-shell--image-mobile-lock{height:100svh;min-height:100svh}.studio-shell{padding:6px 6px calc(88px + 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,.rail-logo{flex-basis:46px;width:46px;height:46px}.rail-item{gap:6px;min-height:48px;padding:8px 4px}.rail-item span{font-size:.68rem}.mobile-pane-section{border-radius:18px}.mobile-pane-section__toggle{padding:12px 14px}.mobile-pane-section__body{padding:0 12px 12px}.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)}.preview-panel--video .result-stage{min-height:min(30svh,260px)}.result-stage--has-media{height:min(50svh,420px);min-height:220px}.preview-panel--video .result-stage--has-media{height:min(34svh,320px);min-height:200px}.stage-action-button{min-height:34px;padding:0 .72rem;font-size:.76rem}.result-stage__media{min-height:200px}.preview-panel--video .result-stage--empty .result-stage__media{min-height:148px}.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}.result-progress strong{font-size:clamp(1.6rem,8vw,2.4rem)}}@media (width<=860px){.workspace-pane--image{height:calc(100svh - 100px - env(safe-area-inset-bottom));min-height:calc(100svh - 100px - env(safe-area-inset-bottom));overflow:hidden}.media-surface--image,.media-surface--video{height:100%;min-height:0;overflow:hidden}.media-grid--image{--image-desktop-gutter:10px;--image-shell-width:calc(100% - 20px);--image-composer-width:calc(100% - 20px);--image-feed-bottom-space:246px;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0;padding-top:8px;overflow:hidden}.media-grid--video{--image-desktop-gutter:10px;--image-shell-width:calc(100% - 20px);--image-composer-width:calc(100% - 20px);--image-feed-bottom-space:250px;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0;padding-top:8px;overflow:hidden}.media-grid--image .image-authbar,.media-grid--video .image-authbar{border-radius:16px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:calc(100% - 20px);margin:0 auto;padding:8px 10px;display:grid;position:static;top:auto;left:auto;transform:none}.image-authbar__fields{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.image-authbar__field{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.image-authbar__field--key,.image-authbar__field--url{min-width:0}.image-authbar__label{flex:none;width:auto;font-size:.67rem}.image-authbar__field input,.image-authbar__field select{border-radius:10px;min-height:32px;padding:0 10px;font-size:.75rem}.image-authbar__copy{display:none}.image-authbar__actions{text-align:right;margin-left:0;display:block}.image-authbar__actions .save-button{border-radius:10px;flex:none;width:fit-content;min-width:88px;min-height:32px;padding:0 12px;font-size:.72rem;display:inline-flex}.media-grid--image .preview-panel,.media-grid--video .preview-panel{overscroll-behavior:contain;height:100%;min-height:0;padding:0 12px calc(var(--image-feed-bottom-space) + 8px);overflow:auto}.video-result-feed{gap:12px;padding:0 2px}.video-feed-card{flex-basis:min(360px,86vw);width:min(360px,86vw)}.media-grid--image .creation-panel--image{border-radius:18px;gap:7px;width:calc(100% - 20px);padding:9px 10px 10px;position:absolute;left:50%}.media-grid--video .creation-panel--video{border-radius:18px;gap:8px;width:calc(100% - 20px);max-height:calc(100% - 18px);padding:10px 12px 11px;position:absolute;left:50%}.media-grid--image .prompt-field,.media-grid--video .prompt-field{gap:4px}.media-grid--image .prompt-mention-frame{border-radius:16px;gap:4px;padding:5px 7px}.media-grid--video .prompt-mention-frame{border-radius:16px;gap:5px;padding:6px 8px}.media-grid--image .prompt-mention-topbar,.media-grid--video .prompt-mention-topbar{min-height:auto}.media-grid--image .prompt-reference-empty,.media-grid--video .prompt-reference-empty{display:none}.media-grid--image .prompt-inline-upload{min-height:24px;padding:0 8px;font-size:.62rem}.media-grid--video .prompt-inline-upload{min-height:28px;padding:0 10px;font-size:.62rem}.media-grid--image .prompt-field .prompt-mention-editor{height:52px;min-height:52px;max-height:52px;padding:0 2px 1px;font-size:.78rem;line-height:1.36;overflow-y:auto}.media-grid--video .prompt-field .prompt-mention-editor{min-height:46px;max-height:min(104px,14svh);padding:0 2px 1px;font-size:.78rem;line-height:1.36}.image-composer-footer{flex-direction:column;align-items:stretch}.image-inline-settings__grid,.image-quickbar,.video-inline-settings__grid,.video-inline-settings__grid .compact-input-field,.video-reference-settings{grid-template-columns:1fr}.video-reference-settings .reference-type-select,.video-reference-settings .soft-button,.video-reference-settings .reference-type-tags{grid-column:auto}.media-grid--image .image-quickbar,.media-grid--video .image-quickbar{gap:6px 8px}.media-grid--image .compact-select-field__label,.media-grid--video .compact-select-field__label{flex:0 0 26px;width:26px;min-width:26px;font-size:.64rem}.media-grid--image .compact-select-field select,.media-grid--video .compact-select-field select{min-height:30px;padding:0 9px;font-size:.74rem}.media-grid--image .compact-select-field--inline,.media-grid--image .compact-select-field--model,.media-grid--image .compact-select-field--ratio,.media-grid--image .compact-select-field--count,.media-grid--image .compact-select-field--narrow,.media-grid--video .compact-select-field--inline,.media-grid--video .compact-select-field--model,.media-grid--video .compact-select-field--reference,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count,.media-grid--video .compact-select-field--narrow{flex:calc(50% - 6px);min-width:0;max-width:none}.media-grid--video .video-quick-action--path{margin-left:0}.media-grid--image .run-row,.media-grid--video .run-row{justify-content:stretch;gap:4px}.media-grid--image .run-row>*,.media-grid--video .run-row>*{flex:1}.media-grid--image .run-button,.media-grid--image .soft-button,.media-grid--video .run-button,.media-grid--video .soft-button{min-height:30px;font-size:.74rem}.video-composer-toolbar,.video-material-toolbar{flex-direction:column;align-items:stretch}.image-feed-card__gallery--grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.image-feed-card__asset,.image-feed-card__media{width:100%}.output-dir-panel{width:min(100vw - 20px,520px)}}@media (width<=640px){.workspace-pane--image{height:calc(100svh - 94px - env(safe-area-inset-bottom));min-height:calc(100svh - 94px - env(safe-area-inset-bottom))}.image-authbar__copy span{display:none}.media-grid--image .compact-select-field--inline,.media-grid--image .compact-select-field--model,.media-grid--image .compact-select-field--ratio,.media-grid--image .compact-select-field--count,.media-grid--image .compact-select-field--preset,.media-grid--image .compact-select-field--narrow,.media-grid--video .compact-select-field--inline,.media-grid--video .compact-select-field--model,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count,.media-grid--video .compact-select-field--narrow{flex-basis:100%}.image-result-feed{gap:16px}.image-feed-empty{min-height:calc(100svh - 300px);padding-bottom:96px}.media-grid--image .preview-panel,.media-grid--video .preview-panel{padding:0 10px calc(var(--image-feed-bottom-space) - 16px)}.media-grid--image .creation-panel--image,.media-grid--video .creation-panel--video{border-radius:16px;width:calc(100% - 16px);padding:9px 10px 10px}.media-grid--image .prompt-mention-frame,.media-grid--video .prompt-mention-frame{border-radius:14px;padding:5px 7px}.media-grid--image .prompt-field .prompt-mention-editor{height:48px;min-height:48px;max-height:48px;font-size:.76rem}.media-grid--video .prompt-field .prompt-mention-editor{min-height:42px;max-height:min(92px,13svh);font-size:.76rem}.image-feed-card__media{width:100%}.image-feed-card__media-actions .copy-path,.image-feed-card__media-actions .copy-path--download{flex:calc(50% - 4px);justify-content:center}}@media (width<=720px){.asset-picker-overlay{padding:10px}.asset-picker-panel{border-radius:22px;width:min(100vw - 20px,1120px);max-height:min(84vh,920px);padding:14px}.asset-picker-panel__top{flex-direction:column;align-items:stretch}}@media (height<=860px){.media-grid--image{--image-feed-bottom-space:254px}.media-grid--video{--image-feed-bottom-space:224px}.media-grid--image .image-authbar,.media-grid--video .image-authbar{border-radius:16px;padding:8px 10px}.media-grid--image .preview-panel,.media-grid--video .preview-panel{padding:calc(clamp(12px, 1.4vw, 22px) + 72px) var(--image-desktop-gutter) calc(var(--image-feed-bottom-space) + 10px)}.media-grid--image .creation-panel--image{max-height:calc(100svh - 132px);padding:9px 11px 10px;bottom:14px;overflow:auto}.media-grid--video .creation-panel--video{max-height:calc(100svh - 150px);padding:10px 12px 11px;bottom:14px;overflow:auto}.prompt-mention-frame{border-radius:18px;gap:8px;padding:6px 8px}.prompt-field textarea,.prompt-mention-editor{min-height:38px;max-height:min(72px,10svh);line-height:1.58}.prompt-mention-topbar{min-height:auto}.prompt-reference-empty{min-height:0;font-size:.74rem}.prompt-inline-upload{min-height:24px;padding:0 8px}.image-feed-empty{min-height:max(220px,100svh - 380px);padding:28px 20px 96px}}@media (height<=720px){.media-grid--image{--image-feed-bottom-space:232px}.media-grid--video{--image-feed-bottom-space:208px}.media-grid--image .image-authbar,.media-grid--video .image-authbar{gap:7px;padding:7px 10px}.media-grid--image .preview-panel,.media-grid--video .preview-panel{padding:calc(clamp(12px, 1.4vw, 22px) + 68px) var(--image-desktop-gutter) calc(var(--image-feed-bottom-space) + 6px)}.media-grid--image .creation-panel--image{max-height:calc(100svh - 118px);padding:8px 10px 9px;bottom:12px}.media-grid--video .creation-panel--video{max-height:calc(100svh - 136px);padding:9px 11px 10px;bottom:12px}.image-authbar__copy span,.prompt-reference-empty{display:none}.prompt-field textarea,.prompt-mention-editor{min-height:34px;max-height:min(64px,9svh);font-size:.76rem}.media-grid--image .image-quickbar,.media-grid--image .run-row,.media-grid--video .image-quickbar,.media-grid--video .run-row{gap:8px}.image-feed-empty{min-height:180px;padding-bottom:82px}}.creation-panel--image>.reuse-panel--guide,.creation-panel--image>.reference-strip-panel{display:none}.media-grid--video .preview-panel--video-feed{overscroll-behavior-x:contain;overscroll-behavior-y:none;scroll-snap-type:none;overflow:auto hidden}.media-grid--video .preview-panel--video-feed .video-result-feed{flex-wrap:nowrap}.media-grid--video .video-feed-card{flex:0 0 clamp(340px,31vw,460px);width:clamp(340px,31vw,460px);max-height:none;overflow:visible}.media-grid--video .video-feed-card .image-feed-card__media--loading,.media-grid--video .video-feed-card .image-feed-card__media--error{min-height:132px}@media (height<=820px){.media-grid--video .video-feed-card--portrait{flex-basis:clamp(200px,17vw,238px);width:clamp(200px,17vw,238px)}.media-grid--video .video-feed-card{flex-basis:clamp(320px,30vw,430px);width:clamp(320px,30vw,430px)}.media-grid--video .video-feed-card--multi{flex-basis:clamp(500px,43vw,660px);width:clamp(500px,43vw,660px)}.media-grid--video .video-feed-card--square{flex-basis:clamp(270px,26vw,350px);width:clamp(270px,26vw,350px)}}.media-grid--image .creation-panel--image,.media-grid--video .creation-panel--video{overflow:visible}.preview-panel--image-feed .image-result-feed{gap:16px;width:min(580px,100%)}.preview-panel--image-feed .image-feed-card,.preview-panel--image-feed .image-feed-card--portrait,.preview-panel--image-feed .image-feed-card--square,.preview-panel--image-feed .image-feed-card--landscape{width:min(580px,100%);margin-inline:auto}.preview-panel--image-feed .image-feed-card{border-radius:18px;padding:12px 14px 54px}.preview-panel--image-feed .image-feed-card__gallery:not(.image-feed-card__gallery--grid) .image-feed-card__media,.preview-panel--image-feed .image-feed-card__gallery:not(.image-feed-card__gallery--grid) .image-feed-card__media--loading,.preview-panel--image-feed .image-feed-card__gallery:not(.image-feed-card__gallery--grid) .image-feed-card__media--error{height:clamp(240px, calc(100svh - var(--image-feed-bottom-space) - 250px), 380px);min-height:0;aspect-ratio:auto!important}.preview-panel--image-feed .image-feed-card__gallery--grid .image-feed-card__media,.preview-panel--image-feed .image-feed-card__gallery--grid .image-feed-card__media--loading,.preview-panel--image-feed .image-feed-card__gallery--grid .image-feed-card__media--error{height:clamp(150px, calc((100svh - var(--image-feed-bottom-space) - 260px) / 2), 230px);min-height:0;aspect-ratio:auto!important}@media (width<=720px){.prompt-sample-popover{width:auto;max-height:42vh;padding:10px;left:8px;right:8px}.prompt-sample-popover__grid{grid-template-columns:minmax(0,1fr);max-height:calc(42vh - 48px)}.prompt-sample-popover__head{flex-direction:column;align-items:flex-start;gap:4px}}.media-grid--video{--image-composer-width:min(1120px, calc(100vw - 160px));--image-feed-bottom-space:306px}.media-grid--video .creation-panel--video{left:calc(50% + 48px);bottom:max(24px, env(safe-area-inset-bottom));z-index:30;width:var(--image-composer-width);grid-template-columns:minmax(0,1fr);grid-template-areas:"prompt""quickbar""actions";align-items:stretch;gap:9px;max-width:calc(100vw - 160px);padding:12px 14px 13px;display:grid;position:fixed;transform:translate(-50%)}.media-grid--video .creation-panel--video>.prompt-field{grid-area:prompt;min-width:0}.media-grid--video .creation-panel--video>.video-quickbar{grid-area:quickbar}.media-grid--video .creation-panel--video>.run-row{grid-area:actions}.media-grid--video .creation-panel--video>.reference-strip-panel,.media-grid--video .creation-panel--video>.video-inline-settings{z-index:22;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #bfdbfedb;border-radius:16px;max-height:min(42vh,320px);padding:10px;position:absolute;bottom:calc(100% + 10px);left:10px;right:10px;overflow:auto;box-shadow:0 22px 50px #0f172a24,inset 0 1px #ffffffeb}.media-grid--video .creation-panel--video>.reference-strip-panel+.video-inline-settings{bottom:calc(100% + 138px)}.media-grid--video .prompt-mention-shell,.media-grid--video .prompt-field{min-width:0}.media-grid--video .prompt-mention-frame{border-radius:16px;gap:6px;min-height:96px;padding:8px 10px}.media-grid--video .prompt-mention-topbar{pointer-events:auto;justify-content:flex-end;min-height:24px;position:static}.media-grid--video .prompt-reference-empty{display:none}.media-grid--video .prompt-reference-pills{flex-wrap:wrap;flex:auto;justify-content:flex-start;max-width:min(380px,38vw);margin-right:auto;padding-bottom:0;overflow:visible}.media-grid--video .prompt-mention-actions{pointer-events:auto;gap:7px}.media-grid--video .prompt-inline-upload{justify-content:center;width:auto;min-width:68px;min-height:26px;padding:0 9px;font-size:.68rem}.media-grid--video .prompt-inline-upload span{display:inline}.media-grid--video .prompt-field .prompt-mention-editor{padding:0 4px 1px;font-size:.78rem;line-height:1.36;overflow-y:auto;height:64px!important;min-height:64px!important;max-height:64px!important}.media-grid--video .run-row{flex-wrap:wrap;justify-content:flex-end;align-self:stretch;gap:7px;min-width:0;padding-bottom:0;overflow:visible}.media-grid--video .run-row>button:disabled{display:none}.media-grid--video .soft-button--history{margin-right:auto}.media-grid--video .run-button,.media-grid--video .soft-button{flex:none;min-height:30px;padding:0 11px;font-size:.74rem}.media-grid--video .run-button{min-width:120px}.media-grid--video .creation-panel--video>.video-quickbar{flex-wrap:wrap;align-self:stretch;gap:7px 8px;min-width:0;max-width:100%;padding-bottom:0;overflow:visible}.media-grid--video .creation-panel--video>.video-quickbar>*{flex-shrink:0}.media-grid--video .compact-select-field--inline.compact-select-field--model,.media-grid--video .compact-select-field--inline.compact-select-field--mode,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count,.media-grid--video .compact-select-field--narrow,.media-grid--video .compact-select-field--reference{flex:0 0 188px;min-width:188px;max-width:188px}.media-grid--video .compact-select-field select{min-height:30px}.media-grid--video .video-quick-action{flex:none;min-height:30px;padding:0 11px;font-size:.72rem}.media-grid--video .video-quick-action--reference{min-width:112px}.media-grid--video .video-quick-action--path{min-width:126px;margin-left:0;margin-right:0}.media-grid--video .preview-panel--video-feed{align-items:center}.media-grid--video .preview-panel--video-feed .video-result-feed{min-height:max(300px, calc(100svh - var(--image-feed-bottom-space) - 122px));justify-content:center;align-items:center}.media-grid--video .video-feed-card{scroll-snap-align:none;flex:0 0 clamp(320px,26vw,420px);align-self:center;width:clamp(320px,26vw,420px);padding-bottom:52px}.media-grid--video .video-feed-card--portrait{flex-basis:clamp(230px,19vw,310px);width:clamp(230px,19vw,310px)}.media-grid--video .video-feed-card--square{flex-basis:clamp(300px,25vw,390px);width:clamp(300px,25vw,390px)}.media-grid--video .video-feed-card--multi{flex-basis:clamp(520px,40vw,680px);width:clamp(520px,40vw,680px)}.media-grid--video .video-feed-card .image-feed-card__media--video-card{height:clamp(190px, calc(100svh - var(--image-feed-bottom-space) - 330px), 340px);aspect-ratio:auto!important}.media-grid--video .video-feed-card--portrait .image-feed-card__media--video-card{height:clamp(250px, calc(100svh - var(--image-feed-bottom-space) - 302px), 420px)}.media-grid--video .video-feed-card--multi .image-feed-card__media--video-card{height:clamp(140px, calc((100svh - var(--image-feed-bottom-space) - 330px) / 2), 210px)}.media-grid--video .video-feed-card .image-feed-card__summary{min-height:38px}.media-grid--video .video-feed-card .image-feed-card__logs{max-height:44px}@media (width<=980px){.media-grid--video{--image-feed-bottom-space:188px}.media-grid--video .creation-panel--video{grid-template-columns:minmax(0,1fr);grid-template-areas:"prompt""quickbar""actions";width:auto;max-width:none;bottom:10px;left:10px;right:10px;transform:none}.media-grid--video .prompt-field .prompt-mention-editor{height:34px!important;min-height:34px!important;max-height:34px!important}.media-grid--video .prompt-mention-topbar{pointer-events:auto;justify-content:flex-end;position:static}.media-grid--video .run-row{flex-wrap:wrap;justify-content:flex-end}}@media (width<=860px){.studio-shell{background:#f8fafc;height:100svh;min-height:100svh;padding:0;overflow:hidden}.studio-shell:before{display:none}.studio-layout,.studio-layout--media,.studio-layout--image{gap:0;height:100svh;min-height:0;display:flex;overflow:hidden}.workspace-pane,.workspace-pane--image{height:calc(100svh - 78px - env(safe-area-inset-bottom));order:1;min-height:0;overflow:hidden}.workspace-surface{height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;border-radius:0}.studio-rail{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #cbd5e1d1;border-radius:24px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;max-width:480px;height:64px;margin:0 auto;padding:6px;display:grid;position:fixed;box-shadow:0 18px 42px #0f172a24,inset 0 1px #ffffffe6}.rail-logo{display:none}.rail-guide--mobile{background:linear-gradient(#ef4444 0%,#dc2626 100%);border-radius:16px;flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:0;font-size:.66rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38,0 12px 24px #dc26263d}.rail-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.rail-item{color:#64748b;border-radius:18px;gap:4px;min-height:50px;padding:6px 2px}.rail-item--active{color:#174ea6;background:#eef5ff;box-shadow:inset 0 0 0 1px #2563eb24}.rail-item span{font-size:.68rem;line-height:1}.rail-foot{display:none}.mobile-pane-section{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border-color:#cbd5e1e6;border-radius:22px;max-width:calc(100vw - 20px);display:flex;position:fixed;box-shadow:0 18px 44px #0f172a24}.mobile-pane-section--secondary:not(.mobile-pane-section--open){top:max(8px, env(safe-area-inset-top));width:min(158px,50vw - 14px);left:10px;right:auto}.mobile-pane-section--inspector:not(.mobile-pane-section--open){top:max(8px, env(safe-area-inset-top));width:min(174px,50vw - 14px);left:auto;right:10px}.mobile-pane-section--open{top:max(8px, env(safe-area-inset-top));max-height:min(72svh, calc(100svh - 100px - env(safe-area-inset-bottom)));bottom:auto;left:10px;right:10px}.mobile-pane-section__toggle{min-height:44px;padding:9px 12px}.mobile-pane-section:not(.mobile-pane-section--open) .mobile-pane-section__copy span,.mobile-pane-section:not(.mobile-pane-section--open) .mobile-pane-section__icon{display:none}.mobile-pane-section:not(.mobile-pane-section--open) .mobile-pane-section__copy strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.2;overflow:hidden}.mobile-pane-section__body{max-height:calc(min(72svh, calc(100svh - 100px - env(safe-area-inset-bottom))) - 58px);padding:0 12px 12px;overflow:auto}.mobile-pane-section .side-pane,.mobile-pane-section .inspector-pane{display:flex;overflow:visible}.chat-surface{background:#fff;grid-template-rows:auto minmax(0,1fr) auto}.chat-surface .workspace-header{min-height:128px;padding:calc(62px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #e2e8f0e6}.chat-surface .eyebrow{display:none}.workspace-header--mobile-compact h1{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 40px);font-size:1.2rem;line-height:1.15;overflow:hidden}.workspace-meta--mobile{flex-wrap:nowrap;margin-top:8px;overflow:hidden}.workspace-meta--mobile .workspace-meta__item{text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;max-width:58vw;min-height:26px;padding:0 .62rem;font-size:.72rem;overflow:hidden}.workspace-header__side{display:none}.messages-list{order:2;gap:16px;padding:18px 14px 14px;overflow:auto}.messages-list--mobile-empty{justify-content:flex-end;padding:16px 14px}.message-row{gap:9px}.message-avatar{border-radius:11px;width:30px;height:30px}.message-meta{font-size:.72rem}.message-stack{max-width:calc(100% - 38px)}.message-row--user .message-stack{max-width:min(88%,620px)}.message-bubble{box-shadow:none;border-radius:18px;padding:11px 13px;font-size:.92rem;line-height:1.62}.mobile-quickstart{margin-top:auto;padding:0 0 4px}.mobile-quickstart__head span{display:none}.mobile-quickstart__chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.mobile-quickstart__chips::-webkit-scrollbar{display:none}.mobile-prompt-chip{white-space:nowrap;background:#f8fafc;border-radius:999px;flex:none;max-width:82vw;min-height:36px;padding:0 .82rem;font-size:.78rem}.composer-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #cbd5e1eb;border-radius:26px;order:3;gap:8px;margin:0 10px 10px;padding:8px;box-shadow:0 14px 36px #0f172a1a}.composer-dock--mobile-priority{border-top:1px solid #cbd5e1eb;border-bottom:1px solid #cbd5e1eb}.composer-toolbar{flex-direction:column;gap:6px}.composer-tools{scrollbar-width:none;gap:6px;width:100%;padding-bottom:0;display:flex;overflow-x:auto}.composer-tools::-webkit-scrollbar{display:none}.tool-button{background:#f1f5f9;border-radius:999px;flex:none;width:auto;min-height:32px;padding:0 .72rem;font-size:.78rem}.composer-hint{display:none}.composer-shell{background:#f8fafc;border:1px solid #cbd5e1e6;border-radius:24px;flex-direction:row;align-items:flex-end;gap:6px;padding:5px;display:flex}.composer-shell textarea{min-height:46px;max-height:132px;box-shadow:none;background:0 0;border:0;border-radius:20px;padding:11px 10px 10px;font-size:.94rem;line-height:1.5}.composer-shell textarea:focus{box-shadow:none}.composer-actions{flex-direction:row;flex:none;align-items:flex-end;gap:6px}.send-button,.stop-button{border-radius:999px;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0}.send-button svg,.stop-button svg{width:17px;height:17px}.stop-button:disabled{display:none}.attachment-grid{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.attachment-grid::-webkit-scrollbar{display:none}.attachment-card{flex:none;width:min(260px,78vw)}.studio-shell--image-mobile-lock .workspace-pane--image{height:calc(100svh - 78px - env(safe-area-inset-bottom));min-height:0}.media-surface--image,.media-surface--video{background:#f8fafc;grid-template-rows:minmax(0,1fr)}.media-grid--image,.media-grid--video{--image-desktop-gutter:0px;--image-shell-width:100%;--image-composer-width:100%;--image-feed-bottom-space:0px;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:8px;height:100%;min-height:0;padding:8px 0 0;display:grid;overflow:hidden}.media-grid--image .image-authbar,.media-grid--video .image-authbar{border-radius:20px;grid-row:1;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:auto;max-width:none;margin:0 10px;padding:8px;display:grid;position:static;top:auto;left:auto;transform:none}.image-authbar__fields{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.image-authbar__field{grid-template-columns:44px minmax(0,1fr);gap:7px;display:grid}.image-authbar__field--key,.image-authbar__field--url{min-width:0}.image-authbar__field input,.image-authbar__field select{width:100%;min-height:34px;font-size:.74rem}.image-authbar__actions{align-items:flex-end;margin-left:0;display:flex}.image-authbar__actions .save-button{border-radius:12px;width:auto;min-width:42px;min-height:34px;padding:0 10px;font-size:0}.image-authbar__actions .save-button svg{width:15px;height:15px}.image-authbar__actions .save-config-note{right:0}.media-grid--image .preview-panel,.media-grid--video .preview-panel{grid-row:2;height:100%;min-height:0;padding:4px 10px 0;scroll-padding:14px;overflow:auto}.image-result-feed,.video-result-feed{gap:12px;padding:0 0 6px}.image-feed-empty{min-height:100%;padding:18px 8px}.media-grid--image .creation-panel--image,.media-grid--video .creation-panel--video{border-radius:24px;grid-row:4;gap:8px;width:auto;max-width:none;max-height:none;margin:0 10px 10px;padding:9px;position:static;bottom:auto;left:auto;right:auto;overflow:visible;transform:none}.media-grid--image .creation-panel--image{grid-template-columns:minmax(0,1fr);display:grid}.media-grid--video .creation-panel--video{grid-template-columns:minmax(0,1fr);grid-template-areas:"prompt""quickbar""actions";display:grid}.reuse-panel--guide-compact{display:none}.media-grid--image .prompt-mention-frame,.media-grid--video .prompt-mention-frame{border-radius:20px;gap:5px;min-height:82px;padding:7px 8px}.media-grid--image .prompt-field .prompt-mention-editor,.media-grid--video .prompt-field .prompt-mention-editor{padding:0 2px;font-size:.82rem;line-height:1.42;height:54px!important;min-height:54px!important;max-height:54px!important}.media-grid--image .prompt-mention-topbar,.media-grid--video .prompt-mention-topbar{justify-content:flex-end;min-height:26px;position:static}.media-grid--image .prompt-reference-pills,.media-grid--video .prompt-reference-pills{flex-wrap:nowrap;max-width:52vw;padding-bottom:0;overflow-x:auto}.media-grid--image .prompt-inline-upload,.media-grid--video .prompt-inline-upload{border-radius:999px;min-height:28px;padding:0 9px;font-size:.68rem}.media-grid--image .image-quickbar,.media-grid--video .image-quickbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid;overflow:visible}.media-grid--image .image-quickbar--mobile-collapsed,.media-grid--video .image-quickbar--mobile-collapsed{display:none}.media-grid--video .creation-panel--video>.video-quickbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid;overflow:visible}.media-grid--video .creation-panel--video>.video-quickbar.image-quickbar--mobile-collapsed{display:none}.media-grid--image .image-quickbar::-webkit-scrollbar{display:none}.media-grid--video .image-quickbar::-webkit-scrollbar{display:none}.media-grid--video .creation-panel--video>.video-quickbar::-webkit-scrollbar{display:none}.media-grid--image .compact-select-field--inline,.media-grid--image .compact-select-field--model,.media-grid--image .compact-select-field--ratio,.media-grid--image .compact-select-field--count,.media-grid--image .compact-select-field--preset,.media-grid--image .compact-select-field--narrow,.media-grid--video .compact-select-field--inline,.media-grid--video .compact-select-field--model,.media-grid--video .compact-select-field--reference,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count,.media-grid--video .compact-select-field--narrow{flex:0 0 170px;min-width:0;max-width:none}.media-grid--video .creation-panel--video>.video-quickbar>*,.media-grid--image .compact-select-field--model,.media-grid--video .compact-select-field--model,.media-grid--video .creation-panel--video>.video-quickbar>.compact-select-field--model{min-width:0;max-width:none}.media-grid--image .compact-select-field__label,.media-grid--video .compact-select-field__label{flex:0 0 34px;width:34px;min-width:34px;font-size:.66rem}.media-grid--image .compact-select-field select,.media-grid--video .compact-select-field select{min-height:34px;padding:0 10px;font-size:.76rem}.media-grid--image .run-row,.media-grid--video .run-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:7px;display:grid;overflow:visible}.media-grid--image .run-row>button:disabled,.media-grid--video .run-row>button:disabled{display:none}.soft-button--mobile-params{display:inline-flex}.media-grid--image .soft-button--samples,.media-grid--video .soft-button--samples{display:none}.media-mobile-quickstart{flex-direction:column;grid-row:3;gap:9px;margin:0 10px;padding:1px 2px 0;display:flex}.media-mobile-quickstart .mobile-quickstart__head{gap:2px}.media-mobile-quickstart .mobile-quickstart__head strong{font-size:.88rem}.media-mobile-quickstart .mobile-quickstart__head span{font-size:.76rem;display:block}.media-mobile-quickstart .mobile-quickstart__chips{scrollbar-width:none;flex-wrap:nowrap;gap:7px;padding:0 0 1px;overflow:auto hidden}.media-mobile-quickstart .mobile-quickstart__chips::-webkit-scrollbar{display:none}.media-mobile-prompt-chip{text-align:left;white-space:normal;border-radius:999px;flex:0 0 min(250px,74vw);justify-content:flex-start;min-height:36px;padding:7px 12px;font-size:.78rem}.media-grid--image .run-row>*,.media-grid--video .run-row>*{flex:none;width:100%;min-width:0}.media-grid--image .run-button,.media-grid--video .run-button{grid-column:1/-1;min-height:40px;font-size:.8rem}.media-grid--image .soft-button,.media-grid--image .copy-path,.media-grid--video .soft-button,.media-grid--video .copy-path,.media-grid--video .video-quick-action{min-height:34px;padding:0 10px;font-size:.72rem}.media-grid--video .preview-panel--video-feed{touch-action:pan-x;overflow:auto hidden}.media-grid--video .preview-panel--video-feed .video-result-feed{justify-content:flex-start;align-items:stretch;min-height:100%}.media-grid--video .video-feed-card,.media-grid--video .video-feed-card--portrait,.media-grid--video .video-feed-card--square{scroll-snap-align:center;flex-basis:min(330px,86vw);width:min(330px,86vw);padding-bottom:42px}.media-grid--video .video-feed-card--multi{flex-basis:min(520px,92vw);width:min(520px,92vw)}.media-grid--video .video-feed-card .image-feed-card__media--video-card,.media-grid--video .video-feed-card--portrait .image-feed-card__media--video-card,.media-grid--video .video-feed-card--multi .image-feed-card__media--video-card{height:clamp(150px,28svh,250px)}.media-grid--image .reference-strip-panel,.media-grid--video .reference-strip-panel,.media-grid--video .video-inline-settings,.media-grid--video .video-reference-settings--popover,.prompt-sample-popover{z-index:96;border-radius:24px;max-height:min(58svh,440px);overflow:auto;left:10px!important;right:10px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;position:fixed!important}}@media (width<=430px){.media-grid--image .image-authbar,.media-grid--video .image-authbar{grid-template-columns:minmax(0,1fr) 42px}.image-authbar__field{grid-template-columns:42px minmax(0,1fr)}.media-grid--image .creation-panel--image,.media-grid--video .creation-panel--video{max-height:none}.media-grid--image .compact-select-field--inline,.media-grid--image .compact-select-field--ratio,.media-grid--image .compact-select-field--count,.media-grid--image .compact-select-field--preset,.media-grid--image .compact-select-field--narrow,.media-grid--video .compact-select-field--inline,.media-grid--video .compact-select-field--reference,.media-grid--video .compact-select-field--ratio,.media-grid--video .compact-select-field--count,.media-grid--video .compact-select-field--narrow,.media-grid--video .creation-panel--video>.video-quickbar>*,.media-grid--image .compact-select-field--model,.media-grid--video .compact-select-field--model,.media-grid--video .creation-panel--video>.video-quickbar>.compact-select-field--model{min-width:0;max-width:none}.media-grid--image .prompt-field .prompt-mention-editor,.media-grid--video .prompt-field .prompt-mention-editor{height:46px!important;min-height:46px!important;max-height:46px!important}}@media (width<=860px){.media-grid--image .image-authbar,.media-grid--video .image-authbar{flex-direction:column;grid-template-columns:none;align-items:stretch;gap:7px;padding:7px;display:flex}.image-authbar__toggle{width:100%;min-height:44px;color:inherit;cursor:pointer;background:#f8fafcf5;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #e2e8f0e6}.media-grid--image .image-authbar:not(.image-authbar--mobile-open) .image-authbar__fields,.media-grid--image .image-authbar:not(.image-authbar--mobile-open) .image-authbar__actions,.media-grid--video .image-authbar:not(.image-authbar--mobile-open) .image-authbar__fields,.media-grid--video .image-authbar:not(.image-authbar--mobile-open) .image-authbar__actions{display:none}.media-grid--image .image-authbar--mobile-open .image-authbar__fields,.media-grid--video .image-authbar--mobile-open .image-authbar__fields{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.media-grid--image .image-authbar--mobile-open .image-authbar__actions,.media-grid--video .image-authbar--mobile-open .image-authbar__actions{justify-content:flex-end;align-items:center;display:flex}.media-grid--image .image-authbar--mobile-open .image-authbar__actions .save-button,.media-grid--video .image-authbar--mobile-open .image-authbar__actions .save-button{width:100%;min-height:36px;font-size:.76rem}.media-grid--image .image-authbar--mobile-open .image-authbar__actions .save-button svg,.media-grid--video .image-authbar--mobile-open .image-authbar__actions .save-button svg{width:15px;height:15px}.media-grid--image .prompt-sample-popover--media-samples,.media-grid--video .prompt-sample-popover--media-samples{z-index:auto;width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:10px;padding:2px 0 0;display:flex;overflow:visible;position:static!important;bottom:auto!important;left:auto!important;right:auto!important}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__head,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__head{flex-direction:column;align-items:flex-start;gap:3px;padding:0 2px}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__head strong,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__head strong{color:#0f172a;font-size:.92rem;font-weight:850}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__head span,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__head span{color:#64748b;font-size:.78rem;font-weight:700}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__grid,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__grid{scrollbar-width:none;flex-wrap:nowrap;gap:8px;max-height:none;padding:0 2px 2px;display:flex;overflow:auto hidden}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__grid::-webkit-scrollbar{display:none}.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__grid::-webkit-scrollbar{display:none}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__item,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__item{color:#1e3a8a;white-space:normal;-webkit-line-clamp:unset;background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;flex:0 0 min(260px,78vw);align-items:center;min-height:38px;padding:8px 13px;font-size:.8rem;font-weight:750;line-height:1.35;display:inline-flex}.studio-shell{height:var(--studio-mobile-viewport-height,100svh);min-height:var(--studio-mobile-viewport-height,100svh)}.studio-layout,.studio-layout--media,.studio-layout--image{height:var(--studio-mobile-viewport-height,100svh)}.workspace-pane,.workspace-pane--image,.studio-shell--image-mobile-lock .workspace-pane--image{height:calc(var(--studio-mobile-viewport-height,100svh) - 78px - env(safe-area-inset-bottom))}input,textarea,select,.prompt-mention-editor[contenteditable=true],.composer-shell textarea,.media-grid--image .prompt-field .prompt-mention-editor,.media-grid--video .prompt-field .prompt-mention-editor{font-size:16px!important}.media-grid--video .creation-panel--video>.reference-strip-panel,.media-mobile-quickstart{display:none!important}.media-grid--image .soft-button--samples,.media-grid--video .soft-button--samples{display:inline-flex}.media-grid--image .run-row>.soft-button--history:disabled,.media-grid--video .run-row>.soft-button--history:disabled{opacity:.56;display:inline-flex}.media-grid--video .prompt-reference-pills{scrollbar-width:none;flex-wrap:nowrap;max-width:min(54vw,220px);overflow:auto hidden}.media-grid--video .prompt-reference-pills::-webkit-scrollbar{display:none}.media-grid--image .prompt-sample-popover--media-samples,.media-grid--video .prompt-sample-popover--media-samples{z-index:97;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #cbd5e1e6;border-radius:22px;width:auto;max-height:min(42vh,320px);padding:12px;display:flex;overflow:hidden;box-shadow:0 20px 48px #0f172a29;left:10px!important;right:10px!important;bottom:calc(236px + env(safe-area-inset-bottom))!important;position:fixed!important}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__grid,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__grid{grid-template-columns:minmax(0,1fr);max-height:calc(min(42vh,320px) - 58px);padding:0 2px 2px;display:grid;overflow:hidden auto}.media-grid--image .prompt-sample-popover--media-samples .prompt-sample-popover__item,.media-grid--video .prompt-sample-popover--media-samples .prompt-sample-popover__item{flex:none;justify-content:flex-start;width:100%}}