/* R97 · Same-page free creation. Load after landing/template/flow surfaces.
   Presentation only: capabilities, references, quotes and result gates belong to the server/controller. */
.studio-landing .studio-free-tab-panel {display:contents;}
.studio-landing .studio-free-output-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;padding:4px;border:1px solid #ffffff12;border-radius:14px;background:#11151b60;}
.studio-landing .studio-free-output-tabs>button {position:relative;min-height:44px;font-size:14px;font-weight:600;border-color:transparent;background:transparent;}
.studio-landing .studio-free-output-tabs>button[aria-selected=true] {color:#fff;background:#b5a0d120;border-color:#c4b1de55;}
/* R120 · Paint only: explicit selection stays clear above the composer defaults. */
.studio-landing .studio-free-composer .studio-free-output-tabs>button:not(:disabled)[aria-selected=false] {color:#a8a0b8;background:#10131a;border-color:#ffffff12;box-shadow:none;}
.studio-landing .studio-free-composer .studio-free-output-tabs>button:not(:disabled)[aria-selected=true] {color:#fff7ff;background:linear-gradient(135deg,#7652a3,#493463);border-color:#cfb5f4;box-shadow:inset 0 1px #ffffff24,0 2px 10px #11091f38;}
.studio-landing .studio-free-composer .studio-free-output-tabs>button:not(:disabled)[aria-selected=true][data-output-type=video] {color:#fff3d6;background:linear-gradient(135deg,#7a5d31,#4b381f);border-color:#e0bf81;}
.studio-landing .studio-free-output-description {margin:0;color:var(--sf-muted,#aeb9c5);font-size:12px;line-height:1.65;overflow-wrap:anywhere;}
.studio-landing .studio-free-composer .studio-free-output-description>.studio-free-prompt-examples {display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:28px;margin:0 0 0 6px;padding:0 2px;vertical-align:baseline;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#e2cef5;font:inherit;line-height:inherit;cursor:pointer;}
.studio-landing .studio-free-prompt-examples[hidden] {display:none!important;}
.studio-free-prompt-examples-label {text-decoration:underline;text-underline-offset:3px;}
.studio-free-prompt-examples-mark {display:inline-flex;flex:0 0 14px;align-items:center;justify-content:center;width:14px;height:14px;border:1.5px solid #ff7886;border-radius:50%;color:#ff7886;font-size:10px;font-weight:700;line-height:1;text-decoration:none;}
.studio-landing .studio-free-primary-options {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;min-width:0;}
.studio-landing .studio-free-primary-options:empty {display:none;}
.studio-landing .studio-free-inline-host {display:contents;}
.studio-landing .studio-free-composer {
 --sf-text:#edf1f5;--sf-muted:#aeb9c5;--sf-line:#ffffff14;--sf-gold:#f3cf85;
 --sf-motion-fast:200ms;--sf-motion-panel:320ms;--sf-motion-ease:cubic-bezier(.22,.72,.24,1);
 container:studio-free / inline-size;
 display:flex;flex-direction:column;gap:16px;width:100%;max-width:980px;min-width:0;min-height:0;
 margin-inline:auto;padding:18px;border-radius:22px;color:var(--sf-text);text-align:left;
}
/* Excluding shared recent cards must not raise the composer defaults above its controls. */
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))),
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) * {box-sizing:border-box;min-width:0;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) :is(h2,h3,p,small,strong,span,legend,dt,dd) {overflow-wrap:anywhere;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) :is(button,a) {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;max-width:100%;margin:0;padding:8px 11px;border:1px solid #b6a7cd29;border-radius:10px;background:#b5a0d10a;color:#d9d0e5;font-family:inherit;font-size:12px;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) :is(button,a,input,select,textarea):focus-visible {outline:2px solid #f4d698;outline-offset:3px;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) button:disabled {opacity:1;background:#1b2027;border-color:#ffffff12;color:#aeb9c5;box-shadow:none;cursor:not-allowed;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) [aria-busy=true] {cursor:progress;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) :is(svg,.icon) {flex:0 0 18px;width:18px;height:18px;}
.studio-landing .studio-free-capability {display:grid;gap:7px;width:100%;margin:0;padding:0;border:0;}
.studio-landing .studio-free-capability>span,
.studio-landing .studio-free-capability>legend {margin:0;padding:0;color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-capability>select {width:100%;max-width:100%;height:44px;margin:0;padding:8px 30px 8px 11px;border:1px solid #c2b2df29;border-radius:10px;background:#171c23;color:#edf1f5;font:inherit;font-size:16px;line-height:1.5;color-scheme:dark;}

/* Closed references are one explicit expand target. Expanded media stays in document flow. */
.studio-landing :is(.studio-free-editor,.studio-free-main) {display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;}
.studio-landing :is(.studio-free-editor,.studio-free-main):is([data-expanded=true],:has(.studio-free-references[data-expanded=true])) {grid-template-columns:minmax(0,1fr);}
.studio-landing .studio-free-references {display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:100%;}
.studio-landing .studio-free-references .studio-free-reference-stack {position:relative;isolation:isolate;display:block;flex:0 0 auto;width:88px;height:104px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;overflow:visible;}
.studio-landing .studio-free-reference-card {position:absolute;top:9px;left:9px;z-index:calc(1 + var(--sf-index,0));display:grid;place-items:center;width:60px;height:80px;margin:0;padding:0;border:1px solid #ffffff08;border-radius:8px;background:#ffffff09;color:#a6aeb7;overflow:hidden;transform:translate(calc(var(--sf-index,0) * 4px),calc(var(--sf-index,0) * -2px)) rotate(var(--sf-rotate,-8deg));transform-origin:center bottom;}
.studio-landing .studio-free-reference-card :is(img,video) {display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:#1c222a;}
.studio-landing .studio-free-reference-card>span {font-size:24px;font-weight:300;line-height:1;}
.studio-landing .studio-free-reference-count {position:absolute;right:0;bottom:0;z-index:5;display:grid;place-items:center;min-width:24px;min-height:24px;padding:2px 6px;border:1px solid #d4c7e42e;border-radius:99px;background:#34303e;color:#f0e9f8;font-size:11px;line-height:1.5;}
.studio-landing .studio-free-reference-rail {display:flex;align-items:stretch;gap:12px;width:100%;max-width:100%;margin:0;padding:10px 8px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#aa9db352 transparent;list-style:none;}
.studio-landing .studio-free-reference-item {position:relative;display:flex;flex:0 0 112px;flex-direction:column;align-items:stretch;gap:7px;width:112px;margin:0;padding:8px;border:1px solid #ffffff0d;border-radius:12px;background:#151b224f;scroll-snap-align:start;}
.studio-landing .studio-free-reference-item[data-selected=true] {border-color:#ebcf8c85;background:#f0cf8e0b;}
.studio-landing .studio-free-reference-item:is([data-state=error],[data-state=failed]) {border-color:#ef9bb075;}
.studio-landing .studio-free-reference-item:is([data-state=uploading],[data-state=validating]) {border-color:#b4a4cf70;}
.studio-landing .studio-free-reference-item[data-state=unknown] {border-color:#e0c48570;}
.studio-landing .studio-free-reference-item .studio-free-reference-media {position:relative;display:grid;place-items:center;flex:0 0 auto;width:60px;height:80px;margin:2px auto 0;padding:0;border:1px solid #ffffff08;border-radius:8px;background:#ffffff09;color:#a6aeb7;overflow:hidden;transform:rotate(-3deg);}
.studio-landing .studio-free-reference-item:nth-child(even) .studio-free-reference-media {transform:rotate(3deg);}
.studio-landing .studio-free-reference-media :is(img,video) {display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:#1c222a;}
.studio-landing .studio-free-reference-media:has(.studio-free-audio-icon) {align-content:center;gap:7px;padding:6px;}
.studio-landing .studio-free-audio-icon {display:grid;place-items:center;width:28px;height:28px;font-size:24px;line-height:1;color:#c9b9df;}
.studio-landing .studio-free-reference-media>.studio-free-audio-label {display:block;font-size:11px;line-height:1.3;}
.studio-landing .studio-free-reference-copy {display:grid;gap:2px;width:100%;}
.studio-landing .studio-free-reference-copy>strong {display:block;max-width:100%;margin:0;overflow:hidden;color:#e2e7ed;font-size:12px;font-weight:500;line-height:1.6;text-overflow:ellipsis;white-space:nowrap;}
.studio-landing .studio-free-reference-copy>small {display:block;margin:0;color:#aeb9c5;font-size:11px;line-height:1.6;}
.studio-landing .studio-free-reference-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:0;}
.studio-landing .studio-free-reference-item>.studio-free-reference-actions {margin-top:auto;}
.studio-landing .studio-free-reference-actions>button {flex:1 1 44px;min-width:44px;min-height:44px;padding:7px 3px;font-size:11px;}
.studio-landing .studio-free-reference-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;}
.studio-landing .studio-free-reference-toolbar>button {flex:1 1 44px;min-width:44px;min-height:44px;padding:7px 6px;font-size:11px;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-reference-toolbar>button {flex:0 1 auto;padding-inline:12px;}
.studio-landing .studio-free-reference-kinds {display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;}
.studio-landing .studio-free-reference-kinds>legend {width:100%;margin:0 0 6px;padding:0;color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-reference-kinds>button {flex:1 1 70px;}
.studio-landing .studio-free-reference-kinds>button[aria-pressed=true] {border-color:#ebcf8c85;background:#f0cf8e12;color:#fff;}
.studio-landing :is(.studio-free-reference-hint,.studio-free-input-hint) {display:block;width:100%;margin:0;padding:0;color:#aeb9c5;font-size:12px;line-height:1.7;}
.studio-landing .studio-free-composer .studio-free-reference-remaining {display:block;flex:0 0 auto;align-self:stretch;width:100%;min-width:0;max-width:100%;margin:0;padding:0;color:#c6bbd8;font-size:12px;line-height:1.7;overflow-wrap:anywhere;}
.studio-landing .studio-free-composer input[type=file] {position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.studio-landing .studio-free-prompt {display:grid;align-content:start;gap:7px;width:100%;margin:0;padding:0;}
.studio-landing .studio-free-prompt>span {color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-prompt>textarea {display:block;width:100%;min-width:0;min-height:112px;max-height:240px;margin:0;padding:10px 11px;border:1px solid #c9bdde1a;border-radius:12px;background:#0c11172b;color:#edf1f5;font-family:inherit;font-size:16px;line-height:1.7;resize:vertical;}
.studio-landing .studio-free-prompt>textarea::placeholder {color:#a3aebc;opacity:1;}

/* Server-supported parameter fields only. Labels and native controls keep an even baseline. */
.studio-landing :is(.studio-free-parameters,.studio-free-options) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));align-items:end;gap:12px 10px;width:100%;}
.studio-landing :is(.studio-free-field,.studio-free-option) {display:flex;flex-direction:column;align-self:stretch;justify-content:flex-end;gap:7px;min-width:0;margin:0;padding:0;border:0;}
.studio-landing :is(.studio-free-field,.studio-free-option)[data-wide=true] {grid-column:1/-1;}
.studio-landing :is(.studio-free-field,.studio-free-option)>span,
.studio-landing :is(.studio-free-field,.studio-free-option)>legend {float:none;display:block;width:100%;margin:0;padding:0;color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing :is(.studio-free-field,.studio-free-option)>legend {margin-bottom:7px;}
.studio-landing :is(.studio-free-field,.studio-free-option) :is(select,input:not([type=radio]):not([type=checkbox])) {display:block;width:100%;max-width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:8px 10px;border:1px solid #b5c5d628;border-radius:10px;background:#171c23;color:#edf1f5;font-family:inherit;font-size:16px;line-height:1.5;color-scheme:dark;}
.studio-landing :is(.studio-free-field,.studio-free-option) :is(select,input):disabled {opacity:1;color:#aeb9c5;background:#1b2027;cursor:not-allowed;}
.studio-landing :is(.studio-free-field,.studio-free-option)>small {color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-segments {display:flex;flex-wrap:wrap;gap:6px;width:100%;}
.studio-landing .studio-free-segments>button,
.studio-landing .studio-free-segments>label {position:relative;display:flex;flex:1 1 62px;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;margin:0;padding:8px;border:1px solid #b5c5d628;border-radius:10px;background:#0d131c38;color:#d6dde5;font-size:13px;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;}
.studio-landing .studio-free-segments>button[aria-pressed=true],
.studio-landing .studio-free-segments>label:has(input:checked) {border-color:#ebcf8c85;background:linear-gradient(130deg,#f0cf8e1f,#dfb3690e);color:#fff;font-weight:600;}
.studio-landing .studio-free-segments>button:disabled,
.studio-landing .studio-free-segments>label:has(input:disabled) {opacity:1;border-color:#ffffff17;background:#181e24;color:#aeb9c5;cursor:not-allowed;}
.studio-landing .studio-free-segments>label>input[type=radio] {position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0;clip-path:inset(50%);}
.studio-landing .studio-free-segments>label:focus-within {outline:2px solid #f4d698;outline-offset:3px;}

/* Actual quotation and confirmation are separate markup, never fabricated with CSS content. */
.studio-landing .studio-free-quote {display:grid;gap:7px;margin:0;padding:0;}
.studio-landing .studio-free-cost {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;}
.studio-landing .studio-free-cost>span {color:#b8c2cc;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-cost>strong {color:#f4d798;font-size:24px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;}
.studio-landing .studio-free-cost>strong>small {margin-left:4px;color:#d1bc95;font-size:12px;font-weight:400;}
.studio-landing .studio-free-cost>small {flex:1 1 100%;color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing :is(.studio-free-quote,.studio-free-confirm) dl {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 12px;width:100%;margin:0;}
.studio-landing :is(.studio-free-quote,.studio-free-confirm) dt {margin:0;color:#aeb9c5;font-size:12px;line-height:1.7;}
.studio-landing :is(.studio-free-quote,.studio-free-confirm) dd {margin:0;color:#edf1f5;font-size:12px;line-height:1.7;text-align:right;font-variant-numeric:tabular-nums;}
.studio-landing .studio-free-confirm {display:grid;gap:12px;margin:0;padding:14px;border:1px solid #ebcf8c50;border-radius:14px;background:#f0cf8e09;}
.studio-landing .studio-free-confirm :is(h3,strong) {margin:0;color:#f2ddaf;font-size:14px;font-weight:600;line-height:1.6;}
.studio-landing .studio-free-confirm>p {margin:0;color:#c9c1b2;font-size:12px;line-height:1.7;}
.studio-landing .studio-free-confirm-actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;}
.studio-landing .studio-free-confirm-actions>button {flex:1 1 100px;}
.studio-landing .studio-free-notice {margin:0;padding:10px 12px;border:1px solid #93b9d126;border-radius:10px;background:#8faed30b;color:#becbd7;font-size:12px;line-height:1.7;}
.studio-landing .studio-free-notice:empty {display:none;}
.studio-landing .studio-free-notice:is([data-state=error],[data-state=failed]) {border-color:#ef9bb042;background:#e77a970b;color:#f1b3c3;}
.studio-landing .studio-free-notice[data-state=success] {border-color:#8ed5ba3d;color:#b0dfcd;}
.studio-landing .studio-free-notice:is([data-state=warning],[data-state=unknown],[data-state=blocked]) {border-color:#e0c48545;color:#e6d2a7;}
.studio-landing .studio-free-notice>button {margin-top:8px;}
.studio-landing .studio-free-composer .studio-free-start {position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:100%;min-height:56px;margin:0;padding:13px 18px;border:1px solid #f3d9a2;border-radius:14px;background:linear-gradient(110deg,#ffedb8 0%,#f4cf81 48%,#e9b861 100%);box-shadow:inset 0 1px #fff6,0 5px 17px #b3813820;color:#392b17;font-size:15px;font-weight:650;line-height:1.5;}
.studio-landing .studio-free-confirm-actions>.studio-free-start {flex:2 1 180px;width:auto;}
.studio-landing .studio-free-composer .studio-free-start:disabled {opacity:1;border-color:#e5cb9930;background:#d2bc8b19;box-shadow:none;color:#c1b396;}

/* Only one owned task; media nodes are provided only after the controller's result gate. */
.studio-landing .studio-free-latest:not(:where(.studio-recent-creations)) {width:100%;max-width:980px;margin:16px auto 0;padding:16px;border:1px solid #ffffff0c;border-radius:18px;background:#171c218c;color:#e4eaf0;}
.studio-landing .studio-free-latest-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 12px;}
.studio-landing .studio-free-latest-heading :is(h2,h3) {margin:0;color:#b5c0ca;font-size:13px;font-weight:500;line-height:1.6;}
.studio-landing :is(.studio-free-latest-copy,.studio-free-latest-body) {display:grid;gap:5px;}
.studio-landing :is(.studio-free-latest-copy,.studio-free-latest-body) :is(p,strong,small) {margin:0;color:#aeb9c5;font-size:12px;line-height:1.7;}
.studio-landing :is(.studio-free-latest-copy,.studio-free-latest-body)>strong {color:#edf1f5;font-size:14px;font-weight:500;}
.studio-landing .studio-free-latest:not(:where(.studio-recent-creations)) .studio-latest-art>img {object-fit:contain;}
.studio-landing :is(.studio-free-result-grid,.studio-free-results) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;margin-top:12px;}
.studio-landing .studio-free-result {min-width:0;margin:12px 0 0;padding:0;border:1px solid #ffffff0d;border-radius:12px;background:#090d12;overflow:hidden;}
.studio-landing :is(.studio-free-result-grid,.studio-free-results)>.studio-free-result {margin-top:0;}
.studio-landing .studio-free-result :is(img,video) {display:block;width:100%;max-width:100%;height:auto;max-height:360px;margin:0;object-fit:contain;object-position:center;background:#090d12;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) audio {display:block;width:100%;max-width:100%;min-width:0;margin:8px 0 0;}
.studio-landing .studio-free-result>figcaption {margin:0;padding:9px 12px;color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing :is(.studio-free-result-actions,.studio-free-task-actions) {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0 0;}
.studio-landing :is(.studio-free-result-actions,.studio-free-task-actions)>:is(a,button) {flex:0 1 auto;}

/* UE's current inline view: same visual contract, stable controller-owned class names. */
.studio-landing .studio-free-capabilities {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(72px,100%),1fr));gap:6px;margin:0;padding:0;}
.studio-landing .studio-free-capabilities>button {min-width:44px;padding:8px 5px;color:#d6dde5;}
.studio-landing .studio-free-capabilities>button[aria-pressed=true] {border-color:#ebcf8c85;background:linear-gradient(130deg,#f0cf8e1f,#dfb3690e);color:#fff;font-weight:600;}
.studio-landing .studio-free-main:has(.studio-free-stack.is-expanded) {grid-template-columns:minmax(0,1fr);}
.studio-landing .studio-free-stack {position:relative;isolation:isolate;width:88px;min-height:104px;margin:0;padding:8px;}
.studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference {position:absolute;top:8px;left:8px;z-index:calc(var(--reference-index,0) + 1);width:60px;height:80px;transform:translate(calc(var(--reference-index,0) * 4px),calc(var(--reference-index,0) * -2px)) rotate(calc((var(--reference-index,0) - 2) * 2deg));transform-origin:center bottom;}
.studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference:nth-child(n+4),
.studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference>:not(.studio-free-reference-preview) {display:none;}
.studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference:focus-within {z-index:30;filter:brightness(1.04);}
.studio-landing .studio-free-reference .studio-free-reference-preview {position:relative;display:grid;place-items:center;width:60px;height:80px;margin:0;padding:0;border:1px solid #ffffff08;border-radius:8px;background:#ffffff09;color:#a6aeb7;overflow:hidden;transform:none;}
.studio-landing .studio-free-reference-preview :is(img,video) {position:absolute;inset:0 0 19px;display:block;width:100%;height:calc(100% - 19px);min-height:0;max-width:100%;object-fit:contain;object-position:center;background:#1c222a;}
.studio-landing .studio-free-reference-preview>span:not(.studio-free-reference-number) {font-size:24px;font-weight:300;line-height:1;}
.studio-landing .studio-free-reference-preview>.studio-free-reference-number {position:absolute;bottom:0;left:0;right:0;z-index:1;display:block;padding:2px 3px;background:#0c111ad9;color:#e3e8ef;font-size:10px;line-height:1.5;}
.studio-landing .studio-free-stack.is-expanded {display:flex;align-items:stretch;gap:12px;width:100%;max-width:100%;min-height:0;margin:0;padding:10px 8px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#aa9db352 transparent;}
.studio-landing .studio-free-stack.is-expanded>.studio-free-reference {display:flex;flex:0 0 112px;flex-direction:column;align-items:stretch;gap:8px;width:112px;margin:0;padding:8px;border:1px solid #ffffff0d;border-radius:12px;background:#151b224f;scroll-snap-align:start;}
.studio-landing .studio-free-stack.is-expanded .studio-free-reference-preview {flex:0 0 auto;margin:2px auto 0;transform:rotate(var(--sf-open-angle));}
.studio-landing .studio-free-reference-state {display:block;margin:0;color:#aeb9c5;font-size:11px;line-height:1.6;}
.studio-landing .studio-free-stack.is-expanded>.studio-free-reference:is([data-state=failed],[data-state=error]) {border-color:#ef9bb075;}
.studio-landing .studio-free-stack.is-expanded>.studio-free-reference[data-state=unknown] {border-color:#e0c48570;}
.studio-landing .studio-free-reference-empty {display:block;width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#a6aeb7;font-size:12px;line-height:1.6;text-align:left;transform:none;}
.studio-landing .studio-free-references>div.studio-free-reference-add {display:flex;flex-wrap:wrap;gap:6px;width:100%;}
.studio-landing .studio-free-references>div.studio-free-reference-add>button {flex:1 1 70px;min-width:44px;padding:7px 4px;font-size:12px;}
.studio-landing .studio-free-references:has(.studio-free-stack.is-expanded)>div.studio-free-reference-add>button {flex:0 1 auto;padding-inline:12px;}
/* Empty state uses the real add button. No invisible stack or decorative text card. */
.studio-landing .studio-free-stack:empty {display:none;min-height:0;padding:0;}
.studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-toolbar {display:none;}
.studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-add:not(:has(>button[data-kind=video]:not([hidden]))) {padding:26px 8px 8px;}
.studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-add:not(:has(>button[data-kind=video]:not([hidden])))>button[data-kind=image] {flex:0 0 auto;width:60px;min-height:80px;margin:0;border:1px dashed #c2b2df4d;border-radius:8px;background:#ffffff09;color:#d9d0e5;transform:rotate(-4deg);transform-origin:center bottom;transition:transform var(--sf-motion-panel) var(--sf-motion-ease),border-color var(--sf-motion-fast) ease;}
.studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-add>button[data-kind=image]:focus-visible {transform:none;}
.studio-landing .studio-free-expand {align-self:flex-start;width:100%;padding-inline:5px;font-size:11px;}
.studio-landing .studio-free-references:has(.studio-free-stack.is-expanded)>.studio-free-expand {width:auto;}
.studio-landing .studio-free-stack.is-expanded>.studio-free-add-tail {display:flex;flex:0 0 112px;flex-direction:column;justify-content:center;gap:8px;width:112px;margin:0;padding:8px;border:1px dashed #c2b2df38;border-radius:12px;background:#b5a0d108;scroll-snap-align:end;transform-origin:center bottom;}
.studio-landing .studio-free-stack.is-expanded>.studio-free-add-tail>button {width:100%;min-height:44px;padding:7px 4px;}
.studio-landing .studio-free-adaptive {grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #b5c5d628;border-radius:10px;color:#becbd7;font-size:12px;line-height:1.7;}
.studio-landing .studio-free-quote:empty {display:none;}
.studio-landing .studio-free-quote>span {color:#b8c2cc;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-quote>strong {color:#f4d798;font-size:24px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;}
.studio-landing .studio-free-quote>small {color:#aeb9c5;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-actions {display:flex;flex-direction:column;gap:8px;}
.studio-landing .studio-free-actions>.studio-free-cancel {align-self:center;min-width:88px;}
.studio-landing .studio-free-results:empty {display:none;}
.studio-landing .studio-free-results>figure {display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#090d12;overflow:hidden;}
.studio-landing .studio-free-results>figure>:is(img,video) {display:block;width:100%;max-width:100%;height:auto;max-height:360px;margin:0;object-fit:contain;object-position:center;background:#090d12;}
.studio-landing .studio-free-results>figure>a {align-self:flex-end;margin-top:auto;}
.studio-landing .studio-free-task-actions>small {flex:1 1 100%;color:#aeb9c5;font-size:12px;line-height:1.7;}
.studio-landing .studio-free-composer .flow-input:disabled {opacity:1;}
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations)))[hidden],
.studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) [hidden] {display:none!important;}

/* Reference motion follows AXON's indexed poses and bottom pivot. UE owns keyed DOM/FLIP. */
.studio-landing .studio-free-reference {--sf-open-angle:clamp(-6deg,calc((var(--reference-index,0) - 2) * 3deg),6deg);transform-origin:center bottom;transition:transform var(--sf-motion-panel) var(--sf-motion-ease),filter var(--sf-motion-fast) ease,opacity var(--sf-motion-fast) ease;}
/* Cancel the landing route's filled sl-reference-pop pose; explicit lifecycle rules below win. */
.studio-landing .studio-free-reference .studio-free-reference-preview {animation:none;transform-origin:center bottom;transition:transform var(--sf-motion-panel) var(--sf-motion-ease),filter var(--sf-motion-fast) ease,box-shadow var(--sf-motion-fast) ease;}
.studio-landing .studio-free-reference-actions {transition:opacity var(--sf-motion-fast) ease;}
.studio-landing .studio-free-reference[data-motion=enter] {animation:sf-reference-enter var(--sf-motion-panel) var(--sf-motion-ease) both;}
.studio-landing .studio-free-reference[data-motion=replace] .studio-free-reference-preview {animation:sf-reference-replace var(--sf-motion-fast) ease both;}
.studio-landing .studio-free-reference[data-motion=leave] {pointer-events:none;animation:sf-reference-leave var(--sf-motion-fast) ease both;}
@keyframes sf-reference-enter {from {opacity:0;translate:0 8px;scale:.96;}to {opacity:1;translate:0 0;scale:1;}}
@keyframes sf-reference-replace {from {opacity:.25;filter:brightness(1.12);}to {opacity:1;filter:brightness(1);}}
@keyframes sf-reference-leave {from {opacity:1;translate:0 0;scale:1;}to {opacity:0;translate:0 -6px;scale:.97;}}
@media(hover:hover) and (pointer:fine) and (min-width:1024px) {
 .studio-landing .studio-free-stack:not(.is-expanded):hover>.studio-free-reference {transform:translate(calc(var(--reference-index,0) * 16px),calc((var(--reference-index,0) - 2) * 2px)) rotate(calc((var(--reference-index,0) - 2) * 3deg));}
 .studio-landing .studio-free-reference:hover {z-index:30;filter:brightness(1.04);}
 .studio-landing .studio-free-reference:hover .studio-free-reference-preview {box-shadow:0 8px 18px #0003;}
 .studio-landing .studio-free-stack.is-expanded .studio-free-reference-preview:hover {transform:translateY(-2px) rotate(var(--sf-open-angle));}
 .studio-landing .studio-free-stack.is-expanded .studio-free-reference-actions {opacity:0;pointer-events:none;}
 .studio-landing .studio-free-stack.is-expanded>.studio-free-reference:is(:hover,:focus-within) .studio-free-reference-actions {opacity:1;pointer-events:auto;}
}

/* UE mounts the manually opened preview on body, outside the landing scroll container. */
dialog.studio-free-preview-dialog {box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:12px;overflow:auto;border:1px solid #c7b0e63b;border-radius:18px;background:#151a21;color:#e6deee;box-shadow:0 20px 72px #0008;color-scheme:dark;}
dialog.studio-free-preview-dialog[open] {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
dialog.studio-free-preview-dialog::backdrop {background:#080b10d9;}
dialog.studio-free-preview-dialog>button {display:grid;place-items:center;justify-self:end;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:8px;border:1px solid #c7b0e629;border-radius:10px;background:#b5a0d10a;color:#e6deee;font:inherit;font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation;}
dialog.studio-free-preview-dialog>button:focus-visible {outline:2px solid #f4d698;outline-offset:3px;}
dialog.studio-free-preview-dialog>:is(img,video) {display:block;min-width:0;max-width:100%;width:100%;height:auto;max-height:calc(100vh - 126px);max-height:calc(100dvh - 126px);margin:0;border-radius:10px;object-fit:contain;object-position:center;background:#090d12;}
dialog.studio-free-preview-dialog>audio {display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;}
dialog.studio-free-preview-dialog:not([open]),dialog.studio-free-preview-dialog[hidden] {display:none!important;}

@container studio-free (min-width:680px) {
 .studio-landing :is(.studio-free-parameters,.studio-free-options) {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
}
@media(max-width:767px) {
 .studio-landing .studio-free-capabilities {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:1024px) {
 .studio-landing .studio-free-composer {padding:20px 22px;border-radius:24px;}
 .studio-landing :is(.studio-free-editor,.studio-free-main) {grid-template-columns:104px minmax(0,1fr);gap:18px;}
 .studio-landing .studio-free-reference-card,
 .studio-landing .studio-free-reference-item .studio-free-reference-media {width:64px;height:80px;}
 .studio-landing .studio-free-reference .studio-free-reference-preview,
 .studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference {width:64px;height:80px;}
 .studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-add:not(:has(>button[data-kind=video]:not([hidden])))>button[data-kind=image] {width:64px;}
 .studio-landing .studio-free-capability>select {max-width:360px;}
 .studio-landing :is(.studio-free-field,.studio-free-option) :is(select,input:not([type=radio]):not([type=checkbox])),
 .studio-landing .studio-free-capability>select {font-size:14px;}
}
@media(max-width:350px) {
 .studio-landing .studio-free-composer {padding:16px 14px;border-radius:20px;}
 .studio-landing :is(.studio-free-editor,.studio-free-main) {grid-template-columns:76px minmax(0,1fr);gap:10px;}
 .studio-landing .studio-free-reference-card,
 .studio-landing .studio-free-reference-item .studio-free-reference-media {width:52px;height:72px;}
 .studio-landing .studio-free-references .studio-free-reference-stack {width:76px;height:96px;}
 .studio-landing .studio-free-stack {width:76px;min-height:96px;}
 .studio-landing .studio-free-reference .studio-free-reference-preview,
 .studio-landing .studio-free-stack:not(.is-expanded)>.studio-free-reference {width:52px;height:72px;}
 .studio-landing .studio-free-references:has(>.studio-free-stack:empty)>.studio-free-reference-add:not(:has(>button[data-kind=video]:not([hidden])))>button[data-kind=image] {width:52px;min-height:72px;}
 .studio-landing .studio-free-prompt>textarea {padding:8px;}
 .studio-landing .studio-free-latest:not(:where(.studio-recent-creations)) {padding:14px;}
 .studio-landing .studio-free-confirm {padding:12px;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .studio-landing .studio-free-reference-media {transition:transform 200ms ease,border-color 200ms ease;}
 .studio-landing .studio-free-reference-item .studio-free-reference-media:hover {transform:translateY(-2px) rotate(0);border-color:#d2c6e54a;}
}
@media(prefers-reduced-motion:reduce) {
 .studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
@media(forced-colors:active) {
 .studio-landing :is(.studio-free-composer,.studio-free-latest:not(:where(.studio-recent-creations))) :is(button,select,input,textarea,.studio-free-reference-card,.studio-free-reference-item) {forced-color-adjust:auto;border-color:ButtonText;background:Canvas;color:CanvasText;box-shadow:none;}
 .studio-landing .studio-free-reference-item[data-selected=true],
 .studio-landing .studio-free-segments>button[aria-pressed=true] {outline:2px solid Highlight;outline-offset:-3px;}
}

/* R100 · one composition, indexed reference deck and compact creation settings. */
.studio-landing .studio-free-composer:focus-within {outline:none!important;border-color:#ffffff12!important;box-shadow:inset 0 1px #ffffff02;}
.studio-landing .studio-free-main {grid-template-columns:88px minmax(0,1fr);gap:18px;transition:grid-template-columns 320ms cubic-bezier(.22,.72,.24,1);}
.studio-landing .studio-free-main:has(.studio-free-references[data-expanded=true]) {grid-template-columns:minmax(0,1fr);}
.studio-landing .studio-free-main:has(.studio-free-references[data-expanded=false][data-fanned=true]) {grid-template-columns:248px minmax(0,1fr);}
.studio-landing .studio-free-main:has(.studio-free-references[data-count="1"][data-expanded=false][data-fanned=true]) {grid-template-columns:168px minmax(0,1fr);}
.studio-landing .studio-free-references {--ref-width:60px;--ref-height:80px;position:relative;gap:8px;}
.studio-landing .studio-free-references .studio-free-stack {position:relative;display:block;width:100%;height:112px;min-height:112px;margin:0;padding:0;overflow:visible;isolation:isolate;}
.studio-landing .studio-free-references[data-expanded=false] .studio-free-stack>.studio-free-reference {position:absolute;top:12px;left:12px;width:var(--ref-width);height:var(--ref-height);z-index:calc(10 + var(--reference-index));display:none;padding:0;border:0;background:transparent;transform:translate(calc(var(--reference-depth) * -3px),calc(var(--reference-depth) * 2px)) rotate(var(--closed-angle));transform-origin:center bottom;}
.studio-landing .studio-free-references[data-expanded=false] .studio-free-stack>.studio-free-reference[data-compact-visible=true] {display:block;}
.studio-landing .studio-free-references[data-expanded=false][data-fanned=true] .studio-free-stack>.studio-free-reference {display:none;}
.studio-landing .studio-free-references[data-expanded=false][data-fanned=true] .studio-free-stack>.studio-free-reference[data-fan-visible=true] {display:block;z-index:20;transform:translate(calc(var(--fan-index) * 80px),0) rotate(calc((var(--fan-index) - 1) * 6deg));}
.studio-landing .studio-free-references .studio-free-reference .studio-free-reference-preview {display:block;width:var(--ref-width);height:var(--ref-height);margin:0;padding:0;border:2px solid #e8e6e3c7;border-radius:4px;background:#303030;transform:none;animation:none;box-shadow:0 6px 16px #0002;}
.studio-landing .studio-free-references .studio-free-reference .studio-free-reference-media {position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;transform:none;background:#22272b;overflow:hidden;}
.studio-landing .studio-free-references .studio-free-reference-preview :is(img,video) {inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.studio-landing .studio-free-references .studio-free-reference[data-kind=image] .studio-free-reference-number {display:none;}
.studio-landing .studio-free-references .studio-free-reference .studio-free-reference-number {font-size:10px;line-height:1.4;}
.studio-landing .studio-free-references .studio-free-reference>.studio-free-reference-actions {position:absolute;top:-14px;right:-15px;display:block;width:44px;height:44px;margin:0;opacity:0;pointer-events:none;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-reference>.studio-free-reference-actions,
.studio-landing .studio-free-references[data-fanned=true] .studio-free-reference:is(:hover,:focus-within,[data-preview-active=true])>.studio-free-reference-actions {opacity:1;pointer-events:auto;}
.studio-landing .studio-free-references .studio-free-reference-actions>.studio-free-reference-remove {display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#292b2e;color:#f2f2f2;font-size:23px;font-weight:300;box-shadow:0 2px 8px #0003;}
.studio-landing .studio-free-references .studio-free-reference>:is(.studio-free-reference-state,.studio-free-reference-recovery) {display:none;}
.studio-landing .studio-free-references .studio-free-reference:is([data-state=failed],[data-state=unknown]) .studio-free-reference-preview {border-color:#e1b48b;}
.studio-landing .studio-free-references .studio-free-reference-add {position:absolute;left:58px;top:68px;display:block;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;z-index:40;transform-origin:center bottom;}
.studio-landing .studio-free-references .studio-free-reference-add>.studio-free-add-button {display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #ffffff1a;border-radius:50%;background:#3b3d40;color:#ececec;font-size:27px;font-weight:300;line-height:1;}
.studio-landing .studio-free-references[data-count="0"] .studio-free-reference-add {left:12px;top:12px;width:var(--ref-width);height:var(--ref-height);transform:rotate(-6deg);}
.studio-landing .studio-free-references[data-count="0"] .studio-free-reference-add>.studio-free-add-button,
.studio-landing .studio-free-references[data-fanned=true] .studio-free-reference-add>.studio-free-add-button {width:var(--ref-width);height:var(--ref-height);border:1px dashed #ffffff23;border-radius:4px;background:#37393b;color:#a8a8a8;}
.studio-landing .studio-free-references[data-expanded=false][data-fanned=true] .studio-free-reference-add {left:calc(12px + var(--fan-index) * 80px);top:12px;width:var(--ref-width);height:var(--ref-height);transform:rotate(calc((var(--fan-index) - 1) * 6deg));transition:transform 320ms cubic-bezier(.22,.72,.24,1),left 320ms cubic-bezier(.22,.72,.24,1),top 320ms cubic-bezier(.22,.72,.24,1);}
.studio-landing .studio-free-references .studio-free-view-all {position:absolute;top:12px;left:92px;display:none;width:var(--ref-width);height:var(--ref-height);min-height:44px;padding:0;border:2px solid #d4d4d4a3;border-radius:4px;background:linear-gradient(145deg,#39373c,#242127);color:#e4e4e4;transform:rotate(0deg);transform-origin:center bottom;}
.studio-landing .studio-free-references[data-fanned=true] .studio-free-view-all {display:grid;place-items:center;}
.studio-landing .studio-free-view-all>span {font-size:24px;line-height:1;}
.studio-landing .studio-free-view-all>small {position:absolute;bottom:calc(100% + 12px);left:50%;width:max-content;max-width:180px;transform:translateX(-50%);padding:7px 10px;border-radius:8px;background:#343436;color:#ededed;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;}
.studio-landing .studio-free-view-all:is(:hover,:focus-visible)>small {opacity:1;}
.studio-landing .studio-free-references .studio-free-reference-toolbar {display:flex;align-items:center;justify-content:space-between;gap:8px 12px;width:100%;max-width:100%;}
.studio-landing .studio-free-reference-filters {display:flex;flex-wrap:wrap;gap:4px;min-width:0;}
.studio-landing .studio-free-reference-filters>button {gap:5px;min-width:44px;min-height:44px;padding:7px 9px;border:0;background:transparent;color:#aeb2b7;font-size:12px;}
.studio-landing .studio-free-reference-filters>button[aria-pressed=true] {background:#ffffff0d;color:#f5f5f5;}
.studio-landing .studio-free-reference-filters>button>small {color:inherit;font:inherit;font-variant-numeric:tabular-nums;}
.studio-landing .studio-free-reference-tools {display:flex;align-items:center;gap:5px;margin-left:auto;}
.studio-landing .studio-free-reference-tools>button {flex:0 0 auto;width:auto;min-height:44px;padding:7px 9px;border:0;background:transparent;color:#b8babe;font-size:11px;}
.studio-landing .studio-free-reference-tools>.studio-free-expand {min-width:44px;padding:7px;font-size:22px;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-stack {position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;max-width:100%;height:auto;min-height:0;padding:16px 12px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-stack>.studio-free-reference {position:relative;display:block;flex:0 0 var(--ref-width);width:var(--ref-width);height:var(--ref-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;transform:none;scroll-snap-align:start;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-reference-add {position:relative;inset:auto;display:block;flex:0 0 var(--ref-width);width:var(--ref-width);height:var(--ref-height);padding:0;border:0;border-radius:0;background:transparent;transform:none;}
.studio-landing .studio-free-references[data-expanded=true] .studio-free-reference-add>.studio-free-add-button {width:var(--ref-width);height:var(--ref-height);padding:0;border-radius:4px;border:1px dashed #ffffff23;background:#37393b;color:#a8a8a8;}
.studio-landing .studio-free-references .studio-free-reference[data-motion=replace] .studio-free-reference-preview {animation:sf-reference-replace 200ms ease both;}
.studio-landing .studio-free-prompt {align-content:start;gap:0;}
.studio-landing .studio-free-prompt-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.studio-landing .studio-free-prompt>textarea {min-height:128px;max-height:300px;padding:10px 8px;border:1px solid #ffffff08;border-radius:12px;background:transparent;color:#edf1f5;font-size:16px;font-weight:400;line-height:1.7;}
.studio-landing .studio-free-settings {min-width:0;margin:0;padding:0;border:0;}
.studio-landing .studio-free-settings>summary {display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;max-width:100%;margin:0;padding:6px 0;color:#d1d6dd;font-size:13px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer;}
.studio-landing .studio-free-settings>summary::-webkit-details-marker {display:none;}
.studio-landing .studio-free-settings-value {color:#8f9aa6;font-size:12px;font-weight:400;}
.studio-landing .studio-free-settings[open]>.studio-free-options {padding:8px 0 12px;}

/* R105 · output/quality buttons replace only their former native selects.
   Both groups use a complete mobile row so 320px layouts keep touch targets intact. */
.studio-landing .studio-free-option:has(>.creation-option-segments) {grid-column:1/-1;justify-content:flex-start;}
.studio-landing .studio-free-option:has(>.creation-option-segments)>legend {margin-bottom:12px;}
.studio-landing .creation-option-segments {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(64px,100%),1fr));align-items:stretch;gap:8px;width:100%;min-width:0;}
.studio-landing .creation-option-segments>button {position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;margin:0;padding:8px 10px;border:1px solid #b5c5d628;border-radius:10px;background:#171c23;color:#d6dde5;font-family:inherit;font-size:12px;font-weight:450;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;}
.studio-landing .creation-option-segments>button.creation-vip-option {padding-inline-end:32px;}
.studio-landing .creation-option-segments>button[aria-pressed=true] {border-color:#ebcf8c85;background:linear-gradient(130deg,#f0cf8e1f,#dfb3690e);color:#fff;font-weight:600;}
.studio-landing .creation-option-segments>button:focus-visible {outline:2px solid #f4d698;outline-offset:3px;}
.studio-landing .creation-option-segments>button:disabled {border-color:#ffffff17;background:#1b2027;color:#aeb9c5;opacity:1;cursor:not-allowed;box-shadow:none;}
@media(min-width:1024px) {.studio-landing .studio-free-options>.studio-free-option:has(>.creation-option-segments) {grid-column:span 2;}}
.studio-landing .studio-free-settings[open]>.studio-free-input-hint {margin:0 0 8px;}
.studio-landing .studio-free-reference-problems:empty {display:none;}
.studio-landing .studio-free-reference-problems>div {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e0c48540;border-radius:10px;background:#e0c48508;color:#e6d2a7;font-size:12px;line-height:1.6;}
.studio-landing .studio-free-reference-problems>div+div {margin-top:6px;}
.studio-landing .studio-free-reference-problems>div>span {flex:1 1 160px;}
.studio-reference-popover {position:fixed;z-index:180;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:8px;overflow:auto;border:1px solid #ffffff1c;border-radius:16px;background:#202124;color:#ededed;box-shadow:0 18px 48px #0006;font-family:inherit;}
.studio-reference-popover>header {display:flex;align-items:center;gap:8px;min-width:0;}
.studio-reference-popover>header>strong {display:block;flex:1 1 0;min-width:0;overflow:hidden;color:#e8e8e8;font-size:12px;font-weight:500;line-height:1.6;text-overflow:ellipsis;white-space:nowrap;}
.studio-reference-popover button {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:7px 10px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff09;color:#ededed;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;touch-action:manipulation;}
.studio-reference-popover>header>button {width:44px;padding:0;border:0;background:transparent;font-size:23px;font-weight:300;}
.studio-reference-popover>:is(img,video) {display:block;flex:0 1 auto;width:100%;max-width:100%;max-height:min(280px,calc(100dvh - 158px));min-height:0;margin:0;border-radius:10px;background:#111315;object-fit:contain;object-position:center;}
.studio-reference-popover>audio {display:block;width:100%;max-width:100%;min-width:0;margin:0;}
.studio-reference-popover>footer {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;}
.studio-reference-popover button:disabled {opacity:.6;cursor:not-allowed;}
.studio-reference-popover button:focus-visible,.studio-landing .studio-free-settings>summary:focus-visible {outline:2px solid #f4d698;outline-offset:3px;}
@media(max-width:600px) {
 .studio-landing .studio-free-main {grid-template-columns:80px minmax(0,1fr);gap:12px;}
 .studio-landing .studio-free-main:has(.studio-free-references[data-expanded=false][data-fanned=true]),
 .studio-landing .studio-free-main:has(.studio-free-references[data-count="1"][data-expanded=false][data-fanned=true]) {grid-template-columns:minmax(0,1fr);}
 .studio-landing .studio-free-references[data-fanned=true] {width:min(248px,100%);}
 .studio-landing .studio-free-reference-toolbar {flex-wrap:wrap;}
 .studio-landing .studio-free-reference-tools {margin-left:0;}
 .studio-landing .studio-free-reference-filters>button {padding-inline:7px;}
}
@media(max-width:350px) {.studio-landing .studio-free-references {--ref-width:52px;--ref-height:72px;}.studio-landing .studio-free-main {grid-template-columns:76px minmax(0,1fr);gap:10px;}}
@media(prefers-reduced-motion:reduce) {.studio-reference-popover,.studio-reference-popover * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Model-aware free composer; reference stack motion remains in its existing rules. */
.studio-landing .studio-free-model {grid-column:1/-1;}
.studio-landing .studio-free-primary-options .creation-option-segments {flex-wrap:wrap;}
.studio-landing .studio-free-primary-options .creation-option-segments button {min-height:44px;min-width:60px;}
.studio-landing .studio-free-primary-options .creation-option-segments small {display:block;font-size:10px;font-weight:400;}
/* Keep video quality tokens intact; price hints can wrap below the token. */
.studio-landing .studio-free-primary-options .creation-option-segments:has(>button[data-option=resolution]) {grid-template-columns:repeat(auto-fit,minmax(min(88px,100%),1fr));}
.studio-landing .studio-free-primary-options .creation-option-segments>button[data-option=resolution] {flex-direction:column;white-space:nowrap;overflow-wrap:normal;word-break:normal;}
.studio-landing .studio-free-primary-options .creation-option-segments>button[data-option=resolution]>small {max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;}
.studio-landing .studio-free-reference-roles:not(:empty),
.studio-landing .studio-free-assets:not(:empty) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;padding:16px 0;border-top:1px solid #a8bed522;}
.studio-landing :is(.studio-free-reference-roles,.studio-free-assets)>:is(h3,p,header,ul) {grid-column:1/-1;min-width:0;margin:0;}
.studio-landing :is(.studio-free-reference-roles,.studio-free-assets) :is(p,small,li) {font-size:12px;line-height:1.65;color:#aeb9c5;overflow-wrap:anywhere;}
.studio-landing :is(.studio-free-reference-roles,.studio-free-assets) h3 {margin:0;font-size:14px;}
.studio-landing .studio-free-assets>header {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.studio-landing .studio-free-asset-slot {min-width:0;display:grid;gap:10px;padding:12px;border:1px solid #a8bed522;border-radius:12px;}
.studio-landing .studio-free-asset-slot>strong {font-size:13px;}
.studio-landing .studio-free-asset-buttons {display:flex;flex-wrap:wrap;gap:8px;}
.studio-landing :is(.studio-free-assets,.studio-free-unsupported,.studio-free-asset-recovery) button {min-height:44px;padding:8px 12px;border:1px solid #b5c5d628;border-radius:10px;background:#222630;color:#edf1f5;font:inherit;font-size:12px;cursor:pointer;}
.studio-landing :is(.studio-free-assets,.studio-free-unsupported,.studio-free-asset-recovery) button:disabled {opacity:.5;cursor:not-allowed;}
.studio-landing .studio-free-asset-statuses {padding-left:18px;}
.studio-landing .studio-free-unsupported {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#ffca9d;overflow-wrap:anywhere;}
.studio-landing .studio-free-asset-recovery:empty {display:none;}
.studio-landing .studio-free-asset-recovery {font-size:12px;line-height:1.65;color:#ffca9d;}
@media(prefers-color-scheme:light) {html[data-theme=light] .studio-landing :is(.studio-free-assets,.studio-free-unsupported,.studio-free-asset-recovery) button {background:#edf0f5;color:#293242;}}

/* R115: compact consumer tiers and native accessible ranges. */
.studio-landing .studio-free-tier-buttons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.studio-landing .studio-free-tier-buttons>button {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:10px 14px;border:1px solid #b5c5d628;border-radius:12px;background:#171c23;color:#d6dde5;font:inherit;cursor:pointer;}
.studio-landing .studio-free-tier-buttons strong {font-size:14px;font-weight:600;}
.studio-landing .studio-free-tier-buttons small {font-size:11px;line-height:1.5;overflow-wrap:anywhere;}
.studio-landing .studio-free-tier-buttons>button[aria-pressed=true] {border-color:#b59afa;background:linear-gradient(130deg,#9568ee30,#7659d414);color:#fff;}
.studio-landing .studio-free-tier-buttons>button:disabled {opacity:.5;cursor:not-allowed;}
.studio-landing .studio-free-tier-buttons>button:focus-visible {outline:2px solid #bba2ff;outline-offset:3px;}
.studio-landing .studio-free-primary-options {gap:12px;}
.studio-landing .studio-free-range>span {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.studio-landing .studio-free-range output {font-size:14px;color:#e4d7ff;font-variant-numeric:tabular-nums;}
.studio-landing .studio-free-range>div {display:flex;align-items:center;gap:10px;min-width:0;}
.studio-landing .studio-free-option.studio-free-range input[type=range] {flex:1;min-width:0;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:#ad8ce9;cursor:pointer;touch-action:pan-y;}
.studio-landing .studio-free-option.studio-free-range[data-live-duration-range]:has([data-option=duration][aria-pressed=true]) input[type=range] {accent-color:#8b8e98;}
.studio-landing .studio-free-option.studio-free-range input[type=range]:disabled {opacity:.5;cursor:not-allowed;background:transparent;}
.studio-landing .studio-free-range button,.studio-landing .studio-free-reference-order button {min-height:44px;padding:8px 12px;border:1px solid #b5c5d628;border-radius:10px;background:#222630;color:#edf1f5;font:inherit;font-size:12px;cursor:pointer;}
.studio-landing .studio-free-range button[aria-pressed=true] {border-color:#b59afa;background:#9568ee30;}
.studio-landing .studio-free-reference-role {display:grid;align-content:start;gap:8px;min-width:0;}
.studio-landing .studio-free-reference-order {display:flex;gap:8px;}
.studio-landing .studio-free-reference-order button:disabled {opacity:.4;cursor:not-allowed;}
.studio-landing .studio-free-human {display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;line-height:1.6;color:#aeb9c5;}
.studio-landing .studio-free-human input {width:18px;height:18px;flex-shrink:0;accent-color:#ad8ce9;}

/* R118: recent cards share template DOM/styles; this alias has no separate skin. */
.studio-landing .studio-recent-extra-actions {display:contents;}
.studio-landing .studio-free-balance {align-self:flex-end;display:block;margin:0;color:#aeb9c5;font-size:12px;line-height:1.6;}
#sheetHost .bottom-sheet:has(.live-generation-confirm) {top:50%;bottom:auto;left:50%;right:auto;translate:-50% -50%;width:min(460px,calc(100% - 32px));max-height:calc(100% - 40px);border:1px solid #e0c38b38;border-radius:20px;padding:18px;}
.live-generation-confirm {min-width:0;color:#e5e9ed;}
.live-generation-confirm dl {display:grid;gap:14px;margin:0 0 20px;}
.live-generation-confirm dl>div {display:grid;grid-template-columns:minmax(62px,auto) minmax(0,1fr);align-items:baseline;gap:12px;}
.live-generation-confirm dt {color:#aeb9c5;font-size:12px;line-height:1.7;}
.live-generation-confirm dd {min-width:0;margin:0;text-align:right;font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
.live-generation-confirm dd strong {color:#f4d798;font-size:20px;font-weight:650;}
.live-generation-confirm>p {color:#e8cf9e;font-size:12px;line-height:1.7;overflow-wrap:anywhere;}
.live-generation-confirm .creation-confirm-actions {display:flex;justify-content:center;align-items:center;}
.live-generation-confirm .creation-confirm-actions>button {flex:0 1 200px;width:200px;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #f1d39a;border-radius:10px;background:linear-gradient(110deg,#ffe9ac,#edc16d);color:#392b17;font-size:13px;font-weight:600;line-height:1.6;text-align:center;}

/* Read-only video prompt examples; mounted outside the composer to avoid clipping. */
.studio-prompt-examples-overlay,.studio-prompt-examples-overlay * {box-sizing:border-box;min-width:0;}
.studio-prompt-examples-overlay {position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px;background:#080a10b8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.studio-prompt-examples-dialog {display:flex;flex-direction:column;width:min(700px,100%);max-height:min(82dvh,760px);overflow:hidden;border:1px solid #cbb5e43d;border-radius:18px;background:#1c1924;color:#f2eaf8;box-shadow:0 22px 80px #0007;}
.studio-prompt-examples-header {display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-bottom:1px solid #ffffff12;}
.studio-prompt-examples-header h2 {margin:0;font-size:18px;line-height:1.5;color:inherit;}
.studio-prompt-examples-close {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#eee1f6;font:inherit;font-size:26px;line-height:1;cursor:pointer;}
.studio-prompt-examples-content {min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 22px 24px;}
.studio-prompt-examples-item {margin:0;padding:0 0 22px;}
.studio-prompt-examples-item+article {padding-top:22px;border-top:1px solid #ffffff12;}
.studio-prompt-examples-item:last-child {padding-bottom:0;}
.studio-prompt-examples-item h3 {margin:0 0 10px;color:#e1c9f4;font-size:15px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;}
.studio-prompt-examples-item p,.studio-prompt-examples-message {margin:0;color:#ded4e7;font-size:14px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap;}
.studio-prompt-examples-retry {min-width:64px;min-height:40px;margin:16px 0 0;padding:8px 16px;border:1px solid #bba0d345;border-radius:9px;background:#a37cbd17;color:#e9d7f6;font:inherit;cursor:pointer;}
.studio-prompt-examples-dialog button:focus-visible {outline:2px solid #ddc2f2;outline-offset:2px;}
.studio-prompt-examples-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px;}
.studio-prompt-examples-copy {flex:0 0 auto;min-width:64px;min-height:44px;padding:8px 16px;border:1px solid #bba0d345;border-radius:9px;background:#a37cbd17;color:#e9d7f6;font:inherit;cursor:pointer;}
.studio-prompt-examples-copy:disabled {opacity:.6;cursor:wait;}
.studio-prompt-examples-copy-status {flex:1 1 140px;color:#ded4e7;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.studio-prompt-examples-copy-buffer {position:fixed;inset:0 auto auto -10000px;width:1px;height:1px;padding:0;border:0;opacity:0;font-size:16px;}