/* A compact creation start screen using the same editor and native model contracts. */
.studio-home{background-image:radial-gradient(var(--rd-line) .6px,transparent .6px);background-size:14px 14px;background-position:center 150px}
.studio-home-intro{max-width:1000px;margin:48px auto 0;text-align:center}
.studio-home-intro h1{font-size:32px;line-height:1.3;font-weight:600;color:var(--rd-text)}
.home-kind-switch{display:flex;justify-content:center;gap:4px;border:1px solid var(--rd-line);background:var(--rd-panel);padding:4px;border-radius:24px;width:max-content;margin:32px auto 32px}
.home-kind-switch a{padding:7px 24px;border-radius:20px;font-size:14px;color:var(--rd-muted)}
.home-kind-switch a[aria-current="page"]{background:var(--rd-field);color:var(--rd-primary-soft)}
.home-kind-switch a:hover{color:var(--rd-primary)}
.studio-home>.generator{display:block;max-width:1000px;margin:auto;min-height:0}
.studio-home .editor-panel{position:relative;background:var(--rd-panel);border:1px solid var(--rd-line);border-radius:24px;padding:28px 16px 16px;min-height:0}
.studio-home .editor-tabs{display:none}
.studio-home .editor-panel #editor-fields{display:grid;grid-auto-flow:row dense;grid-template-columns:minmax(128px,155px) minmax(140px,176px) max-content auto minmax(0,1fr) 36px 156px;gap:8px;align-items:center}
.home-upload-launch{position:absolute;top:-58px;left:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;height:88px;border-radius:12px;background:var(--rd-field);color:var(--rd-secondary);transform:rotate(-6deg);font-size:11px;border:1px solid var(--rd-line-strong);z-index:1}
.home-upload-launch>span:first-child{font-size:24px}.home-upload-launch small{font-size:9px;color:var(--rd-muted)}
.home-upload-launch:hover{transform:rotate(0);border-color:var(--rd-primary)}
.studio-home .template-context,.studio-home .upload-field{grid-column:1/-1;order:0}
.studio-home .upload-field{max-width:100%}.studio-home .source-slots{max-width:100%}.studio-home .source-slots:not(.multiple-sources){max-width:250px}
.studio-home .prompt-field,.studio-home .prompt-toolbar{display:contents}
.studio-home .prompt-label,.studio-home [data-enhance],.studio-home .prompt-counter{display:none}
.studio-home .prompt-field textarea{grid-column:1/-1;order:1;width:100%;background:none;border:0;padding:24px 0 12px;height:128px;min-height:128px;max-height:280px;font-size:14px;line-height:1.7;resize:vertical}
.home-input-mode{order:2;grid-column:1;min-width:0}.home-input-mode select{width:100%;height:36px;border:1px solid transparent;border-radius:8px;background:var(--rd-field);color:var(--rd-primary-soft);padding:0 9px;font:inherit;font-size:11px}
.studio-home .model-control{order:2;grid-column:2;margin:0;min-width:0}.studio-home .model-button{height:36px;min-height:36px;padding:3px 24px 3px 35px;justify-content:center;border-radius:8px}.studio-home .model-field-label{display:none}.studio-home [data-selected-model-icon]{left:8px}.studio-home .model-logo{width:20px;height:20px}.studio-home .model-logo img{width:20px;height:20px}.studio-home .model-button strong{font-size:12px;line-height:16px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.studio-home .model-button .setting-chevron{font-size:18px;right:9px;transform:translateY(-50%) rotate(90deg)}
.home-settings-trigger{grid-column:3;order:2;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:var(--rd-field);color:var(--rd-secondary);font:inherit;font-size:11px;white-space:nowrap;min-width:0}
[data-home-settings-summary]{display:flex;gap:7px;align-items:center;min-width:0}[data-home-settings-summary] i{font-style:normal;color:var(--rd-line-strong)}
.studio-home [data-inspire]{grid-column:4;order:2;display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:8px;background:var(--rd-field);color:var(--rd-text);font-size:12px;white-space:nowrap}
.home-prompt-tools{grid-column:6;order:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:var(--rd-muted)}
.home-settings-trigger:hover,.home-prompt-tools:hover{color:var(--rd-primary);background:var(--rd-hover)}
.studio-home .generate-button{order:2;grid-column:7;margin:0;min-height:36px;padding:0 10px;border-radius:8px;font-size:12px;gap:6px}.studio-home .generate-button>span:first-child{display:none}.studio-home .generate-meta{font-size:9px}
.studio-home .settings-grid,.studio-home .model-note,.studio-home .generation-policy,.studio-home .editor-bottom{display:none}
.studio-home .studio-reload{order:3;grid-column:1/-1}.studio-home .editor-error{order:4;grid-column:1/-1}.studio-home .pending-recovery{order:5;grid-column:1/-1}
.home-settings-popover{max-height:calc(100dvh - 24px);overflow:auto;width:360px;max-width:calc(100vw - 24px);padding:18px;color:var(--rd-text)}
.home-setting-row{border:0;padding:0;margin:0 0 18px;min-width:0}.home-setting-row legend{font-size:12px;color:var(--rd-muted);padding:0;margin-bottom:10px}.home-setting-row>div{display:flex;gap:6px;flex-wrap:wrap}.home-setting-row button{background:var(--rd-field);border:1px solid transparent;color:var(--rd-secondary);border-radius:7px;min-height:34px;min-width:48px;padding:6px 10px;font-size:12px}.home-setting-row button[aria-pressed="true"]{border-color:var(--rd-primary);background:var(--rd-primary-tint);color:var(--rd-primary-soft)}
.studio-home .result-panel{display:none;margin-top:70px;scroll-margin-top:calc(var(--header-height) + 60px)}
.studio-home .generator[data-view="work"] .result-panel{display:flex}
.studio-home .prompt-examples{display:none}
.home-templates{max-width:1000px;margin:40px auto 40px;text-align:center}
.home-templates h2{font-size:13px;font-weight:400;color:var(--rd-muted);margin:0 0 26px}
.home-template-cards{display:flex;justify-content:center;gap:26px;padding:16px 18px 24px}
.home-template-card{position:relative;display:block;width:148px;height:172px;flex:0 1 148px;border-radius:14px;overflow:hidden;background:var(--rd-panel);transform:rotate(-9deg);transition:transform .18s ease;isolation:isolate}
.home-template-card:nth-child(even){transform:rotate(9deg)}.home-template-card:nth-child(3n){transform:rotate(-5deg)}
.home-template-card:hover,.home-template-card:focus-visible{transform:translateY(-7px) rotate(0);outline:2px solid var(--rd-primary);outline-offset:3px}
.home-template-card img,.home-template-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.home-template-card span{position:absolute;inset:auto 0 0;padding:32px 10px 12px;background:linear-gradient(transparent,rgb(var(--rd-bg-rgb) / .85));font-size:12px;line-height:1.4;color:var(--rd-text);text-align:left;z-index:1}
.home-template-note{color:var(--rd-muted);font-size:11px;margin:12px 0 20px}.home-full-editor{font-size:12px;color:var(--rd-primary-soft);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.studio-home-intro{margin-top:32px}.studio-home .editor-panel #editor-fields{grid-template-columns:140px minmax(140px,1fr) 36px 150px}.studio-home .home-settings-trigger{grid-column:3/5}.studio-home [data-inspire]{grid-column:1;order:3}.studio-home .home-prompt-tools{grid-column:3;order:3}.studio-home .generate-button{grid-column:4;order:3}.home-template-cards{gap:18px}.home-template-card{min-width:0}}
@media(max-width:767px){.studio-home-intro{margin:28px auto 0}.studio-home-intro h1{font-size:26px}.home-kind-switch{margin:24px auto 60px}.studio-home .editor-panel{padding:20px 12px 14px;border-radius:18px}.studio-home .editor-panel #editor-fields{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:8px}.studio-home .home-input-mode{grid-column:1/3}.studio-home .model-control{grid-column:3}.studio-home .home-settings-trigger{grid-column:1/3;order:3;justify-content:center;padding:0 6px;font-size:10px}.studio-home [data-home-settings-summary]{gap:4px}.studio-home [data-inspire]{grid-column:3;order:3}.studio-home .home-prompt-tools{grid-column:1;order:4}.studio-home .generate-button{grid-column:2/4;order:4}.studio-home .editor-error{order:5}.studio-home .pending-recovery{order:6}.studio-home .prompt-field textarea{height:128px;min-height:128px}.home-templates{margin-top:40px}.home-template-cards{justify-content:flex-start;overflow-x:auto;padding:14px 18px 24px;gap:22px}.home-template-card{flex:0 0 126px;width:126px;height:156px}.home-template-note{line-height:1.7}.studio-home .result-panel{margin-top:60px}.home-settings-popover.editor-sheet{max-height:75dvh;max-width:100%;width:100%;padding:0}.home-settings-popover .editor-sheet-content{padding:18px}}
@media(prefers-reduced-motion:reduce){.home-template-card{transition:none}}

.home-sound-summary{display:inline-flex;align-items:center}