body.is-editing{overflow:hidden}.is-editing .site-header{display:none}.studio-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--paper)}
.studio-shell.is-empty{grid-template-rows:auto minmax(0,1fr)}
.studio-shell.is-empty .studio-content{max-width:720px;min-height:100%;justify-content:center;gap:16px;padding-top:32px;padding-bottom:80px}
.studio-shell.is-empty .input-section{position:static;width:100%;margin:0;padding:0;box-shadow:none}
.studio-shell.is-empty .upload-entry{padding:44px 32px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center}
.upload-entry-symbol{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 24px;border-radius:12px;background:var(--paper);color:#697068}
.upload-entry-symbol .icon{width:30px;height:30px;stroke-width:1.4}
.upload-entry h2{font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.upload-entry-hint{margin-top:12px;color:var(--muted);font-size:.9375rem;line-height:1.8}
.upload-entry-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}
.upload-entry-actions .primary{min-width:200px;min-height:52px}
.sample-entry{font-weight:400;color:var(--muted);padding-inline:4px}
.sample-entry .icon{width:16px;height:16px}
.upload-entry-formats{margin-top:20px;font-size:.75rem;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.studio-shell.is-empty .studio-content{justify-content:flex-start;padding-top:32px;padding-bottom:24px}.studio-shell.is-empty .upload-entry{padding:36px 20px}.upload-entry h2{font-size:1.375rem}.upload-entry-hint{font-size:.875rem}.upload-entry-actions{gap:12px;margin-top:24px}.upload-entry-actions .primary{min-width:0;flex:1;padding-inline:14px}.sample-entry{flex:none;font-size:.8125rem;gap:4px}.upload-entry-symbol{margin-bottom:22px}.drop-hint{display:none}}
@media(max-width:360px){.studio-shell.is-empty .upload-entry{padding-inline:14px}.upload-entry-actions{gap:8px}.upload-entry-actions .primary{padding-inline:10px}.sample-entry .icon{display:none}}
.trial-bar{background:#ecefe8;border-bottom:1px solid #dde2d7}.trial-inner{max-width:1120px;min-height:56px;padding:5px 24px;margin:auto;display:flex;align-items:center;justify-content:center;gap:8px}.all-layouts{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;font-size:.8125rem;color:var(--muted)}.layout-select-label{min-width:0}.layout-select-label select{width:220px;background:transparent;border-color:transparent;font-size:.875rem}.layout-navigation{display:flex;gap:2px}.trial-bar .icon-button{color:var(--ink)}.trial-bar .icon{width:22px;height:22px}.reset-button{font-size:.8125rem;margin-left:8px}.studio-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;min-height:64px;padding:4px max(24px,calc((100vw - 1080px)/2));background:#fff;border-bottom:1px solid var(--line)}.studio-style-label{text-align:center;min-width:0}.studio-style-label select{font-size:1.125rem;font-weight:600;border-color:transparent;background:transparent;max-width:100%;text-align:center;padding-left:30px}.studio-nav>.icon-button{color:var(--ink)}
.studio-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.studio-content{width:100%;max-width:820px;margin:0 auto;padding:24px 24px 32px;display:flex;flex-direction:column;gap:24px}.input-section{min-width:0;display:flex;flex-direction:column;gap:16px}.input-card,.output-card{min-width:0;padding:12px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}.input-heading,.output-heading{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:12px}.input-heading h2,.output-heading h2{font-size:.9375rem;font-weight:600;line-height:1.5}.input-title{min-width:0;margin-right:auto}.input-caption{font-size:.75rem;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.input-actions,.output-actions{display:flex;align-items:center;gap:2px;flex:none;margin-right:-8px}.output-heading{justify-content:space-between}.output-actions .text-button{font-size:.8125rem;padding:10px 9px}.output-actions .icon{width:18px;height:18px}.expand-button.is-expanded .icon{transform:rotate(180deg)}.source-thumbnail{width:48px;height:48px;flex:none;padding:0;border-radius:6px;overflow:hidden;background:var(--soft)}.source-thumbnail img{width:100%;height:100%;object-fit:cover}.input-card.is-compact{padding:12px 20px}.is-compact .input-heading{margin:0;min-height:48px}.source-media{--media-height:280px}.output-media{--media-height:440px}.media{width:min(100%,calc(var(--media-height)*var(--ratio,.75)));aspect-ratio:var(--ratio,.75);margin:0 auto;overflow:hidden;position:relative;border-radius:5px}.media img{width:100%;height:100%;object-fit:contain}.result-crop img{position:absolute;bottom:0;left:0;width:100%;height:auto;max-width:none}.result-region{display:flex;flex-direction:column;gap:24px}.result-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:.75rem;line-height:1.6;color:var(--muted)}.result-number{font-size:.8125rem;font-weight:400;color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}.result-placeholder{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:30px 16px;color:var(--muted)}.result-placeholder>.icon{width:32px;height:32px;stroke-width:1.3;opacity:.65;margin-bottom:8px}.result-placeholder h3{font-weight:500;font-size:.9375rem;color:var(--ink)}.result-placeholder p{font-size:.8125rem;line-height:1.8}.result-placeholder .text-button{margin-top:4px}.upload-empty{width:100%;min-height:208px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px dashed #c5cec0;border-radius:8px;padding:24px 12px}.upload-empty>.icon{width:30px;height:30px;color:#69785c}.upload-empty strong{font-size:1rem;font-weight:550}.upload-empty span{font-size:.8125rem;color:var(--muted);line-height:1.7}.upload-empty small{font-size:.75rem;color:var(--muted)}.reading-status{font-size:.8125rem;color:var(--muted);text-align:center;padding-top:10px}.undo-notice{padding:2px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--soft);border-radius:8px;font-size:.875rem}.undo-notice .text-button{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.inline-options{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 18px}.inline-options summary{min-height:54px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:.875rem}.inline-options summary::-webkit-details-marker{display:none}.inline-options summary strong{font-size:.875rem;font-weight:500;white-space:nowrap}.options-summary{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}.inline-options summary>.icon{width:18px;height:18px}.inline-options[open] summary>.icon{transform:rotate(180deg)}.inline-options[open] .options-summary{visibility:hidden}.option-fields{padding:8px 0 20px;display:grid;gap:24px}.option-group{margin:0;border:0;padding:0;min-width:0}.option-group legend{font-size:.8125rem;font-weight:500;padding:0;margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px;border:1px solid var(--line);border-radius:8px;font-size:.875rem;background:#fff}.choice input{opacity:0;position:absolute;width:1px;height:1px}.choice:has(input:checked){border-color:var(--ink);background:#f4f6ef;box-shadow:inset 0 0 0 .5px var(--ink)}.choice:has(input:focus-visible){outline:3px solid #738723;outline-offset:3px}.choice:has(input:disabled){cursor:not-allowed;opacity:.5}.choice-check{font-size:12px;position:absolute;right:6px;top:2px;visibility:hidden}.choice:has(input:checked) .choice-check{visibility:visible}
.studio-footer{border-top:1px solid var(--line);background:#fff;padding:12px 24px calc(12px + env(safe-area-inset-bottom));z-index:6}.footer-inner{max-width:720px;margin:auto}.generate-button{width:100%;min-height:48px}.studio-footer p{font-size:.75rem;line-height:1.6;color:var(--muted);text-align:center;margin-top:8px}.settings-launchers{display:flex;justify-content:center;gap:10px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;padding:2px}.settings-chip{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;flex:none;font-size:.875rem}.settings-chip small{display:block;font-size:.75rem;color:var(--muted);line-height:1.4}.settings-chip>.icon:last-child{width:16px;height:16px;color:var(--muted)}.spinner{width:38px;height:38px;border:3px solid #e2e7dc;border-top-color:#728450;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.progress-state [data-countdown]{font-variant-numeric:tabular-nums}.progress-state progress{appearance:none;height:3px;border:0;background:#e6eadd;border-radius:3px;width:132px;overflow:hidden;margin:4px 0}.progress-state progress::-webkit-progress-bar{background:#e6eadd}.progress-state progress::-webkit-progress-value{background:#7f915b}.progress-state progress::-moz-progress-bar{background:#7f915b}@keyframes spin{to{transform:rotate(360deg)}}
.mode-stack .studio-content{max-width:780px}.mode-stack .source-media{--media-height:300px}.mode-stack .output-media{--media-height:430px}.mode-stack .input-section{gap:0}.mode-stack .inline-options{margin-top:16px}
.mode-stack .input-heading{flex-wrap:wrap}.mode-stack .input-title{flex:1;min-width:64px}.mode-stack .input-actions{gap:6px;margin-right:0;max-width:100%;flex-wrap:wrap}.mode-stack .source-upload{min-height:48px;padding:11px 14px;font-size:.9375rem}.source-upload .icon{width:20px;height:20px}.mode-stack .sample-trial{border-color:#cbd1c7;font-weight:500}
.mode-stage .studio-content{max-width:1020px;gap:20px;min-height:100%}.mode-stage .result-region{flex:1;justify-content:center}.mode-stage .input-section{max-width:760px;width:100%;align-self:center;gap:12px}.mode-stage .output-card{padding:12px 24px 18px}.mode-stage .output-media{--media-height:clamp(240px,calc(100dvh - 490px),540px)}.mode-stage .result-placeholder{min-height:360px}.mode-stage .source-media{--media-height:260px}
@media(min-width:761px){.mode-stage{--stage-height:clamp(240px,calc(100dvh - 490px),540px)}.mode-stage:has(.inline-options){--stage-height:clamp(200px,calc(100dvh - 556px),480px)}.mode-stage .output-media{--media-height:var(--stage-height)}.mode-stage .output-card[data-result-id]{width:min(100%,calc(var(--stage-height)*var(--result-ratio) + 50px));min-width:min(100%,320px);align-self:center}}
.mode-focus .studio-content{max-width:780px;gap:20px}.mode-focus.focus-input .source-media{--media-height:360px}.mode-focus.focus-input .output-media{--media-height:120px}.mode-focus.focus-input .output-card{background:transparent;border-color:transparent}.mode-focus.focus-input .output-actions .save-image{display:none}.mode-focus.focus-result .output-media{--media-height:min(58dvh,540px)}.mode-focus.focus-result .output-card{border-color:var(--line);background:#fff}.mode-focus .output-media{transition:width .2s ease}.mode-focus .result-placeholder{min-height:290px}
.mode-focus.focus-input .output-card[data-result-id]{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto;gap:0 18px;padding:14px 18px;background:#fff;border-color:var(--line)}.mode-focus.focus-input [data-result-id] .output-heading{grid-column:2;grid-row:1;margin:0}.mode-focus.focus-input [data-result-id] .output-media{grid-column:1;grid-row:1/3;align-self:center;--media-height:110px}.mode-focus.focus-input [data-result-id] .result-meta{grid-column:2;grid-row:2;margin-top:2px;justify-content:flex-start;align-content:start}.mode-focus.focus-input [data-full-poster]{display:none}
.mode-drawer .studio-content{max-width:900px;gap:32px;padding-top:20px}.mode-drawer .input-card,.mode-drawer .output-card{background:transparent;border:0;padding:0 12px}.mode-drawer .input-heading,.mode-drawer .output-heading{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:20px}.mode-drawer .source-media{--media-height:260px}.mode-drawer .output-media{--media-height:430px}.mode-drawer .result-meta{margin-top:12px}.mode-drawer .result-region{gap:32px}.mode-drawer .studio-footer{padding-top:10px}
.mode-stream .studio-content{max-width:800px;gap:28px}.mode-stream .input-section{padding-bottom:4px;gap:10px}.mode-stream.input-collapsed .input-section{position:sticky;top:0;z-index:3;padding:12px 0;background:var(--paper);margin-top:-12px;box-shadow:0 8px 0 var(--paper)}.mode-stream .output-media{--media-height:420px}.mode-stream .source-media{--media-height:240px}.mode-stream .result-region{gap:24px}.mode-stream .output-card{padding-top:10px}.mode-stream .inline-options summary{min-height:48px}.mode-stream .pending-card{scroll-margin-top:155px}
.mode-stream.input-collapsed .input-section:has(details[open]){position:static}.mode-stream .output-card{scroll-margin-top:155px}
.mode-stream .source-media{--media-height:320px}
.mode-stream .pending-card,.mode-stream .output-card,.generation-error{scroll-margin-top:20px}
.mode-stream .inline-options .option-fields{padding:18px 0 20px;gap:20px}
.progress-state h2{font-size:1rem;font-weight:550;color:var(--ink)}
.generation-error{border:1px solid #edcdc6;background:#fff8f6;border-radius:10px;padding:20px;color:#893e30;overflow-wrap:anywhere}
.generation-error h2{font-size:1rem;font-weight:550;line-height:1.6}
.generation-error p{font-size:.875rem;line-height:1.8;margin-top:6px}
.generation-error>span{display:block;font-size:.8125rem;color:var(--muted);margin-top:8px}
.service-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;color:var(--muted);margin-top:-8px;margin-bottom:4px}
.service-notice .text-button{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.activity-list{display:grid;gap:8px}
.gallery .activity-list{margin-top:20px}
.activity-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#fff;font-size:.8125rem}
.activity-item>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted)}
.activity-item .icon{width:18px;height:18px}
.result-meta:empty{display:none}
@media(max-width:760px){.mode-stream .source-media{--media-height:260px}.mode-stream .pending-card,.mode-stream .output-card{scroll-margin-top:16px}.generation-error{padding:16px}.mode-stream .inline-options .option-fields{padding:16px 0}.activity-item{padding:12px;font-size:.8125rem}}
.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.sheet-heading h2{font-size:1.125rem}.sheet-heading .icon-button{margin-right:-8px}.sheet-done{width:100%;margin-top:24px}.sheet-delete{display:flex;margin:8px auto 0;color:#98513f}.sheet-photo{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.sheet-photo img{width:72px;height:88px;object-fit:contain;background:var(--paper);border-radius:6px}.sheet-photo span{min-width:0}.sheet-dialog .option-group legend{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.sheet-dialog .choices{grid-template-columns:1fr;gap:10px}.sheet-dialog .choice{min-height:56px;justify-content:flex-start;padding-left:16px}.sheet-dialog .choice-check{right:18px;top:18px;font-size:14px}.poster-dialog{width:fit-content;max-width:calc(100% - 32px);padding:12px 16px 16px}.poster-dialog .sheet-heading{margin-bottom:10px}.poster-dialog img{max-height:calc(86dvh - 76px);width:auto;max-width:100%;object-fit:contain}.poster-dialog form{margin:0}
@media(max-width:760px){
  .trial-inner{min-height:54px;padding:4px 12px;gap:4px}.all-layouts{display:none}.layout-select-label{flex:1}.layout-select-label select{width:100%;font-size:16px;padding-left:4px;padding-right:20px;letter-spacing:-.2px}.layout-navigation{gap:0}.reset-button{margin-left:0;padding:8px;min-width:44px}.studio-nav{min-height:56px;padding:4px 12px;gap:6px}.studio-style-label select{font-size:17px;padding-left:22px;padding-right:22px}.studio-scroll{scrollbar-gutter:auto}.studio-content{padding:16px 16px 24px;gap:20px}.input-section{gap:12px}.input-card,.output-card{padding:10px 12px 14px;border-radius:10px}.input-heading,.output-heading{gap:8px;margin-bottom:10px}.input-heading h2,.output-heading h2{font-size:.9375rem}.input-actions{gap:0;margin-right:-8px}.input-actions .text-button{padding:10px 8px}.input-caption{max-width:160px}.source-thumbnail{width:44px;height:44px}.input-card.is-compact{padding:8px 12px}.is-compact .input-heading{min-height:48px}.is-compact .input-caption{max-width:110px}.input-actions .icon-button{width:44px}.output-actions{gap:0;margin-right:-6px}.output-actions .text-button{padding:10px 7px;font-size:.75rem}.output-actions .icon{width:17px;height:17px}.source-media{--media-height:260px}.output-media{--media-height:410px}.media{border-radius:4px}.result-region{gap:20px}.result-meta{font-size:.75rem;margin-top:12px;gap:5px}.result-placeholder{min-height:240px;padding:24px 8px}.upload-empty{min-height:210px}.inline-options{padding:0 12px}.inline-options summary{gap:9px}.options-summary{font-size:.75rem}.option-fields{padding-bottom:16px;gap:20px}.choices{gap:7px}.choice{gap:6px;font-size:.8125rem;padding:10px 5px;min-height:48px}.choice .swatch{width:20px;height:20px}.studio-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.generate-button{min-height:48px}.studio-footer p{font-size:11px;margin-top:7px;line-height:1.6}.settings-launchers{justify-content:flex-start;gap:8px;margin-bottom:10px}.settings-chip{min-height:48px;padding:6px 10px;gap:6px;font-size:.8125rem}.settings-chip small{font-size:11px}.settings-chip .swatch{width:20px;height:20px}.settings-chip>.icon{width:20px;height:20px}.settings-chip>.icon:last-child{width:14px;height:14px}.mode-stack .source-media{--media-height:270px}.mode-stack .output-media{--media-height:420px}.mode-stage .studio-content{gap:16px}.mode-stage .output-card{padding:10px 12px 14px}.mode-stage .output-media{--media-height:calc(100dvh - 316px)}.mode-stage .source-media{--media-height:260px}.mode-stage .result-placeholder{min-height:300px}.mode-focus .studio-content{gap:16px}.mode-focus.focus-input .source-media{--media-height:320px}.mode-focus.focus-input .output-media{--media-height:100px}.mode-focus.focus-result .output-media{--media-height:calc(100dvh - 316px)}.mode-focus .result-placeholder{min-height:270px}.mode-drawer .studio-content{gap:28px;padding-top:16px}.mode-drawer .input-card,.mode-drawer .output-card{padding:0 4px}.mode-drawer .input-heading,.mode-drawer .output-heading{margin-bottom:16px}.mode-drawer .source-media{--media-height:210px}.mode-drawer .output-media{--media-height:360px}.mode-stream .studio-content{gap:20px}.mode-stream.input-collapsed .input-section{padding:8px 0;box-shadow:0 6px 0 var(--paper);margin-top:-8px}.mode-stream .output-media{--media-height:390px}.mode-stream .pending-card{scroll-margin-top:150px}.sheet-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;overflow-y:auto;border-radius:18px 18px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-bottom:0}.sheet-heading{margin-bottom:16px}.sheet-dialog::before{content:'';display:block;width:32px;height:4px;border-radius:2px;background:#d6dad2;margin:0 auto 8px}.sheet-done{margin-top:24px}.poster-dialog{padding:8px 12px 12px;max-width:calc(100% - 24px)}.poster-dialog .sheet-heading h2{font-size:1rem}
}
@media(max-width:360px){.trial-inner{padding-left:8px;padding-right:8px}.studio-nav{padding-left:8px;padding-right:8px}.studio-content{padding-left:12px;padding-right:12px}.input-card,.output-card,.input-card.is-compact{padding-left:10px;padding-right:10px}.source-thumbnail{width:44px}.is-compact .input-caption{max-width:72px}.input-heading{gap:6px}.input-actions .text-button{padding-left:4px;padding-right:4px}.output-actions .text-button{padding-left:5px;padding-right:5px}.output-actions .save-image .icon{display:none}.choice{font-size:12px;gap:4px}.choice .swatch{width:17px;height:17px}.options-summary{max-width:145px}.studio-footer{padding-left:12px;padding-right:12px}.studio-footer p{font-size:10px}.settings-chip{gap:5px;padding-left:8px;padding-right:8px}.settings-chip small{font-size:10px}}
@media(max-width:760px){.studio-scroll{scrollbar-width:none}.studio-scroll::-webkit-scrollbar{display:none}.mode-focus.focus-input .output-card[data-result-id]{grid-template-columns:104px minmax(0,1fr);gap:0 14px;padding:12px}.mode-focus.focus-input [data-result-id] .output-media{--media-height:96px}}
.output-actions .text-button,.option-group legend,.choice{font-size:.875rem}.output-actions .text-button{color:#535c52}.studio-footer p,.settings-chip small{font-size:.75rem}.settings-chip:not([data-open-photo])>.icon:last-child{display:none}
.photo-only-dock .footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px}.photo-only-dock .settings-launchers{margin:0;padding:0}.photo-only-dock .settings-chip{min-height:48px;height:100%}.photo-only-dock #generation-note{grid-column:1/-1}
@media(max-width:760px){.output-actions .text-button{padding-inline:7px}.mode-stage .output-media,.mode-focus.focus-result .output-media{--media-height:max(180px,calc(100dvh - 440px))}.mode-stage:has(.inline-options) .output-media,.mode-focus.focus-result:has(.inline-options) .output-media{--media-height:max(180px,calc(100dvh - 508px))}.settings-chip{font-size:.875rem}.choice{gap:5px}.choice .swatch{width:19px;height:19px}.photo-only-dock .settings-chip{padding-inline:12px}}
@media(max-width:360px){.output-actions .text-button{padding-inline:5px}.choice{padding-inline:3px;font-size:.875rem}.choice .swatch{width:16px;height:16px}.studio-footer p{font-size:.75rem}.photo-only-dock .settings-chip{padding-inline:10px}}
@media(max-width:760px){.mode-stream .pending-card,.mode-stream .output-card{scroll-margin-top:16px}}