/* UI-009 · one studio, existing identity/coins/tasks. No facts computed in CSS. */
.studio-page,.studio-admin,.site-copy-admin {--studio-bg:#101112;--studio-surface:#191f22;--studio-line:#ffffff18;--studio-text:#f4f3ef;--studio-muted:#99afb9;--studio-pink:#f0698c;--studio-violet:#bba0df;min-width:0;color:var(--studio-text);}
.studio-page {width:100%;container-type:inline-size;}
.studio-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;min-width:0;margin:8px 0 27px;}
.studio-heading>div {min-width:0;flex:1;}
.studio-heading small {font-size:9px;line-height:1.9;letter-spacing:.13em;color:#a4b7c0;overflow-wrap:anywhere;}
.studio-heading h1 {font-size:30px;line-height:1.4;font-weight:550;letter-spacing:-.045em;color:#f4f3ef;margin:12px 0;overflow-wrap:anywhere;}
.studio-heading p {font-size:11px;line-height:1.9;color:#9db1bc;margin:9px 0;overflow-wrap:anywhere;}
.studio-heading>img {width:88px;max-width:28%;height:112px;object-fit:contain;flex:0 0 auto;}
.studio-entry-grid {display:grid;grid-template-columns:1fr;gap:15px;margin:24px 0;min-width:0;}
.studio-entry {display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;text-align:left;padding:23px 21px;border:1px solid #d9a1b63d;border-radius:17px;background:radial-gradient(ellipse at top right,#9c4c6b19,transparent 65%),#201e23;color:#efece8;min-height:205px;}
.studio-entry[data-kind=free] {border-color:#baa2d63d;background:radial-gradient(ellipse at top right,#9e7ac722,transparent 65%),#1f2027;}
.studio-entry-index {font-size:9px;line-height:1.9;letter-spacing:.11em;color:#d4a3b6;overflow-wrap:anywhere;}
.studio-entry>small {font-size:9px;line-height:1.9;letter-spacing:.11em;color:#d4a3b6;overflow-wrap:anywhere;}
.studio-entry>span:last-child:not(.studio-state) {font-size:11px;line-height:1.9;color:#efb7cb;margin-top:17px;padding-top:5px;overflow-wrap:anywhere;}
.studio-entry[data-kind=free]>small {color:#bca4dc;}
.studio-entry[data-kind=free]>span:last-child:not(.studio-state) {color:#c9b4e4;}
.studio-entry[data-kind=free] .studio-entry-index {color:#bca4dc;}
.studio-entry h2,.studio-entry>strong {font-size:25px;font-weight:550;line-height:1.4;letter-spacing:-.035em;margin:12px 0;color:#f0ece8;overflow-wrap:anywhere;}
.studio-entry p {font-size:11px!important;line-height:1.9!important;color:#a8b5bd!important;margin:0 0 17px!important;overflow-wrap:anywhere;}
.studio-entry-link {display:block;font-size:11px;line-height:1.9;color:#efb7cb;margin:17px 0 0;padding-top:5px;overflow-wrap:anywhere;}
.studio-entry[data-kind=free] .studio-entry-link {color:#c9b4e4;}
.studio-state,.studio-task-state {display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid #ffffff22;border-radius:5px;background:#ffffff03;padding:3px 7px;font-size:9px;line-height:1.7;color:#afc5d0;overflow-wrap:anywhere;}
.studio-state[data-state=pending],.studio-state[data-state=disabled] {color:#b8b0bd;border-style:dashed;border-color:#c1accc32;}
.studio-state[data-state=demo] {color:#c7b4e1;border-color:#b9a0d63a;background:#b9a0d605;}
.studio-state[data-state=published],.studio-state[data-state=active] {color:#c0d6b5;border-color:#b1cba633;}
.studio-manual {display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;width:100%;padding:18px 17px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff02;text-align:left;margin:20px 0;}
.studio-manual>span:first-child {min-width:0;flex:1;}
.studio-manual>span:first-child:not(:last-child) {font-size:15px;line-height:1.8;font-weight:500;color:#dce5de;overflow-wrap:anywhere;}
.studio-manual>small {max-width:50%;text-align:right;}
.studio-manual strong {display:block;font-size:15px;font-weight:500;line-height:1.8;color:#dce5de;overflow-wrap:anywhere;}
.studio-manual small {display:block;font-size:10px;line-height:1.9;color:#96aeb9;margin-top:5px;overflow-wrap:anywhere;}
.studio-manual>span:last-child {color:#b9a4c9;flex:0 0 auto;}
.studio-section {min-width:0;margin:30px 0;}
.studio-section>header {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;min-width:0;}
.studio-section h2 {font-size:18px;font-weight:550;line-height:1.6;letter-spacing:-.025em;color:#e1e7e0;margin:0;overflow-wrap:anywhere;}
.studio-section>header>button {min-height:44px;max-width:45%;font-size:10px;line-height:1.8;color:#b8a5cf;overflow-wrap:anywhere;padding:8px 4px;}
.studio-task-list {min-width:0;}
.studio-task-card {display:flex;gap:13px;align-items:center;min-width:0;width:100%;padding:17px 15px;border:1px solid #ffffff16;border-radius:12px;background:#1a2023;text-align:left;margin:11px 0;}
.studio-task-card:has(>strong) {display:block;}
.studio-task-card>div,.studio-task-card>span {min-width:0;flex:1;}
.studio-task-card strong,.studio-task-card h3 {display:block;font-size:12px;line-height:1.8;font-weight:500;color:#dce5de;margin:0;overflow-wrap:anywhere;}
.studio-task-card small {display:block;font-size:10px;line-height:1.9;color:#91aab7;margin:6px 0 0;overflow-wrap:anywhere;}
.studio-task-card .studio-task-state {flex:0 0 auto;max-width:42%;}
.studio-task-state[data-state=running] {color:#adc9d5;border-color:#a5c0d132;}
.studio-task-state[data-state=done],.studio-task-state[data-state=refunded] {color:#bbd5b3;border-color:#b5cfa538;}
.studio-task-state[data-state=refund_pending],.studio-task-state[data-state=failed] {color:#e4aec2;border-color:#dba1b63d;}
.studio-works-link,.studio-demo-link {display:block;text-align:center;width:100%;max-width:100%;min-height:46px;padding:13px 15px;border:1px solid #ffffff1b;border-radius:11px;background:#ffffff03;font-size:11px;line-height:1.8;color:#c4d0d2;margin:16px 0;overflow-wrap:anywhere;}
.studio-capabilities {display:flex;gap:7px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:18px 0 22px;padding:3px 0 12px;min-width:0;}
.studio-capabilities>button {flex:0 0 auto;min-height:44px;padding:10px 13px;border:1px solid #ffffff17;border-radius:23px;background:#ffffff02;color:#a8bac4;font-size:11px;line-height:1.8;white-space:normal;max-width:220px;overflow-wrap:anywhere;}
.studio-capabilities>button:is(.selected,[aria-pressed=true],[aria-current=true]) {border-color:#dda1b654;color:#f0bdce;background:#f0698c08;}
.studio-workspace {display:grid;grid-template-columns:1fr;gap:22px;min-width:0;}
.studio-composer,.studio-form {min-width:0;}
.studio-field {display:flex;flex-direction:column;gap:9px;min-width:0;margin:19px 0;font-size:12px;line-height:1.9;color:#d0dedf;}
.studio-field>label {font-size:12px;line-height:1.9;color:#d0dedf;}
.studio-field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.studio-admin-editor label :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.site-copy-toolbar :is(input,select) {display:block;width:100%;min-width:0;max-width:100%;padding:12px 13px;min-height:46px;border:1px solid #ffffff1c;border-radius:10px;background:#1c252a;color:#e1e9e7;font-family:inherit;font-size:12px;line-height:1.9;}
.studio-field textarea {resize:vertical;min-height:144px;}
.studio-field small {font-size:10px;line-height:1.9;color:#90aab7;overflow-wrap:anywhere;}
.studio-field :is(input,textarea)::placeholder {color:#8099a6;opacity:1;}
.studio-field :is(input,textarea,select)[aria-invalid=true] {border-color:#dd9fb4;}
.studio-field-error {font-size:11px!important;line-height:1.9!important;color:#efb4c8!important;margin:0!important;overflow-wrap:anywhere;}
.studio-reference {padding:18px 16px;border:1px solid #ffffff18;border-radius:14px;background:#191f23;margin:23px 0;min-width:0;}
.studio-reference>header {display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin:0 0 15px;}
.studio-reference h2 {font-size:14px;font-weight:500;line-height:1.7;color:#dae3de;margin:0;overflow-wrap:anywhere;}
.studio-reference>header>span {font-size:9px;line-height:1.8;color:#91a9b5;overflow-wrap:anywhere;}
.studio-parameter-grid,.studio-basic {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;min-width:0;}
.studio-basic>.generation-field:has(textarea),.studio-basic>.generation-field:has(input[type=file]) {grid-column:1/-1;}
.studio-advanced {padding:0 16px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff02;margin:22px 0;min-width:0;}
.studio-advanced>summary {min-height:48px;padding:13px 0;font-size:12px;line-height:1.8;color:#c1bdd0;cursor:pointer;overflow-wrap:anywhere;}
.studio-advanced[open] {padding-bottom:10px;}
.studio-director {padding:19px 16px;border:1px solid #bba0df38;border-radius:14px;background:#ab83d507;margin:23px 0;min-width:0;}
.studio-director>header {display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap;margin-bottom:13px;}
.studio-director h2 {font-size:16px;font-weight:550;line-height:1.7;color:#dfd0ef;margin:0;overflow-wrap:anywhere;}
.studio-director p {font-size:11px!important;line-height:1.9!important;color:#a9a6bd!important;overflow-wrap:anywhere;}
.studio-director>label {display:flex;flex-direction:column;gap:9px;margin:16px 0;font-size:11px;line-height:1.9;color:#bfaed3;min-width:0;}
.studio-director>label>select {width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #bba0df34;border-radius:10px;padding:12px 13px;background:#22212b;color:#e1d7ee;font-family:inherit;font-size:12px;line-height:1.9;}
.studio-director-styles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;min-width:0;}
.studio-director-styles>button {min-width:0;min-height:44px;font-size:11px;line-height:1.8;padding:10px 8px;border:1px solid #bba0df2a;border-radius:10px;background:#ffffff02;color:#b4a9cb;overflow-wrap:anywhere;}
.studio-director-styles>button[aria-pressed=true] {color:#e3d3f2;border-color:#bba0df6a;background:#bba0df0b;}
.studio-secondary {min-height:44px;padding:11px 15px;border:1px solid #b89ad74b;border-radius:10px;background:#bba0df0b;color:#d7c7e9;font-size:11px;line-height:1.8;overflow-wrap:anywhere;}
.studio-suggestion {padding:16px;border:1px dashed #bba0df40;border-radius:11px;background:#11151b66;margin:17px 0 0;min-width:0;}
.studio-suggestion:empty {display:none;}
.studio-suggestion>small {font-size:9px;line-height:1.9;color:#c3acd9;}
.studio-suggestion>button {min-height:44px;font-size:11px;line-height:1.8;color:#d5c2eb;border-bottom:1px solid #bba0df33;padding:10px 0;overflow-wrap:anywhere;}
.studio-feedback {padding:14px 15px;border:1px solid #b4c6cd2b;border-radius:11px;background:#ffffff02;font-size:11px!important;line-height:1.9!important;color:#acbec8!important;margin:20px 0;overflow-wrap:anywhere;}
.studio-feedback:empty {display:none;}
.studio-feedback[data-state=error],.studio-feedback[data-state=changed] {color:#edb1c8!important;border-color:#dda0b63d;background:#f0698c05;}
.studio-feedback[data-state=refunded] {color:#c1d7b6!important;border-color:#b2cba337;background:#b2cba304;}
.studio-quote {border-color:#d79ab23c;}
.studio-context {padding:19px 17px;border:1px solid #ffffff16;border-radius:13px;background:#171d20;min-width:0;}
.studio-context:empty {display:none;}
.studio-context h2 {font-size:15px;font-weight:550;line-height:1.8;color:#d9e3dd;margin:0 0 15px;overflow-wrap:anywhere;}
.studio-context p,.studio-note {font-size:10px!important;line-height:1.9!important;color:#94adba!important;overflow-wrap:anywhere;}
.studio-api-panel,.studio-manual-panel {padding:23px 19px;border:1px solid #ffffff18;border-radius:15px;background:#191f23;min-width:0;margin:24px 0;}
.studio-api-panel h2,.studio-manual-panel h2 {font-size:22px;font-weight:550;line-height:1.5;letter-spacing:-.025em;color:#e0e7df;overflow-wrap:anywhere;}
.studio-api-panel p,.studio-manual-panel p {font-size:11px;line-height:1.9;color:#9fb4bf;overflow-wrap:anywhere;}
.studio-api-panel pre,.studio-api-panel code {font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#acbecc;max-width:100%;}
.studio-api-panel pre {border:1px solid #ffffff16;border-radius:10px;background:#10171c;padding:15px;margin:18px 0;}
.studio-api-panel summary {min-height:44px;padding:12px 0;font-size:11px;color:#b9adc9;cursor:pointer;overflow-wrap:anywhere;}
.studio-result-actions,.studio-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:20px 0 8px;min-width:0;}
.studio-result-actions>button,.studio-actions>button,.studio-actions>a {min-height:44px;min-width:0;padding:11px 14px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;}
.studio-result-actions>p {grid-column:1/-1;flex-basis:100%;font-size:10px;line-height:1.9;color:#9bb2bf;overflow-wrap:anywhere;}
.studio-empty {text-align:center;padding:30px 18px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff02;margin:20px 0;min-width:0;}
.studio-empty:before {content:"";display:block;width:132px;height:100px;max-width:65%;background:url("assets/studio/empty-ideas.svg") center/contain no-repeat;margin:0 auto 20px;}
.studio-empty h2,.studio-empty h3 {font-size:19px;font-weight:550;line-height:1.6;color:#dfe6df;margin:12px 0;overflow-wrap:anywhere;}
.studio-empty p {font-size:11px!important;line-height:1.9!important;color:#97b0bd!important;overflow-wrap:anywhere;}
.studio-empty button {min-height:44px;}
/* UI9 tail fix: make the home works link scroll clear of normal, expanded or collapsed reminders. */
.phone:has(.reminder-dock:not([hidden])) .studio-page[data-studio-view=home] {padding-bottom:240px;}
.phone:has(.reminder-dock[data-expanded=true]:not([hidden])) .studio-page[data-studio-view=home] {padding-bottom:calc(min(342px,42dvh) + 24px);}
.phone:has(.reminder-dock[data-collapsed=true]:not([hidden])) .studio-page[data-studio-view=home] {padding-bottom:64px;}
.studio-page :is(button,a,input,textarea,select):focus-visible,.studio-admin :is(button,a,input,textarea,select):focus-visible,.site-copy-admin :is(button,a,input,textarea,select):focus-visible {outline:2px solid #d8b2e4;outline-offset:3px;}
.studio-page button:disabled,.studio-admin button:disabled,.site-copy-admin button:disabled {opacity:.48;cursor:not-allowed;}
/* Free creation operations use the main admin canvas. */
.admin-grid:has(#studioEditor:not([hidden])),.admin-grid:has(:is(#siteCopyEditor,#frontendConfigEditor):not([hidden])) {display:block;max-width:1440px;}
.admin-grid:has(#studioEditor:not([hidden]))>.preset-sidebar,.admin-grid:has(#studioEditor:not([hidden]))>.preview-column,
.admin-grid:has(:is(#siteCopyEditor,#frontendConfigEditor):not([hidden]))>.preset-sidebar,.admin-grid:has(:is(#siteCopyEditor,#frontendConfigEditor):not([hidden]))>.preview-column {display:none;}
.admin-grid:has(#studioEditor:not([hidden]))>.editor-column,.admin-grid:has(:is(#siteCopyEditor,#frontendConfigEditor):not([hidden]))>.editor-column {width:100%;max-width:none;min-width:0;padding-right:0;}
.studio-admin-layout {display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;align-items:start;min-width:0;}
.studio-admin-list {border:1px solid #ffffff17;border-radius:13px;background:#171d20;padding:10px;min-width:0;}
:is(.studio-admin-item,.studio-admin-list>button) {display:block;width:100%;min-width:0;min-height:44px;text-align:left;border:1px solid transparent;border-radius:10px;padding:14px 11px;margin:3px 0;}
:is(.studio-admin-item,.studio-admin-list>button):is(.selected,[aria-current=true]) {border-color:#c5a4df43;background:#bba0df07;}
:is(.studio-admin-item,.studio-admin-list>button) strong {display:block;font-size:12px;line-height:1.8;font-weight:500;color:#dbe4de;overflow-wrap:anywhere;}
:is(.studio-admin-item,.studio-admin-list>button) small {display:block;font-size:9px;line-height:1.9;color:#8fa8b6;margin-top:6px;overflow-wrap:anywhere;}
.studio-admin-editor {padding:24px;border:1px solid #ffffff17;border-radius:15px;background:#171e22;min-width:0;}
.studio-admin-editor>h2 {font-size:24px;font-weight:550;line-height:1.5;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 17px;color:#e2e7e0;}
.studio-admin>.studio-heading {display:block;}
.studio-admin-list>button {font-size:12px;line-height:1.9;color:#c8d7dc;overflow-wrap:anywhere;}
.studio-admin-editor>p {font-size:11px;line-height:1.9;color:#99b1bf;overflow-wrap:anywhere;}
.studio-admin-editor>h3,.studio-context>h3 {font-size:17px;font-weight:550;line-height:1.8;color:#d6e0dc;overflow-wrap:anywhere;}
.studio-admin-editor label:not(.studio-field):not([for]) {display:flex;flex-direction:column;gap:9px;margin:16px 0;min-width:0;font-size:11px;line-height:1.9;color:#a4bac7;}
.studio-admin input[type=checkbox],.site-copy-admin input[type=checkbox] {accent-color:#f0698c;width:17px;height:17px;min-height:17px;flex:0 0 auto;align-self:flex-start;}
.studio-admin-editor details {font-size:11px;line-height:1.9;color:#a6bbca;margin:18px 0;min-width:0;}
.studio-admin-editor summary {min-height:44px;padding:11px 0;cursor:pointer;overflow-wrap:anywhere;}
.studio-admin-editor pre,.studio-admin-editor details textarea {max-width:100%;min-width:0;padding:15px;border:1px solid #ffffff16;border-radius:10px;background:#10171c;color:#b0c2cd;font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;}
/* Unified copy/visibility editing. Stable keys stay readable, never used as editable names. */
.site-copy-toolbar {display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) auto;gap:15px;align-items:end;padding:18px;border:1px solid #ffffff17;border-radius:13px;background:#191f23;margin:22px 0;min-width:0;}
.site-copy-toolbar>label {display:flex;flex-direction:column;gap:9px;min-width:0;font-size:11px;line-height:1.9;color:#a7bdc9;}
.site-copy-toolbar>button {min-height:46px;font-size:11px;}
.site-copy-toolbar>span {font-size:11px;line-height:1.9;color:#a4bac7;overflow-wrap:anywhere;text-align:center;}
.site-copy-admin>header {margin:10px 0 26px;min-width:0;}
.site-copy-admin>header>h1 {font-size:29px;font-weight:550;line-height:1.5;letter-spacing:-.035em;color:#f0eee8;overflow-wrap:anywhere;}
.site-copy-admin>header>p {font-size:11px;line-height:1.9;color:#9fb4c0;overflow-wrap:anywhere;}
:is(.site-copy-list,.site-copy-fields) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:23px 0;min-width:0;}
.site-copy-item {padding:20px;border:1px solid #ffffff18;border-radius:13px;background:#191f23;min-width:0;}
.site-copy-item>header {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0;}
.site-copy-item>header>div {min-width:0;flex:1;}
.site-copy-item>header>strong {min-width:0;font-size:14px;font-weight:550;line-height:1.8;color:#dce5df;overflow-wrap:anywhere;}
.site-copy-item>header>code {flex-basis:100%;}
.site-copy-item>p {font-size:10px;line-height:1.9;color:#9db3c0;overflow-wrap:anywhere;white-space:pre-wrap;}
.site-copy-item>label:not(.site-copy-toggle) {display:flex;flex-direction:column;gap:9px;min-width:0;margin:17px 0;font-size:11px;line-height:1.9;color:#b0c3ce;}
.site-copy-item textarea[data-frontend-text] {display:block;min-width:0;max-width:100%;width:100%;min-height:110px;resize:vertical;padding:12px 13px;border:1px solid #ffffff1d;border-radius:10px;background:#1c252a;color:#dce7e5;font-family:inherit;font-size:12px;line-height:1.9;white-space:pre-wrap;}
.site-copy-item textarea:disabled {opacity:.55;}
.site-copy-item>button {min-height:44px;padding:11px 13px;font-size:11px;line-height:1.8;margin:6px 7px 6px 0;}
.site-copy-item h2 {font-size:15px;font-weight:550;line-height:1.7;color:#dce5df;margin:0 0 9px;overflow-wrap:anywhere;}
.site-copy-item code {display:block;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a6b9c6;overflow-wrap:anywhere;word-break:break-word;}
.site-copy-item small {font-size:10px;line-height:1.9;color:#8faab8;overflow-wrap:anywhere;}
.site-copy-item .studio-field textarea {min-height:100px;}
.site-copy-toggle {display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:44px;max-width:100%;font-size:11px;line-height:1.8;color:#c6d3d8;cursor:pointer;overflow-wrap:anywhere;}
.site-copy-toggle input[type=checkbox] {align-self:center;}
.site-copy-preview {padding:14px 15px;border:1px dashed #bca4cb2e;border-radius:10px;background:#ffffff02;margin:15px 0 0;min-width:0;}
.site-copy-preview p {font-size:12px;line-height:1.9;color:#c6d4d9;margin:9px 0;overflow-wrap:anywhere;white-space:pre-wrap;}
.site-copy-admin>p.site-copy-preview {font-size:11px;line-height:1.9;color:#9fb3c0;overflow-wrap:anywhere;}
/* Shared published-copy markers: text may grow; stable identity and visibility stay in the registry. */
[data-ui-key] {min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;}
[data-ui-block] {min-width:0;}
.top-tabs:has([data-ui-key])>button {flex:1 1 0;min-width:0;line-height:1.5;}
.bottom-nav [data-ui-key] {line-height:1.4;max-width:100%;}
.bottom-nav:has([data-ui-key]) button {min-width:0;}
.bottom-nav:has([data-ui-key]) {height:auto;min-height:calc(88px + env(safe-area-inset-bottom,0px));}
/* The shared frontend layer measures the actual nav; preserve existing offsets plus only its growth. */
.phone {--front-nav-base:calc(88px + env(safe-area-inset-bottom,0px));--front-nav-delta:calc(var(--front-nav-height,var(--front-nav-base)) - var(--front-nav-base));}
.phone .route-panel {padding-bottom:calc(110px + var(--front-nav-delta));}
.phone .playback {bottom:calc(110px + var(--front-nav-delta));}
.phone .action-rail {bottom:calc(205px + var(--front-nav-delta));}
.phone .media-caption {translate:0 calc(-1 * var(--front-nav-delta));}
.phone .comparison {bottom:calc(175px + var(--front-nav-delta));}
.phone>.toast {bottom:calc(116px + var(--front-nav-delta));}
@media(max-height:600px){.phone{--front-nav-base:calc(76px + env(safe-area-inset-bottom,0px))}.bottom-nav:has([data-ui-key]){min-height:var(--front-nav-base)}.phone .playback{bottom:calc(92px + var(--front-nav-delta))}.phone .action-rail{bottom:calc(172px + var(--front-nav-delta))}}
.route-panel:has(.studio-page)>.route-top {background:#101112;z-index:2;}
.route-panel:has(.studio-page)>.route-top:before {content:"";position:absolute;z-index:-1;inset:-24px -22px 0;background:#101112;pointer-events:none;}
@container(min-width:620px){.studio-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(min-width:900px){.studio-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}
@media(max-width:1099px){.studio-admin-layout{grid-template-columns:1fr;gap:18px}.studio-admin-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}:is(.studio-admin-item,.studio-admin-list>button){flex:0 0 210px;max-width:70vw;margin:0}}
@media(max-width:700px){:is(.site-copy-list,.site-copy-fields){grid-template-columns:1fr}.site-copy-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-copy-toolbar>label:first-child{grid-column:1/-1}}
@media(max-width:600px){
 .studio-heading{gap:12px}.studio-heading h1{font-size:27px}.studio-heading>img{width:76px;height:100px}.studio-entry{padding:21px 18px;min-height:195px}.studio-entry h2{font-size:24px}.studio-admin>.studio-heading,.site-copy-admin>.studio-heading{flex-direction:column;align-items:flex-start}
 .studio-field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.studio-admin-editor label :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.site-copy-toolbar :is(input,select){font-size:16px}
 .studio-director>label>select,.site-copy-item textarea[data-frontend-text]{font-size:16px}
 .studio-admin-editor{padding:17px}.studio-admin-editor .studio-parameter-grid,.studio-admin-editor .studio-basic{grid-template-columns:1fr}.studio-result-actions,.studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.studio-result-actions>button,.studio-actions>button{width:100%}.studio-reference{padding:16px 14px}.studio-director{padding:17px 14px}.studio-api-panel,.studio-manual-panel{padding:20px 17px}.studio-task-card{padding:15px 13px}.site-copy-item{padding:17px}.site-copy-toggle{flex-basis:100%}.site-copy-item .studio-field textarea{min-height:110px}
}
@media(max-width:350px){.studio-heading>img{display:none}.studio-parameter-grid,.studio-basic{grid-template-columns:1fr}.studio-entry{padding:20px 16px}.studio-director-styles{gap:6px}.studio-admin-editor{padding:14px}.studio-context{padding:16px 14px}.studio-task-card{align-items:flex-start;flex-wrap:wrap}.studio-task-card .studio-task-state{max-width:100%}.site-copy-item{padding:14px}}
@media(hover:hover){.studio-entry:hover{border-color:#e3b1c05a}.studio-entry[data-kind=free]:hover{border-color:#bda0dc66}.studio-capabilities>button:hover{border-color:#c3a5d94a}}
@media(prefers-reduced-motion:no-preference){.studio-entry,.studio-capabilities>button{transition:border-color .18s ease-out,background-color .18s ease-out,transform .18s ease-out}.studio-page button:active,.studio-admin button:active,.site-copy-admin button:active{transform:scale(.985);transition:transform .16s ease-out}}

/* UI-010 · server-authoritative generation states; preserve the R9 visual system. */
.studio-connection {padding:19px 17px;border:1px solid #ffffff1b;border-radius:14px;background:#191f23;margin:20px 0 25px;min-width:0;}
.studio-connection>header,.studio-live-task>header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0;margin:0 0 12px;}
.studio-connection h2,.studio-live-task h2 {font-size:17px;font-weight:550;line-height:1.7;color:#e0e7e1;overflow-wrap:anywhere;margin:0;min-width:0;}
.studio-connection p,.studio-live-task>p {font-size:11px!important;line-height:1.9!important;color:#a2b9c4!important;overflow-wrap:anywhere;margin:12px 0;}
.studio-connection[data-state=unbound] {border-color:#bba0df3d;background:#bba0df06;}
.studio-connection[data-state=offline] {border-color:#d9a1b43d;background:#d9a1b406;}
.studio-connection[data-state=disabled],.studio-connection[data-state=fake] {border-style:dashed;}
.studio-connection[data-state=ready] {border-color:#b3cba837;background:#b3cba804;}
.studio-state[data-state=checking] {color:#a8becb;border-color:#a4bfcd2e;}
.studio-state[data-state=unbound] {color:#d0bce6;border-color:#bba0df42;background:#bba0df07;}
.studio-state[data-state=offline] {color:#e8b2c5;border-color:#dca2b744;background:#f0698c06;}
.studio-state[data-state=ready] {color:#c2d7b8;border-color:#b3cba83d;background:#b3cba805;}
.studio-state[data-state=fake] {color:#d8c2a7;border-color:#cab18e3b;border-style:dashed;background:#cab18e06;}
.studio-connection .studio-actions {margin-top:15px;}
.studio-connection>button,.studio-result-gate>button,.studio-live-task>button {min-height:44px;max-width:100%;padding:11px 14px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;}
.studio-live-code,.studio-connection code,.studio-live-task code {font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a6beca;overflow-wrap:anywhere;word-break:break-word;}
.studio-funding-label {display:inline-flex;align-items:center;max-width:100%;border:1px solid #ffffff21;border-radius:5px;padding:4px 8px;font-size:10px;line-height:1.8;color:#b0c5d0;overflow-wrap:anywhere;}
.studio-funding-label[data-source=server] {color:#edb8cb;border-color:#dba1b83e;background:#f0698c05;}
.studio-funding-label[data-source=browser_demo] {color:#bdafcf;border-color:#b9a0d332;border-style:dashed;background:#b9a0d305;}
.studio-live-confirm {min-width:0;}
.studio-live-confirm>p {font-size:11px!important;line-height:1.9!important;color:#b6c4cd!important;overflow-wrap:anywhere;}
.studio-live-confirm .generation-cost-lines dd {font-variant-numeric:tabular-nums;}
.studio-live-notice {padding:14px 15px;border:1px solid #a8bdc72e;border-radius:11px;background:#ffffff02;margin:17px 0;color:#b0c4cf;font-size:11px!important;line-height:1.9!important;overflow-wrap:anywhere;}
.studio-live-notice:empty {display:none;}
.studio-live-notice[data-state=error],.studio-live-notice[data-state=changed] {border-color:#d99eb73f;background:#f0698c05;color:#edb2c8!important;}
.studio-live-notice[data-state=pending] {border-color:#ccb99b31;background:#ccb99b04;color:#d0c1ac!important;}
.studio-live-task {padding:22px 19px;border:1px solid #ffffff19;border-radius:15px;background:#191f23;margin:23px 0;min-width:0;}
.studio-live-task[data-phase=queued],.studio-live-task[data-phase=running],.studio-live-task[data-phase=submitting] {border-color:#a1bac938;}
.studio-live-task[data-phase=verifying] {border-color:#bba0df3e;background:#bba0df04;}
.studio-live-task[data-phase=ad_blocked] {border-style:dashed;}
.studio-live-task[data-phase=ready],.studio-live-task[data-phase=refunded] {border-color:#b3cba83e;}
.studio-live-task[data-phase=ready] h2,.studio-live-task[data-phase=refunded] h2 {color:#c8dabb;}
.studio-live-task[data-phase=refund_pending] {border-color:#dc9eb83e;background:#dc9eb804;}
.studio-live-facts {padding:0;margin:18px 0 0;min-width:0;}
.studio-live-facts>div {display:grid;grid-template-columns:minmax(65px,.7fr) minmax(0,1.3fr);gap:13px;padding:12px 0;border-bottom:1px solid #ffffff13;min-width:0;font-size:11px;line-height:1.9;}
.studio-live-facts>div:last-child {border:0;}
.studio-live-facts dt {color:#93adba;min-width:0;overflow-wrap:anywhere;}
.studio-live-facts dd {margin:0;min-width:0;text-align:right;color:#d1deda;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.studio-result-gate {padding:25px 19px;border:1px dashed #bba0df3a;border-radius:14px;background:#ffffff02;min-width:0;margin:22px 0;}
.studio-result-gate:before {content:"";display:block;width:126px;height:95px;background:url("assets/studio/empty-ideas.svg") center/contain no-repeat;margin:0 auto 20px;}
.studio-result-gate h2,.studio-result-gate h3 {font-size:20px;font-weight:550;line-height:1.6;color:#d7c9e6;margin:14px 0;overflow-wrap:anywhere;}
.studio-result-gate p {font-size:11px!important;line-height:1.9!important;color:#9db3bf!important;overflow-wrap:anywhere;}
.studio-live-result {min-width:0;margin:22px 0;}
.studio-live-result :is(img,video) {display:block;max-width:100%;width:100%;max-height:420px;object-fit:contain;border:1px solid #ffffff1a;border-radius:14px;background:#0b1115;}
.studio-live-result figcaption {font-size:10px;line-height:1.9;color:#94adbb;margin:12px 0;overflow-wrap:anywhere;}
.studio-live-result>figure {margin:0 0 24px;min-width:0;}
.studio-live-notice>button {min-height:44px;max-width:100%;padding:11px 14px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;}
.studio-page[data-mode=axon_live] .studio-basic {grid-template-columns:1fr;}
/* Match the existing generation form: keep floating demo notices out of input/quote controls. */
.phone:has(.studio-page[data-mode=axon_live]) .reminder-dock {display:none;}
.studio-page[data-mode=axon_live] input[type=file] {display:block;width:100%;max-width:100%;min-width:0;min-height:44px;font-family:inherit;font-size:11px;line-height:1.8;color:#b8c8d1;overflow:hidden;}
.studio-page[data-mode=axon_live] input[type=file]::file-selector-button {min-height:44px;padding:10px 12px;border:1px solid #ffffff23;border-radius:9px;background:#30383d;color:#ecebe7;font-size:11px;margin-right:10px;cursor:pointer;}
#liveInputStatus {font-size:10px;line-height:1.9;color:#98b0bf;overflow-wrap:anywhere;}
@media(max-width:600px){.studio-connection{padding:17px 15px}.studio-live-task{padding:19px 16px}.studio-live-facts>div{grid-template-columns:72px minmax(0,1fr);gap:10px}.studio-result-gate{padding:22px 16px}.studio-live-confirm .studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){.studio-connection{padding:16px 13px}.studio-live-task{padding:17px 14px}.studio-live-facts>div{grid-template-columns:65px minmax(0,1fr);gap:9px}.studio-connection .studio-actions{grid-template-columns:1fr}}