.studio-minimal{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;color:var(--ink);padding:0 var(--page-gutter);flex-direction:column;display:flex;overflow:auto}.studio-minimal *{box-sizing:border-box}.studio-minimal button:focus-visible,.studio-minimal select:focus-visible,.studio-minimal input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.creation-balance{color:var(--ink-3);align-items:center;gap:16px;font-size:12px;display:flex}.creation-balance>span:last-child{align-items:center;gap:7px;display:flex}.creation-balance b{color:var(--ink);font-size:15px;font-weight:500}.creation-balance .ic{color:var(--accent)}.preview-label{color:var(--ink-3);font-size:11px}.studio-minimal .composer{z-index:1;border:1px solid var(--line-2);border-radius:var(--radius-panel);background:var(--surface);width:100%;box-shadow:none;padding:8px 24px 20px;transition:border-color .2s;position:relative;bottom:auto;left:auto;transform:none}.studio-minimal .composer:focus-within{border-color:var(--accent-border)}.compose-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.create-modes{gap:28px;display:flex}.create-modes button{height:58px;color:var(--ink-3);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex;position:relative}.create-modes button.on{color:var(--ink)}.create-modes button.on:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.create-modes button .ic{color:inherit}.compose-keyhint{color:var(--ink-4);white-space:nowrap;font-size:10px}.studio-minimal .composer textarea{resize:none;width:100%;min-height:160px;max-height:240px;color:var(--ink);letter-spacing:.01em;caret-color:var(--accent);background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:24px 0 14px;font-size:17px;line-height:1.8;display:block}.studio-minimal .composer textarea::placeholder{color:var(--ink-3)}.studio-minimal .refchip{background:var(--surface-raised);border:1px solid var(--line-2);border-radius:12px;width:fit-content;max-width:100%;height:64px;margin:0 0 18px;padding:6px 12px 6px 6px}.studio-minimal .refchip .th{border-radius:7px;width:46px;height:50px}.studio-minimal .refchip b{max-width:240px;font-size:12px;font-weight:500}.studio-minimal .refchip>div{flex:1;min-width:0}.studio-minimal .refchip .x{flex-shrink:0;place-items:center;min-width:28px;min-height:36px;margin-left:4px;display:grid}.compose-tools{justify-content:space-between;align-items:center;gap:12px;padding:0 0 18px;display:flex}.reference-button,.settings-button{min-height:36px;color:var(--ink-2);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.reference-button{border:1px dashed var(--line-2);padding:0 10px}.reference-button:hover,.reference-button.on{border-color:var(--accent-border);color:var(--accent-hover);background:var(--surface-raised)}.compose-options{align-items:center;gap:16px;display:flex}.select-control{color:var(--ink-2);align-items:center;gap:5px;display:flex;position:relative}.select-control select{appearance:none;color:inherit;font:inherit;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:none;max-width:120px;padding:9px 16px 9px 0;font-size:12px}.select-control>span:last-child{pointer-events:none;color:var(--ink-3);font-size:15px;position:absolute;right:0}.select-control option{background:var(--surface-raised);color:var(--ink)}.settings-button.on,.settings-button:hover{color:var(--accent)}.compose-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:19px;display:flex}.compose-estimate{color:var(--ink-2);flex-direction:column;gap:6px;font-size:12px;display:flex}.compose-estimate b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.compose-estimate small{color:var(--ink-4);font-size:10px}.generate-button{min-width:150px;height:46px;color:var(--on-accent);background:var(--accent);border-radius:12px;justify-content:center;align-items:center;gap:20px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:flex}.generate-button:hover{background:var(--accent-hover)}.generate-button:active{transform:scale(.98)}.generate-button:disabled{opacity:.35;cursor:not-allowed}.generate-button .ic{transform:rotate(45deg)}.reference-picker,.creation-settings{border:1px solid var(--line-2);background:var(--surface-raised);border-radius:14px;margin:0 0 20px;padding:18px}.panel-heading{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;display:flex}.panel-heading button{min-width:28px;min-height:28px;color:var(--ink-2);place-items:center;display:grid}.reference-picker p{color:var(--ink-3);margin:3px 0 16px;font-size:11px;line-height:1.7}.reference-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reference-types label{background:var(--surface-raised);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:68px;padding:12px;font-size:13px;display:flex;position:relative}.reference-types label:hover,.reference-types label:focus-within{border-color:var(--accent-border)}.reference-types .ic{color:var(--accent)}.reference-types small{color:var(--ink-3);margin-top:6px;font-size:9px;line-height:1.5;display:block}.reference-types input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.creation-settings{gap:20px;display:grid}.creation-settings label{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.creation-settings b{font-size:13px;font-weight:500;display:block}.creation-settings small{color:var(--ink-3);margin-top:5px;font-size:11px;display:block}.creation-settings input{appearance:none;border-radius:var(--radius-panel);background:var(--ink-4);cursor:pointer;border:0;flex-shrink:0;width:34px;height:20px;transition:background .2s;position:relative}.creation-settings input:after{content:"";background:var(--ink);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.creation-settings input:checked{background:var(--accent)}.creation-settings input:checked:after{transform:translate(14px)}.results-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.results-heading h2{white-space:nowrap;margin:0;font-size:17px;font-weight:500}.results-heading h2>span{color:var(--ink-3);margin-left:5px;font-size:12px;font-weight:400}.result-filters{align-items:center;gap:22px;display:flex}.result-filters button{color:var(--ink-3);white-space:nowrap;min-height:38px;font-size:12px;position:relative}.result-filters button.on{color:var(--ink)}.result-filters button.on:after{content:"";background:var(--accent);width:14px;height:2px;position:absolute;bottom:0;left:calc(50% - 7px)}.studio-minimal .works{columns:3 230px;column-gap:18px;padding:0;overflow:visible}.studio-minimal .work{border-radius:14px}.studio-minimal .work .state .st,.studio-minimal .work .wbot b{font-family:var(--sans)}.creation-list-error,.creation-loading{text-align:center;color:var(--ink-3);margin-top:25px;font-size:12px}.creation-list-error button{color:var(--accent);margin-left:8px;text-decoration:underline}.studio-minimal .c-note{margin-top:14px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1023px){.studio-minimal .composer{border-radius:var(--radius-panel);padding:4px 18px 18px}.compose-keyhint{display:none}.create-modes button{height:54px;font-size:14px}.studio-minimal .composer textarea{min-height:180px;padding-top:22px;font-size:16px}.compose-options{gap:13px}.compose-tools{flex-wrap:wrap;gap:6px}.compose-footer{padding-top:16px}.generate-button{gap:14px;min-width:128px;height:44px;padding:0 16px}.reference-picker,.creation-settings{padding:14px}.reference-types{grid-template-columns:1fr}.reference-types label{min-height:56px;padding:10px 12px}.reference-types small{margin-top:4px;font-size:10px}.results-heading{flex-wrap:wrap;gap:12px;margin-bottom:18px}.result-filters{gap:22px}.studio-minimal .works{columns:2 145px;column-gap:12px}.creation-balance{gap:12px;font-size:11px}.studio-minimal .refchip b{max-width:180px}}@media (max-width:390px){.studio-minimal .composer{padding-left:14px;padding-right:14px}.compose-options{gap:10px}.reference-button{padding:0 8px}.generate-button{min-width:116px;font-size:13px}.compose-estimate small{font-size:9px}}.studio-gallery{grid-template-rows:auto minmax(120px,1fr) auto;gap:0;display:grid;overflow:hidden}.studio-gallery>.page-heading{min-height:92px}.creation-gallery{--content-width:var(--content-width-wide);width:100%;min-height:0;max-width:var(--content-width);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;margin:0 auto;padding:22px 0 28px;overflow:auto}.creation-gallery .results-heading{z-index:4;background:var(--bg);min-height:48px;margin:0 0 16px;padding:0 0 12px;position:sticky;top:-22px}.creation-gallery .result-filters{margin-bottom:0}.gallery-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:20px 0 30px;display:flex}.gallery-empty-icon{border:1px solid var(--line-2);background:var(--surface);width:46px;height:46px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.gallery-empty h2{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:20px;font-weight:500}.gallery-empty p{color:var(--ink-3);margin:10px 0 0;font-size:12px;line-height:1.7}.how-it-starts{text-align:left;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr);align-items:stretch;gap:12px;width:100%;max-width:680px;margin-top:22px;display:grid}.how-it-starts figure{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;margin:0;overflow:hidden}.how-it-starts img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.how-it-starts figcaption{color:var(--ink-2);padding:8px 10px 10px;font-size:12px}.how-prompt{border:1px dashed var(--line-2);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex}.how-prompt b{color:var(--ink);font-size:13px;font-weight:560}.how-prompt span{color:var(--ink);font-size:13px;line-height:1.55}.how-prompt small{color:var(--accent);font-size:11px}.gallery-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:600px;margin-top:26px;display:grid}.gallery-starters button{aspect-ratio:4/3;text-align:left;background:var(--surface);border-radius:14px;position:relative;overflow:hidden}.gallery-starters img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-starters button:hover img{transform:scale(1.04)}.gallery-starters button>span{color:#fff;background:linear-gradient(#0000,#000c);padding:28px 14px 12px;font-size:13px;position:absolute;inset:auto 0 0}.gallery-starters small{color:#ffffffa6;margin-top:4px;font-size:10px;display:block}.creation-dock{scrollbar-width:thin;justify-self:center;width:100%;max-width:920px;min-height:0;max-height:60dvh;padding:0 0 22px;position:relative;overflow:auto;container:creation-dock/inline-size}.creation-dock .composer{border-radius:var(--radius-panel);padding:0 20px 14px}.creation-dock .create-modes button{height:46px;font-size:13px}.creation-dock .composer textarea{min-height:76px;max-height:140px;padding:16px 0 8px;font-size:15px;line-height:1.6}.creation-dock .compose-tools{padding-bottom:12px}.creation-dock .compose-footer{padding-top:12px}.creation-dock .generate-button{min-width:140px;height:40px}.creation-dock .refchip{height:52px;margin-bottom:12px}.creation-dock .refchip .th{width:40px;height:40px}.creation-dock .reference-picker,.creation-dock .creation-settings{margin-bottom:12px}@container creation-dock (max-width:448px){.compose-keyhint{display:none}.compose-tools{flex-wrap:wrap;gap:6px}.compose-options{flex-wrap:wrap;justify-content:flex-end;gap:10px}.compose-tools>.compose-options{margin-left:auto}}@media (max-width:1023px){.studio-gallery{grid-template-rows:auto minmax(100px,1fr) auto}.studio-gallery>.page-heading{min-height:78px}.studio-gallery>.page-heading p{display:none}.creation-gallery{padding-top:12px;padding-bottom:20px}.creation-gallery .results-heading{flex-wrap:nowrap;gap:12px;margin-bottom:12px;padding-bottom:8px;top:-12px}.creation-gallery .results-heading h2{font-size:14px}.creation-gallery .result-filters{gap:16px}.creation-gallery .result-filters button{height:34px;min-height:34px;font-size:11px}.gallery-empty{min-height:200px;padding:10px 0 20px}.gallery-empty-icon{border-radius:11px;width:36px;height:36px;margin-bottom:12px}.gallery-empty h2{font-size:16px}.gallery-empty p{max-width:270px;margin-top:8px;font-size:11px}.how-it-starts{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.how-prompt{order:-1;grid-column:1/-1;padding:12px}.how-it-starts img{aspect-ratio:3/4}.gallery-starters{gap:8px;max-width:440px;margin-top:18px}.gallery-starters button{aspect-ratio:3/4;border-radius:10px}.gallery-starters button>span{padding:24px 9px 10px;font-size:11px}.gallery-starters small{font-size:9px}.creation-dock{max-height:55dvh;padding-bottom:12px}.creation-dock .composer{padding:0 14px 12px}.creation-dock .create-modes button{height:42px}.creation-dock .composer textarea{min-height:70px;max-height:120px;padding-top:12px;font-size:16px}.creation-dock .compose-tools{padding-bottom:8px}.creation-dock .compose-footer{padding-top:10px}.creation-dock .generate-button{min-width:120px;height:40px}.creation-dock .compose-estimate small{font-size:9px}}.parameter-group{border:0;min-width:0;margin:0 0 16px;padding:0}.parameter-group legend{color:var(--ink-3);margin-bottom:10px;font-size:12px}.parameter-segments{background:var(--surface-raised);border-radius:16px;gap:5px;padding:5px;display:flex}.parameter-segments button{min-width:0;min-height:82px;color:var(--ink-3);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.parameter-segments button[aria-pressed=true]{color:var(--ink);background:#414047}.parameter-segments small{color:var(--ink-3);font-size:10px}.ratio-outline{border:1.5px solid;border-radius:3px;max-width:42px;height:23px;display:block}.parameter-segments.durations button{min-height:40px}.creation-dock .compose-footer{justify-content:flex-end}.creation-dock .compose-estimate{text-align:right}.creation-dock{overflow:visible}.creation-dock .composer-wrap{max-height:inherit}.creation-dock .composer{max-height:inherit;flex-direction:column;display:flex}.creation-dock .composer>div,.creation-dock .composer>textarea,.creation-dock .composer>p{flex-shrink:0}.creation-dock .composer>.creation-settings,.creation-dock .composer>.reference-picker{scrollbar-width:thin;flex-shrink:1;min-height:0;overflow:auto}.parameter-segments.model-choices{flex-wrap:wrap}.parameter-segments.model-choices button{flex:125px;min-height:44px;padding:8px 12px}.parameter-segments.model-choices button:disabled{opacity:.4;cursor:not-allowed}.mobile-creation-welcome,.compose-collapse,.composer-collapsed{display:none}.creation-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.creation-panel-heading h2{margin:0;font-size:15px;font-weight:550}.creation-panel-heading button{width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.creation-panel-heading button:hover{background:var(--glass-2)}.creation-sheet{border:1px solid var(--line-2);background:var(--surface);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);font-family:var(--sans);border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 48px #0005}.creation-sheet[open]{flex-direction:column;display:flex}.creation-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.creation-sheet>.creation-panel-heading{flex-shrink:0;padding:14px 20px 8px}.creation-sheet .creation-sheet-body{overscroll-behavior:contain;scrollbar-width:thin;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:14px 20px 22px;overflow:auto}.creation-sheet .creation-settings{gap:22px;display:grid}.creation-sheet .parameter-group{margin:0}.creation-sheet .parameter-segments{background:#121216;border-radius:12px;gap:4px;padding:4px}.creation-sheet .parameter-segments button{border-radius:9px;min-height:76px}.creation-sheet .parameter-segments.model-choices button{flex-basis:130px;min-height:46px}.creation-sheet .parameter-segments.durations button{min-height:42px}.creation-sheet .parameter-segments button[aria-pressed=true]{color:#f3eefc;background:#39343f}.creation-sheet-footer{padding:16px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.creation-sheet-footer>span{color:var(--ink-2);font-size:12px}.creation-sheet-done{background:var(--accent);color:var(--on-accent);border-radius:12px;min-width:108px;min-height:44px;margin-left:auto;padding:0 22px;font-size:14px;font-weight:550}.creation-sheet button:focus-visible,.creation-sheet input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1023px){.studio-gallery{grid-template-rows:auto minmax(0,1fr) auto;padding:0 20px}.studio-gallery>.page-heading{min-height:70px;margin:0}.studio-gallery>.page-heading p,.creation-balance>.btn{display:none}.studio-first{flex-direction:column;display:flex;overflow:auto}.studio-first .creation-gallery{flex:none;padding:34px 0 26px;overflow:visible}.studio-first .creation-gallery .works:empty,.results-heading-empty,.gallery-desktop-empty{display:none!important}.mobile-creation-welcome{display:block}.mobile-creation-welcome>p{letter-spacing:1px;color:var(--accent);margin:0 0 12px;font-size:11px}.mobile-creation-welcome h2{letter-spacing:-1px;margin:0 0 12px;font-size:29px;font-weight:550;line-height:1.35}.mobile-creation-welcome>span{color:var(--ink-3);font-size:13px;line-height:1.7}.welcome-gift{border:1px solid var(--accent-border);color:var(--ink-2);background:#bca8f512;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;font-size:13px;display:flex}.welcome-gift b{color:var(--accent)}.creation-dock{width:100%;max-height:none;padding-bottom:16px}.creation-dock .composer{background:var(--surface);border-radius:20px;max-height:none;padding:0 16px 14px}.creation-dock .compose-top{flex-shrink:0;min-height:52px;margin-bottom:4px;display:flex}.creation-dock .create-modes{gap:28px}.creation-dock .create-modes button{justify-content:center;min-width:64px;height:52px;font-size:14px}.creation-dock .compose-keyhint{display:none}.compose-collapse{min-width:48px;min-height:44px;color:var(--ink-3);margin-left:auto;font-size:12px;display:block}.creation-dock .composer textarea{min-height:124px;max-height:180px;padding:10px 0 16px;font-size:16px;line-height:1.8}.studio-first .composer textarea{min-height:190px;max-height:260px;padding-top:16px}.creation-dock .compose-tools{flex-wrap:nowrap;gap:10px;padding:8px 0 16px;display:flex}.reference-button{min-height:40px;color:var(--ink-2);border:0;padding:0 4px;font-size:12px}.reference-button .ic{width:17px;height:17px}.compose-options{min-width:0;margin-left:auto}.settings-button{gap:4px;min-height:40px;font-size:11px}.settings-button .ic{display:none}.creation-dock .compose-footer{gap:12px;padding-top:14px}.creation-dock .generate-button{border-radius:13px;gap:10px;min-width:126px;height:46px;font-size:14px}.creation-dock .compose-estimate{font-size:11px}.creation-dock .compose-estimate small{font-size:10px}.creation-dock .refchip{max-width:100%;margin:0 0 8px}.composer-collapsed{text-align:left;border:1px solid var(--line-2);background:var(--surface);border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px}.composer-collapsed .collapsed-add{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.composer-collapsed>span:nth-child(2){flex:1;min-width:0}.composer-collapsed b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.composer-collapsed small{color:var(--ink-3);margin-top:6px;font-size:11px;display:block}.composer-collapsed .collapsed-chevron{color:var(--ink-3)}.composer-wrap.is-collapsed .composer{display:none}.composer-wrap.is-collapsed .composer-collapsed{display:flex}.creation-gallery .results-heading{gap:10px;min-height:0;padding-bottom:8px;position:static}.creation-gallery .results-heading h2{font-size:14px}.creation-gallery .result-filters{gap:16px}.creation-gallery .result-filters button{font-size:11px}.shell:has(.studio-editing){height:var(--creation-viewport-height,100dvh);top:var(--creation-viewport-top,0px);bottom:auto}.shell:has(.studio-editing)>.tabbar{display:none}.shell:has(.studio-editing)>.shell-main{margin-bottom:0}.studio-editing.studio-gallery{overflow:auto}.studio-editing .creation-dock{flex-shrink:0}.creation-dock .creation-settings{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;gap:16px;padding:12px 0 4px}.creation-dock .creation-settings .creation-panel-heading h2{color:var(--ink-3);font-size:12px}.creation-dock .parameter-segments button{min-height:48px}}@media (max-width:359px){.studio-gallery{padding-left:14px;padding-right:14px}.creation-dock .composer{padding-left:12px;padding-right:12px}.creation-dock .compose-tools{gap:8px}.reference-button{gap:4px;font-size:11px}.settings-button{font-size:10px}.creation-sheet .creation-sheet-body{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.studio-minimal .composer,.generate-button{transition:none}}.parameter-segments.model-choices{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio.studio-gallery{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.studio.studio-gallery .creation-gallery{min-height:0;overflow:auto}.studio.studio-gallery .creation-dock{max-height:none;padding-bottom:16px;overflow:visible}.studio .composer-dock{position:relative}.studio .composer-dock .composer{border-radius:20px;padding:10px 16px 12px;box-shadow:0 8px 36px #0002}.studio .composer-dock .compose-top{border:0;justify-content:space-between;min-height:32px;margin:0 0 10px}.studio .composer-dock .create-modes{border:0;gap:4px}.studio .composer-dock .create-modes button{border:0;border-radius:8px;gap:6px;min-width:64px;height:32px;min-height:32px;padding:0 12px;font-size:12px}.studio .composer-dock .create-modes button.on{background:var(--surface-raised);color:var(--ink)}.studio .composer-dock .create-modes button:after{display:none}.compose-input-row{align-items:flex-start;gap:12px;min-height:80px;display:flex}.studio .composer-dock .composer textarea{flex:1;width:auto;min-width:0;min-height:72px;max-height:112px;padding:6px 0 8px;font-size:16px;line-height:1.6}.reference-tray{flex:none;padding:4px 0}.reference-add,.reference-thumb{border-radius:12px;width:64px;height:64px}.reference-add{border:1px dashed var(--line-2);color:var(--ink-3);background:var(--surface-raised);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.reference-add small{display:none}.reference-thumb{background:var(--surface-raised);border:1px solid var(--line-2);position:relative}.reference-preview{border-radius:11px;width:100%;height:100%;display:block;overflow:hidden}.reference-preview img,.reference-preview video{object-fit:cover;width:100%;height:100%}.reference-preview>span{place-items:center;width:100%;height:100%;display:grid}.reference-remove{color:#fff;border:2px solid var(--surface);background:#25252d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-8px;right:-8px}.reference-thumb>small{pointer-events:none;color:#fff;text-align:center;background:#0009;border-radius:0 0 11px 11px;font-size:9px;line-height:18px;position:absolute;bottom:0;left:0;right:0}.reference-thumb.bad{border-color:var(--danger)}.studio .composer-dock .compose-footer{border:0;flex-wrap:nowrap;justify-content:space-between;gap:10px;padding-top:8px}.composer-chips{align-items:center;gap:4px;min-width:0;display:flex}.composer-chip{white-space:nowrap;background:var(--surface-raised);height:36px;color:var(--ink-2);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}.composer-chip[aria-expanded=true]{color:var(--ink);background:var(--line-2)}.composer-chip>span:last-child{color:var(--ink-3);font-size:11px}.compose-submit{align-items:center;gap:10px;margin-left:auto;display:flex}.studio .composer-dock .compose-estimate{text-align:right;width:104px;min-width:104px;font-size:11px;line-height:20px}.studio .composer-dock .compose-estimate>[role=status]{white-space:nowrap;text-overflow:ellipsis;height:20px;display:block;overflow:hidden}.studio .composer-dock .generate-button{border-radius:12px;gap:8px;min-width:94px;height:40px;padding:0 15px;font-size:14px}.composer-notice{z-index:5;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:12px;padding:10px 14px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 4px 20px #0003}.composer-notice.bad{color:var(--danger)}.composer-menu{z-index:1000;border:1px solid var(--line-2);background:var(--surface);width:min(300px,100vw - 24px);color:var(--ink);font-family:var(--sans);box-sizing:border-box;border-radius:16px;outline:none;padding:12px;position:fixed;overflow:auto;box-shadow:0 12px 50px #0005}.composer-menu>header{justify-content:space-between;align-items:center;margin-bottom:10px;padding-left:4px;display:flex}.composer-menu>header b{font-size:13px;font-weight:500}.composer-menu>header button{width:32px;height:32px;color:var(--ink-3);border-radius:8px;place-items:center;display:grid}.composer-menu button:focus-visible,.composer-menu input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer-choices{gap:6px;display:flex}.composer-choices>button{background:var(--surface-raised);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:10px;font-size:13px;display:flex}.composer-choices>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.composer-choices small{color:var(--ink-3);font-size:10px}.composer-duration{padding:0 4px 8px}.composer-duration output{font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:28px;display:block}.composer-duration output small{color:var(--ink-3);font-size:12px}.composer-duration input{width:100%;height:32px;accent-color:var(--accent)}.composer-duration>div{color:var(--ink-3);justify-content:space-between;font-size:10px;display:flex}.composer-duration>p{color:var(--ink-3);margin:14px 0 0;font-size:11px}.composer-reference-types{gap:6px;display:grid}.composer-reference-types label{background:var(--surface-raised);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px;font-size:13px;display:flex;position:relative}.composer-reference-types small,.composer-optimize small{color:var(--ink-3);margin-top:4px;font-size:11px;display:block}.composer-reference-types input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.composer-optimize{justify-content:space-between;align-items:center;gap:16px;padding:8px 4px;font-size:13px;display:flex}.composer-optimize input{accent-color:var(--accent);width:18px;height:18px}@media (max-width:1023px){.studio.studio-gallery{padding:0 12px}.studio.studio-gallery>.page-heading{min-height:60px}.studio.studio-gallery .creation-gallery{padding:12px 0 16px}.studio.studio-gallery .creation-dock{padding-bottom:10px}.studio .composer-dock .composer{border-radius:18px;padding:10px 12px 12px}.studio .composer-dock .compose-footer{gap:6px;padding-top:8px}.studio .composer-dock .compose-submit{flex:none}.studio .composer-dock .composer-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;gap:4px;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.studio .composer-dock .composer-chips::-webkit-scrollbar{display:none}.studio .composer-dock .composer-chip{gap:4px;padding:0 9px}.studio .composer-dock .composer-chip>span:last-child{display:none}.studio .composer-dock .composer-chip[data-chip=ratio]{order:5}.studio .composer-dock .composer-chip[data-chip=more]{order:6}.studio .composer-dock .compose-estimate{font-size:11px}.studio .composer-dock .generate-button{min-width:104px;height:40px}.studio-editing .composer-dock .compose-top,.studio-editing .composer-dock .composer-chips{display:none}.studio-editing .composer-dock .compose-submit{flex-basis:auto}.mobile-creation-welcome{padding:20px 8px}.mobile-creation-welcome h2{letter-spacing:-.4px;font-size:22px}}.compose-prompt-field{flex:1;min-width:0;position:relative}.studio .composer-dock .compose-prompt-field textarea{width:100%;display:block}.reference-caption{color:var(--ink-3);justify-content:space-between;gap:8px;font-size:11px;line-height:24px;display:flex}.reference-caption button{color:var(--ink-2);white-space:nowrap}.reference-mentions{z-index:20;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;width:min(300px,100%);padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 28px #0004}.reference-mentions button{text-align:left;background:var(--surface-raised);border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;font-size:13px;display:flex}.reference-mentions img,.reference-mentions button>span:first-child{object-fit:cover;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;display:grid}.reference-mentions small{color:var(--ink-3);margin-top:3px;font-size:10px;line-height:1.5;display:block}.compose-input-row{flex-direction:column;gap:6px}.compose-prompt-field{width:100%}.reference-tray{scrollbar-width:thin;flex:none;gap:12px;width:100%;padding:8px 8px 4px 0;display:flex;overflow-x:auto}.reference-add,.reference-thumb{flex:none}.reference-mentions{max-height:240px;overflow-y:auto}.reference-mentions button[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--accent)}.composer-tiers>button{gap:6px;min-height:72px}.composer-tiers small{text-align:center;line-height:1.35}.studio .composer-dock .compose-estimate.is-short,.studio .composer-dock .compose-estimate.is-short b{color:var(--danger)}.creation-insufficient{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:10px 14px;font-size:12px;display:flex}.creation-insufficient button{color:var(--accent);white-space:nowrap;font-weight:600}.modal.top-up{gap:12px;width:min(420px,100%)}.top-up-head{justify-content:space-between;align-items:center;display:flex}.top-up-head button{width:32px;height:32px;color:var(--ink-3);border-radius:8px;place-items:center;display:grid}.top-up-line{color:var(--ink-2)}.top-up-missing{color:var(--ink);background:#ff78781a;border:1px solid #ff787840;border-radius:14px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:14px;display:flex}.top-up-missing .ic{color:var(--danger)}.top-up-missing strong{font-size:24px;font-weight:700}.top-up-packs{gap:6px;display:grid}.top-up-pack{background:var(--surface-raised);text-align:left;color:var(--ink);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:11px 14px;font-size:13px;display:grid;position:relative}.top-up-pack.on{box-shadow:inset 0 0 0 1px var(--accent)}.top-up-pack-credits b{font-size:16px;font-weight:600}.top-up-pack-credits small{color:var(--accent);margin-top:2px;font-size:11px;display:block}.top-up-pack-price{color:var(--ink-2);font-size:14px}.top-up-pack-tag{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-7px;left:12px}.top-up-pay{height:44px}.top-up-pending{background:var(--surface-raised);color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.top-up-pending>span{background:var(--surface);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.top-up-pending b{color:var(--ink);font-size:13px;font-weight:500}.top-up-pending p{margin:4px 0 0;font-size:11px;line-height:1.6}.top-up-note{color:var(--ink-3);font-size:11px}.top-up-error,.top-up-loading{color:var(--ink-3);font-size:12px}.top-up-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.top-up-actions .btn{height:36px;font-size:12px}@media (max-width:1023px){.modal.top-up{border-radius:22px 22px 0 0;align-self:end;width:100%;max-height:calc(100dvh - 40px);overflow:auto}.modal-dim:has(.top-up){align-items:end;padding:0}}.generate-button .price{opacity:.9;white-space:nowrap;border-left:1px solid #0000002e;margin-left:2px;padding-left:8px;font-size:12px;font-weight:500}.generate-button.is-short{background:#d98a2b}.generate-button.is-short:hover{background:#c67d24}.studio .composer-dock .generate-button{gap:6px;min-width:0}@media (max-width:1023px){.studio .composer-dock .generate-button{height:40px;padding:0 12px}.studio .composer-dock .generate-button .price{font-size:11px}}.creation-wall{margin-top:4px}.cw{border:1px solid var(--line);background:#0d0b14;border-radius:16px;position:relative;overflow:hidden}.cw-open{all:unset;cursor:zoom-in;display:block;position:absolute;inset:0}.cw-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:16px}.cw-media{display:block;position:absolute;inset:0;overflow:hidden}.cw-media img,.cw-media video{object-fit:contain;width:100%;height:100%;transition:transform .5s var(--ease);background:#000;position:absolute;inset:0}.cw-done:hover .cw-media img{transform:scale(1.02)}.cw-done.reveal .cw-media img{animation:reveal 2.2s var(--ease) both}.cw-badges{z-index:2;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.cw-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000085;border-radius:999px;padding:3px 8px;font-size:11px;line-height:1.5}.cw-pill.pub{color:var(--on-accent);background:#bca8f5e0;font-weight:600}.cw-quick{z-index:3;opacity:0;gap:6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.cw-done:hover .cw-quick,.cw-done:focus-within .cw-quick{opacity:1;transform:none}.cw-quick button,.cw-quick a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#111114bd;border:0;border-radius:999px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12.5px;display:inline-flex}.cw-quick button:hover,.cw-quick a:hover{background:var(--accent);color:var(--on-accent)}@media (hover:none){.cw-quick{display:none}}.cw-busy{border-color:#a78bff59}.cw-plate{background:radial-gradient(120% 80% at 50% 30%,#1c1530,#0b0912 70%);position:absolute;inset:0;overflow:hidden}.cw-plate:before{content:"";filter:blur(20px);background:radial-gradient(38% 32% at 28% 32%,#a78bff57,#0000 70%),radial-gradient(34% 30% at 72% 58%,#ff76bc33,#0000 70%),radial-gradient(44% 38% at 46% 88%,#68a8ff33,#0000 70%);animation:10s ease-in-out infinite alternate cw-drift;position:absolute;inset:-35%}.cw-plate:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffff17 50%,#0000 62%) 0 0/260% 100%;animation:3.2s cubic-bezier(.4,0,.2,1) infinite cw-sheen;position:absolute;inset:0}.cw-latent{filter:blur(34px)saturate(1.35)brightness(.5)contrast(.9);background-position:50%;background-size:cover;animation:7s ease-in-out infinite alternate cw-breathe;position:absolute;inset:-20%}.cw-state{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute;inset:0}.cw-state b{font-size:19px;font-weight:700}.cw-state>span{max-width:100%;color:var(--ink-3);font-size:12px;line-height:1.6}.cw-state>.cw-funds{color:var(--ink-4);font-size:11.5px}.cw-steps{gap:4px;display:flex}.cw-steps i{background:#ffffff24;border-radius:2px;width:18px;height:3px}.cw-steps i.done{background:var(--accent)}.cw-steps i.now{background:var(--accent);animation:1.4s ease-in-out infinite cw-pulse}.cw-state .btn{height:30px;padding:0 12px;font-size:12px}.cw-confirm{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;display:flex}.cw-confirm>span{flex-basis:100%}.cw-caption{z-index:2;color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}.cw-ended{background:var(--surface)}.cw-ended .cw-state b{color:#ff9aac;font-size:16px}.cw-cancelled .cw-state b{color:var(--ink-2)}.cw-state>.cw-quote{-webkit-line-clamp:2;color:var(--ink-4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cw-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cw-skeletons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:4px;display:grid}.cw-skeleton{aspect-ratio:9/16;background:linear-gradient(100deg,var(--surface) 30%,var(--surface-raised) 50%,var(--surface) 70%);background-size:300% 100%;border-radius:16px;animation:1.4s infinite cw-shimmer}.result-filters button small{color:var(--ink-4);margin-left:4px;font-size:11px;font-weight:500}@keyframes cw-drift{0%{transform:translate(-12%,-6%)scale(1)}50%{transform:translate(9%,10%)scale(1.15)}to{transform:translate(14%,-9%)scale(1.05)}}@keyframes cw-sheen{0%,20%{background-position:130% 0}to{background-position:-30% 0}}@keyframes cw-breathe{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes cw-pulse{50%{opacity:.45}}@keyframes cw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.cw-plate:before,.cw-plate:after,.cw-latent,.cw-steps i.now,.cw-skeleton{animation:none}}.cv{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080af5;outline:none;grid-template-rows:56px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;display:grid;position:fixed;inset:0}.cv-top{color:var(--ink-3);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 18px;font-size:13px;display:flex}.cv-close{width:40px;height:40px;color:var(--ink);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid}.cv-stage{justify-content:center;align-items:center;gap:12px;min-height:0;padding:0 12px 20px;display:flex;position:relative}.cv-media{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative}.cv-media img,.cv-media video{object-fit:contain;background:#000;border-radius:12px;max-width:100%;max-height:100%}.cv-nav{width:44px;height:44px;color:var(--ink);background:#ffffff14;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.cv-nav .ic{transform:rotate(-90deg)}.cv-nav:disabled{opacity:.25}.cv-panel{border-left:1px solid var(--line);flex-direction:column;grid-area:2/2;gap:14px;min-height:0;padding:4px 22px 24px;display:flex;overflow:auto}.cv-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.cv-pill{color:var(--ink-2);background:#ffffff14;border-radius:999px;padding:3px 9px;font-size:11.5px}.cv-pill.pub{color:var(--on-accent);background:#bca8f5e0;font-weight:600}.cv-prompt{align-items:flex-start;gap:10px;display:flex}.cv-prompt p{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14.5px;line-height:1.65}.cv-prompt button{border:1px solid var(--line-2);height:28px;color:var(--ink-3);background:0 0;border-radius:999px;flex:none;padding:0 10px;font-size:12px}.cv-optimized summary{cursor:pointer;color:var(--ink-3);font-size:12.5px}.cv-optimized p{color:var(--ink-2);margin:8px 0 0;font-size:13px;line-height:1.6}.cv-small{color:var(--ink-4);margin:0;font-size:12px;line-height:1.5}.cv-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.cv-actions .btn{justify-content:center;align-items:center;gap:6px;height:40px;display:inline-flex}.cv-actions .btn-accent{grid-column:1/-1}.cv-delete{color:#ff9aac!important}.cv-confirm{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.cv-confirm>span{flex-basis:100%}@media (max-width:1023px){.cv{grid-template-rows:52px minmax(0,1fr) auto;grid-template-columns:1fr}.cv-stage{padding:0 0 8px}.cv-nav{display:none}.cv-media img,.cv-media video{border-radius:0}.cv-panel{max-height:42dvh;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line);grid-area:3/1;gap:10px}.cv-actions{margin-top:4px}}.studio .composer-dock .compose-footer{flex-direction:column;align-items:stretch;gap:8px}.studio .composer-dock .composer-chips{width:100%}.composer-tier-pills{border-right:1px solid var(--line-2);flex:none;gap:4px;margin-right:4px;padding-right:8px;display:flex}.composer-tier-pills .composer-chip[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border);background:#bca8f529}.compose-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.compose-wallet{min-width:0;color:var(--ink-3);flex-direction:column;gap:2px;margin:0;font-size:11.5px;line-height:1.45;display:flex}.compose-wallet b{color:var(--ink);font-weight:600}.compose-wallet .short,.compose-wallet .short b{color:var(--danger)}.compose-wallet .gift-cover{display:none}.studio .composer-dock .compose-actions .compose-submit{margin-left:auto}.generate-button.is-free{color:#fff;background:#ff4d5e}.generate-button.is-free:hover{background:#ff3348}.generate-button.is-free .price{border-left-color:#ffffff59}.generate-button.is-free .ic{color:#fff}.compose-wallet .free,.compose-wallet .free b,.cp-balance .free,.cp-balance .free b{color:#ff6b78}.free-switch{color:#ff6b78;font-size:inherit;text-underline-offset:3px;padding:0;font-weight:600;text-decoration:underline}
.template-open,.welcome-templates{border:1px solid var(--accent-border);height:32px;color:var(--ink);white-space:nowrap;background:#bca8f51a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.template-open:hover,.welcome-templates:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.template-open .ic,.welcome-templates .ic{width:14px;height:14px}.welcome-templates{height:38px;margin-top:18px}.cp-label-end{align-items:baseline;gap:10px;display:inline-flex}.cp-templates{color:var(--accent);padding:0;font-size:12px;font-weight:600}.cp-templates:hover{text-decoration:underline}.template-anchor{flex:none;display:inline-flex;position:relative}.template-tip{z-index:8;width:250px;color:var(--ink-2);text-align:left;white-space:normal;-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#201c2ec7;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;font-size:12.5px;line-height:1.6;animation:.35s cubic-bezier(.2,.9,.3,1.2) .4s both template-tip;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff1f}.template-tip:before{content:"";background:#201c2ef2;border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;width:10px;height:10px;margin-left:-5px;position:absolute;top:-6px;left:50%;transform:rotate(45deg)}.template-tip b{color:#fff;font-size:14px}.template-tip button{background:var(--accent);height:28px;color:var(--on-accent);border-radius:8px;align-self:flex-end;padding:0 12px;font-size:12px;font-weight:700}@keyframes template-tip{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.template-open.is-pointed,.welcome-templates.is-pointed{animation:2s ease-out infinite template-call}@keyframes template-call{0%{box-shadow:0 0 #bca8f58c}70%,to{box-shadow:0 0 0 10px #bca8f500}}.guide-replay.on{border-color:var(--accent-border);color:var(--ink)}.tutorial-tip{border:1px solid var(--accent-border);background:var(--surface-raised);border-radius:12px;align-items:center;gap:6px;width:fit-content;max-width:min(560px,100%);margin:0 0 14px;padding:6px 6px 6px 14px;animation:.25s ease-out both tip-in;display:flex}.tutorial-tip>span{min-width:0;color:var(--ink-2);flex:1;font-size:12.5px;line-height:1.55}.tutorial-tip-open{background:var(--accent);height:28px;color:var(--on-accent);border-radius:8px;flex-shrink:0;padding:0 10px;font-size:12px;font-weight:600}.tutorial-tip-open:hover{background:var(--accent-hover)}.tutorial-tip-close{width:28px;height:28px;color:var(--ink-3);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.tutorial-tip-close:hover{background:var(--glass-2);color:var(--ink)}@keyframes tip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.showcase-panel{padding-bottom:12px}.showcase-intro{margin:0 0 20px}.showcase-intro h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:600}.showcase-intro p{max-width:620px;color:var(--ink-3);margin:6px 0 0;font-size:13px;line-height:1.7}.showcase-media{background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;position:relative;overflow:hidden}.showcase-media>img,.showcase-media>.showcase-video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-media>.showcase-after{opacity:0;transition:opacity .4s}.showcase-media.is-active>.showcase-after{opacity:1}.showcase-media.plays-auto>.showcase-after{opacity:1;clip-path:inset(0 100% 0 0);transition:none}.showcase-media.plays-auto.is-active>.showcase-after{animation:5.2s cubic-bezier(.65,0,.35,1) infinite showcase-sweep}@keyframes showcase-sweep{0%,16%{clip-path:inset(0 100% 0 0)}42%,74%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}.showcase-media .showcase-play{z-index:1}.showcase-use{border:1px solid var(--line-2);background:var(--surface-raised);height:32px;color:var(--ink);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.showcase-use:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tutorial-steps{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tutorial-step{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-items:flex-start;gap:16px;min-width:0;padding:10px;display:flex}.tutorial-step .showcase-media{background:var(--surface-raised);border-radius:12px;flex-shrink:0;width:42%}.tutorial-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:6px 6px 0 0;display:flex}.tutorial-index{background:var(--surface-raised);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.tutorial-text h4{color:var(--ink);margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.45}.tutorial-text p{color:var(--ink-3);margin:0;font-size:13px;line-height:1.7}.tutorial-text .showcase-use{margin-top:8px}@media (max-width:1023px){.creation-gallery .results-heading .template-open{height:30px;padding:0 11px;font-size:12px}.tutorial-tip{width:100%;margin-bottom:10px}.showcase-intro{margin-bottom:14px}.showcase-intro h3{font-size:16px}.tutorial-steps{grid-template-columns:1fr;gap:12px}.tutorial-step{gap:12px}.tutorial-step .showcase-media{width:40%}.tutorial-text{padding:2px 0 0}.showcase-use{height:30px;padding:0 11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.showcase-media.plays-auto.is-active>.showcase-after{clip-path:inset(0 0 0 50%);animation:none}.tutorial-tip,.template-tip,.template-open.is-pointed,.welcome-templates.is-pointed{transition:none;animation:none}}
@media (min-width:1024px){.studio.studio-gallery{background:var(--bg);grid-template:"dock canvas"minmax(0,1fr)/clamp(360px,27vw,440px) minmax(0,1fr);gap:0;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.studio.studio-gallery>.page-heading{top:20px;right:var(--frame-gutter);z-index:6;border:0;width:auto;max-width:none;min-height:0;margin:0;padding:0;position:absolute}.studio.studio-gallery>.page-heading>div:first-child{display:none}.studio.studio-gallery .creation-balance{gap:12px}.studio.studio-gallery .creation-balance>.creation-wallet{display:none}.studio.studio-gallery>.creation-gallery{width:auto;max-width:none;padding:22px var(--frame-gutter) 56px;grid-area:canvas;margin:0;overflow:auto}.studio.studio-gallery .creation-gallery .results-heading{z-index:4;background:var(--bg);justify-content:flex-start;gap:36px;min-height:56px;margin:0 0 22px;padding:6px 320px 10px 0;position:sticky;top:-22px}.studio.studio-gallery .results-heading h2{font-size:17px;font-weight:600}.studio.studio-gallery .result-filters button{font-size:13px}.studio.studio-gallery .gallery-empty{min-height:52vh}.tl .tutorial-steps{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.tl .tutorial-step{align-items:center;padding:8px}.tl .tutorial-step .showcase-media{width:112px}.studio.studio-gallery>.creation-dock{background:#141418;border-right:1px solid #ffffff0f;flex-direction:column;grid-area:dock;justify-self:stretch;width:auto;max-width:none;height:100%;max-height:none;padding:0;display:flex;overflow:hidden}.studio.studio-gallery .creation-insufficient{margin:14px 18px 0}.studio.studio-gallery .composer-panel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.studio.studio-gallery .composer-panel .composer{min-height:0;max-height:none;box-shadow:none;scrollbar-width:thin;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:18px;padding:16px 18px 22px;display:flex;overflow-y:auto}.studio.studio-gallery .composer-panel .create-modes{background:#0d0d10;border:0;border-radius:12px;flex:none;gap:4px;padding:3px;display:flex}.studio.studio-gallery .composer-panel .create-modes button{border-radius:9px;flex:1;justify-content:center;height:40px;min-height:0;padding:0 12px;font-size:14px;font-weight:600}.studio.studio-gallery .composer-panel .create-modes button.on{background:var(--surface-raised);color:var(--ink)}.studio.studio-gallery .composer-panel .create-modes button:after{display:none}.cp-section{flex-direction:column;flex:none;gap:10px;min-width:0;display:flex}.cp-label{color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:13px;font-weight:600;display:flex}.cp-label small{color:var(--ink-4);font-size:11.5px;font-weight:400}.cp-label output{color:var(--accent);font-size:13px;font-weight:600}.cp-hint{color:var(--ink-3);margin:0;font-size:12px;line-height:1.6}.cp-refs{border:1.5px dashed var(--line-2);background:#ffffff05;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px;transition:border-color .15s,background .15s;display:flex}.composer-panel.is-dropping .cp-refs{border-color:var(--accent);background:#bca8f514}.studio.studio-gallery .cp-refs{padding:10px;display:block}.studio.studio-gallery .cp-refs .reference-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;padding:0;display:grid;overflow:visible}.studio.studio-gallery .cp-refs .reference-add,.studio.studio-gallery .cp-refs .reference-thumb{aspect-ratio:3/4;width:auto;height:auto}.studio.studio-gallery .cp-refs .reference-add{border-style:dashed;gap:8px;font-size:13px;transition:border-color .15s,color .15s}.studio.studio-gallery .cp-refs .reference-add:hover{border-color:var(--accent-border);color:var(--ink)}.studio.studio-gallery .cp-refs .reference-add .ic{width:28px;height:28px}.studio.studio-gallery .cp-refs .reference-add small{color:var(--ink-4);font-size:11.5px;display:block}.studio.studio-gallery .cp-refs.is-empty .reference-tray{grid-template-columns:minmax(0,1fr)}.studio.studio-gallery .cp-refs.is-empty .reference-add{aspect-ratio:auto;height:clamp(150px,22dvh,220px)}.studio.studio-gallery .cp-refs .reference-thumb>small{font-size:11.5px;line-height:24px}.studio.studio-gallery .cp-refs .reference-preview>span .ic{width:30px;height:30px}.cp-refs>.cp-hint{flex:120px}.studio.studio-gallery .cp-prompt .compose-prompt-field{border:1px solid var(--line-2);background:var(--surface);border-radius:14px;padding:12px 14px 10px;transition:border-color .15s;position:relative}.studio.studio-gallery .cp-prompt .compose-prompt-field:focus-within{border-color:var(--accent-border)}.studio.studio-gallery .composer-panel .composer textarea{resize:none;background:0 0;border:0;width:100%;min-height:96px;max-height:none;padding:0;font-size:15px;line-height:1.7;display:block}.studio.studio-gallery .cp-prompt .reference-caption{margin-top:6px}.cp-switch{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.cp-switch small{color:var(--ink-3);margin-top:3px;font-size:11.5px;display:block}.cp-switch input{width:18px;height:18px;accent-color:var(--accent);flex:none}.cp-tiers{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.cp-tiers button{border:1px solid var(--line-2);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:9px 12px;transition:border-color .15s,background .15s;display:flex}.cp-tiers button:hover,.cp-options button:hover{border-color:#ffffff38}.cp-tiers button[aria-pressed=true],.cp-options button[aria-pressed=true]{border-color:var(--accent);background:#bca8f517}.cp-tiers b{color:var(--ink);font-size:14px;font-weight:600}.cp-tiers small{color:var(--ink-3);font-size:11.5px}.cp-options{gap:8px;display:flex}.cp-options button{border:1px solid var(--line-2);background:var(--surface);min-width:0;height:44px;color:var(--ink-2);border-radius:11px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.cp-options button[aria-pressed=true]{color:var(--ink)}.cp-options .ratio-outline{border-width:1.5px;height:16px}.cp-options.cp-stacked button{flex-direction:column;gap:2px;height:auto;padding:8px 6px}.cp-options small{color:var(--ink-4);font-size:11px;font-weight:400}.cp-more{border:1px solid var(--line-2);background:#ffffff05;border-radius:14px;flex-direction:column;flex:none;display:flex}.cp-more-toggle{min-height:48px;color:var(--ink);text-align:left;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.cp-more-toggle small{min-width:0;color:var(--ink-3);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:400;overflow:hidden}.cp-more-toggle .ic{color:var(--ink-3);flex:none;transition:transform .2s}.cp-more.is-open .cp-more-toggle .ic{transform:rotate(180deg)}.cp-more-body{flex-direction:column;gap:18px;padding:4px 14px 16px;display:flex}.cp-duration{flex-direction:column;gap:6px;display:flex}.cp-duration input{width:100%;height:28px;accent-color:var(--accent)}.cp-scale{color:var(--ink-4);justify-content:space-between;font-size:11px;display:flex}.cp-foot{background:#141418;border-top:1px solid #ffffff12;flex-direction:column;flex:none;gap:10px;padding:14px 18px 18px;display:flex;position:relative}.cp-foot:before{content:"";pointer-events:none;background:linear-gradient(#14141800,#141418);height:28px;position:absolute;bottom:100%;left:0;right:8px}.studio.studio-gallery .cp-foot .composer-notice{box-shadow:none;margin:0;position:static}.cp-balance{color:var(--ink-3);justify-content:space-between;gap:12px;margin:0;font-size:12.5px;display:flex}.cp-balance b{color:var(--ink);font-weight:600}.cp-balance.is-short span:last-child,.cp-balance.is-short span:last-child b{color:var(--danger)}.cp-balance.cp-gift{flex-direction:column;gap:8px}.studio.studio-gallery .cp-foot .compose-submit{margin:0}.studio.studio-gallery .cp-foot .generate-button{border-radius:13px;justify-content:center;gap:14px;width:100%;height:54px;font-size:16px}.studio.studio-gallery .cp-foot .generate-button .price{font-size:14px}}@media (min-width:1024px) and (max-width:1279px){.studio.studio-gallery .creation-gallery .results-heading{padding-right:250px}.studio.studio-gallery .tutorial-steps{grid-template-columns:1fr}}