.creation-page{--creation-canvas:#f5f2ec;--creation-surface:#fff;--creation-surface-subtle:#eeece7;--creation-surface-strong:#e4e1da;--creation-line:#d7d3cb;--creation-line-strong:#bcb7ae;--creation-ink:#202027;--creation-ink-soft:#35343e;--creation-muted:#6e6c76;--creation-dim:#98959f;--creation-iris:#7257f5;--creation-iris-dark:#553bd7;--creation-iris-soft:#ebe7ff;--creation-mint:#bdf4db;--creation-mango:#ffb86b;--creation-berry:#ef6a96;--creation-sky:#91d8f7;--creation-danger:#c84d64;background:radial-gradient(circle at 9% 5%, #ffb86b1f, transparent 26rem), radial-gradient(circle at 92% 15%, #91d8f717, transparent 26rem), var(--creation-canvas);min-height:100dvh;color:var(--creation-ink);letter-spacing:-.02em;font-family:Pretendard,SUIT Variable,Apple SD Gothic Neo,Inter,system-ui,sans-serif;overflow-x:clip}.creation-page *,.creation-page :before,.creation-page :after{box-sizing:border-box}.creation-page :where(button,input,textarea){color:inherit;font:inherit}.creation-page :where(button){padding:0}.creation-page :where(button,a){-webkit-tap-highlight-color:transparent}.creation-page :where(img){max-width:100%;display:block}.creation-page button:focus-visible,.creation-page a:focus-visible,.creation-page input:focus-visible,.creation-page textarea:focus-visible{outline:2px solid var(--creation-iris);outline-offset:3px}.creation-page label:has(input:focus-visible){outline:2px solid var(--creation-iris);outline-offset:3px}.creation-shell{width:min(100%,1440px);min-height:100dvh;margin:0 auto;padding:0 clamp(22px,4.2vw,64px) 42px}.creation-header{z-index:90;-webkit-backdrop-filter:blur(28px)saturate(1.18);backdrop-filter:blur(28px)saturate(1.18);background:#faf8f4db;border-bottom:1px solid #bcb7aeb8;justify-content:space-between;align-items:center;min-height:68px;margin-inline:calc(-1*clamp(22px,4.2vw,64px));padding:0 clamp(22px,4.2vw,64px);display:flex;position:sticky;top:0}.creation-brand{min-height:44px;color:var(--creation-ink);letter-spacing:.035em;align-items:center;gap:10px;font-size:13px;font-weight:830;display:inline-flex}.creation-brand-mark{width:34px;height:34px;color:var(--creation-ink);--chopchoo-loop-accent:var(--creation-iris);--chopchoo-loop-dot:var(--creation-mango);flex:none;display:block}.creation-header-actions{align-items:center;gap:15px;display:flex}.creation-header-actions>a{border:1px solid var(--creation-line);width:36px;height:36px;color:var(--creation-muted);letter-spacing:.07em;background:#ffffff8c;border-radius:10px;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:760;transition:border-color .16s,color .16s;display:grid}.creation-header-actions>a:hover{border-color:var(--creation-iris);color:var(--creation-iris)}.bridge-status,.status-line{color:var(--creation-muted);align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.bridge-status i,.status-line i{background:var(--creation-line-strong);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.bridge-status.is-ready i,.generation-wait-state .status-line i,.result-state .status-line i{background:#42ba78;box-shadow:0 0 0 3px #42ba781f}.creation-intro{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);align-items:end;gap:56px;padding:58px 0 34px;display:grid}.section-kicker{color:var(--creation-iris);letter-spacing:.12em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:780}.creation-intro h1{letter-spacing:-.075em;margin:14px 0 0;font-size:clamp(45px,5.4vw,78px);font-weight:840;line-height:.98}.creation-intro h1 em{color:var(--creation-iris);white-space:nowrap;font-style:normal;display:inline-block}.creation-intro p{color:var(--creation-muted);margin:0;font-size:14px;line-height:1.72}.template-library{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:20px;margin-bottom:18px;padding:20px;box-shadow:0 7px 22px #2020270b}.section-label-row{border-bottom:1px solid var(--creation-line);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding-bottom:15px;display:flex}.section-label-row>div{align-items:center;gap:11px;min-width:0;display:flex}.step-number{background:var(--creation-iris-soft);width:31px;height:31px;color:var(--creation-iris-dark);border:1px solid #7257f56b;border-radius:9px;flex:none;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:780;display:grid}.section-label-row strong,.section-label-row small{display:block}.section-label-row strong{font-size:13px;font-weight:760}.section-label-row small{color:var(--creation-dim);margin-top:2px;font-size:8px}.required-label,.optional-label{color:var(--creation-iris);letter-spacing:.06em;flex:none;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:760}.optional-label{color:var(--creation-dim)}.template-category-rail{scrollbar-width:none;gap:7px;margin:15px 0 14px;display:flex;overflow-x:auto}.template-category-rail::-webkit-scrollbar{display:none}.template-category-rail button{border:1px solid var(--creation-line);background:var(--creation-surface);min-height:38px;color:var(--creation-muted);cursor:pointer;border-radius:10px;flex:none;padding:0 14px;font-size:10px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.template-category-rail button:hover{border-color:var(--creation-line-strong);color:var(--creation-ink)}.template-category-rail button.is-selected{border-color:var(--creation-ink);background:var(--creation-ink);color:#fff}.template-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.recipe-card{border:1px solid var(--creation-line);background:var(--creation-surface);cursor:pointer;text-align:left;border-radius:15px;flex-direction:column;min-width:0;min-height:310px;padding:8px;transition:border-color .16s,box-shadow .16s,translate .16s;display:flex;position:relative;overflow:hidden}.recipe-card:hover{border-color:var(--creation-line-strong);translate:0 -2px;box-shadow:0 9px 22px #20202712}.recipe-card.is-selected{border:2px solid var(--creation-iris);padding:7px;box-shadow:0 0 0 3px #7257f517}.recipe-card-media{aspect-ratio:1.42;background:var(--creation-surface-strong);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.recipe-card-media img{object-fit:cover;width:100%;height:100%;transition:scale .24s}.recipe-card:hover .recipe-card-media img{scale:1.025}.recipe-card-media>b{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;letter-spacing:.06em;background:#1414188c;border-radius:6px;padding:5px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760;position:absolute;bottom:7px;right:7px}.recipe-card-topline{justify-content:space-between;align-items:center;gap:8px;margin:12px 3px 0;display:flex}.recipe-card-topline b,.recipe-card-topline small{letter-spacing:.06em;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760}.recipe-card-topline b{color:var(--creation-iris)}.recipe-card-topline small{background:var(--creation-surface-subtle);color:var(--creation-muted);border-radius:5px;padding:4px 5px}.recipe-card-index{display:none}.recipe-card>strong{letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:9px 4px 0;font-size:16px;font-weight:790;overflow:hidden}.recipe-card>p{color:var(--creation-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 4px 14px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-card-footer{border-top:1px solid var(--creation-line);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:auto 4px 1px;padding-top:10px;display:grid}.recipe-card-footer b,.recipe-card-footer small{font-size:7px}.recipe-card-footer b{color:var(--creation-ink)}.recipe-card-footer small{color:var(--creation-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-card-footer i{background:var(--creation-surface-subtle);width:22px;height:22px;color:var(--creation-muted);border-radius:7px;place-items:center;font-size:10px;font-style:normal;display:grid}.recipe-card.is-selected .recipe-card-footer i{background:var(--creation-iris);color:#fff}.creation-workspace{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start;gap:14px;display:grid}.reference-column,.prompt-column{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:20px;min-width:0;padding:20px;box-shadow:0 7px 22px #2020270b}.prompt-column{position:sticky;top:84px}.reference-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.reference-pair.count-1{grid-template-columns:minmax(0,1fr)}.reference-pair.count-1 .reference-item{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);align-items:center;gap:14px;display:grid}.reference-pair.count-1 .reference-role{grid-column:1/-1}.reference-pair.count-1 .reference-dropzone{aspect-ratio:4/3}.reference-pair.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-item{min-width:0}.reference-role{color:var(--creation-muted);margin-bottom:7px;font-size:8px;display:block}.reference-role b{color:var(--creation-iris);letter-spacing:.06em;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.reference-role em{background:var(--creation-surface-subtle);color:var(--creation-dim);border-radius:999px;margin-left:4px;padding:2px 5px;font-size:6px;font-style:normal;font-weight:760;display:inline-block}.reference-role em.is-required{background:var(--creation-iris-soft);color:var(--creation-iris-dark)}.reference-dropzone{aspect-ratio:4/5;border:1px solid var(--creation-line-strong);background:linear-gradient(135deg, #7257f50d, transparent), var(--creation-surface-subtle);cursor:pointer;border-radius:14px;width:100%;transition:border-color .16s,box-shadow .16s,background .16s;display:block;position:relative;overflow:hidden}.reference-dropzone:hover,.reference-dropzone.is-dragging{border-color:var(--creation-iris);box-shadow:0 0 0 3px #7257f51a}.reference-dropzone.is-dragging{background:var(--creation-iris-soft)}.reference-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.reference-dropzone>img{object-fit:cover;width:100%;height:100%}.empty-reference{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.empty-reference>b{border:1px solid var(--creation-line-strong);background:var(--creation-surface);width:42px;height:42px;color:var(--creation-iris);border-radius:12px;place-items:center;font-size:20px;font-weight:450;display:grid}.empty-reference strong{margin-top:13px;font-size:13px}.empty-reference small{color:var(--creation-muted);margin-top:5px;font-size:9px}.dropzone-overlay{opacity:.7;background:linear-gradient(#0000 55%,#141418ad);transition:opacity .16s;position:absolute;inset:0}.reference-dropzone:hover .dropzone-overlay{opacity:.92}.dropzone-action{color:#fff;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.dropzone-action b{font-size:11px}.dropzone-action small{color:#ffffffad;font-size:7px}.reference-meta{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:65px;margin-top:8px;padding:9px;display:grid}.file-badge{background:var(--creation-iris-soft);width:31px;height:31px;color:var(--creation-iris-dark);border-radius:8px;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760;display:grid}.reference-meta>div{min-width:0}.reference-meta strong,.reference-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reference-meta strong{font-size:9px}.reference-meta small{color:var(--creation-dim);margin-top:3px;font-size:7px}.ready-check{background:var(--creation-mint);color:#175b45;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:850;display:grid}.ready-check.is-pending{background:var(--creation-surface-subtle);color:var(--creation-dim)}.reference-guide{background:var(--creation-surface-subtle);color:var(--creation-muted);border-radius:10px;gap:8px;margin:14px 0 0;padding:11px 12px;font-size:8px;line-height:1.55;display:flex}.reference-guide i{background:var(--creation-sky);border-radius:50%;flex:none;width:7px;height:7px;margin-top:3px}.sample-consent{background:#ffb86b1f;border:1px solid #ffb86b85;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:12px;display:flex}.sample-consent>div{min-width:0}.sample-consent span,.sample-consent strong,.sample-consent small{display:block}.sample-consent span{color:#9a5a16;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:780}.sample-consent strong{margin-top:4px;font-size:10px}.sample-consent small{color:var(--creation-muted);margin-top:3px;font-size:8px;line-height:1.45}.sample-consent button{border:1px solid var(--creation-line-strong);background:var(--creation-surface);min-height:44px;color:var(--creation-ink);cursor:pointer;border-radius:10px;flex:none;padding:0 13px;font-size:9px;font-weight:760}.sample-consent.is-confirmed{background:#bdf4db47;border-color:#42ba7875}.sample-consent.is-confirmed button{background:var(--creation-mint);color:#175b45;border-color:#0000}.selected-recipe-summary{border:1px solid var(--creation-line);background:var(--creation-surface-subtle);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:80px;margin-top:15px;padding:13px;display:grid}.selected-recipe-summary>span{background:var(--creation-iris);color:#fff;letter-spacing:.05em;text-align:center;border-radius:9px;place-items:center;min-width:58px;height:42px;padding:0 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760;display:grid}.selected-recipe-summary.accent-yellow>span{background:var(--creation-mango);color:var(--creation-ink)}.selected-recipe-summary.accent-mint>span,.selected-recipe-summary.accent-green>span{background:var(--creation-mint);color:#175b45}.selected-recipe-summary.accent-coral>span{background:var(--creation-berry)}.selected-recipe-summary>div{min-width:0}.selected-recipe-summary strong,.selected-recipe-summary small{display:block}.selected-recipe-summary strong{font-size:11px}.selected-recipe-summary small{color:var(--creation-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.selected-recipe-summary>b{color:var(--creation-iris);font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.spec-contract-card{background:linear-gradient(135deg, #bdf4db47, transparent 58%), var(--creation-surface);border:1px solid #2e9e7557;border-radius:13px;margin-top:12px;padding:14px}.spec-contract-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.spec-contract-heading>div{min-width:0}.spec-contract-heading span,.spec-contract-heading strong{display:block}.spec-contract-heading span{color:#247b5c;letter-spacing:.07em;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:780}.spec-contract-heading strong{letter-spacing:-.025em;margin-top:5px;font-size:11px}.spec-contract-heading>b{background:var(--creation-mint);color:#175b45;letter-spacing:.04em;border-radius:6px;flex:none;padding:5px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:6px}.spec-contract-card>p{color:var(--creation-muted);margin:8px 0 0;font-size:8px;line-height:1.5}.spec-contract-card ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.spec-contract-card li{background:#ffffffa3;border:1px solid #2e9e752e;border-radius:9px;min-width:0;padding:9px}.spec-contract-card li strong,.spec-contract-card li span{display:block}.spec-contract-card li strong{color:#247b5c;font-size:8px}.spec-contract-card li span{color:var(--creation-muted);margin-top:4px;font-size:7px;line-height:1.45}.template-control-groups{flex-direction:column;gap:16px;margin-top:16px;display:flex}.compact-field-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.compact-field-heading strong{font-size:10px}.compact-field-heading span{color:var(--creation-iris);font-size:8px;font-weight:720}.template-settings-options,.ratio-options,.quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.template-settings-options.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.template-settings-options.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.template-settings-options button,.ratio-options button,.quality-options button{border:1px solid var(--creation-line);background:var(--creation-surface);cursor:pointer;text-align:left;border-radius:10px;min-height:58px;padding:9px;transition:border-color .15s,background .15s,box-shadow .15s}.template-settings-options button:hover,.ratio-options button:hover,.quality-options button:hover{border-color:var(--creation-line-strong)}.template-settings-options button.is-selected,.ratio-options button.is-selected,.quality-options button.is-selected{border-color:var(--creation-iris);background:var(--creation-iris-soft);box-shadow:inset 0 0 0 1px var(--creation-iris)}.template-settings-options strong,.template-settings-options small,.quality-options strong,.quality-options small{display:block}.template-settings-options strong,.quality-options strong{font-size:9px}.template-settings-options small,.quality-options small{color:var(--creation-muted);margin-top:4px;font-size:7px}.prompt-automation-card{background:linear-gradient(135deg, var(--creation-iris-soft), #fffc);border:1px solid #7257f533;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;margin-top:17px;padding:12px;display:grid}.automation-badge{background:var(--creation-iris);color:#fff;letter-spacing:.05em;border-radius:7px;padding:6px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760}.prompt-automation-card strong,.prompt-automation-card small{display:block}.prompt-automation-card strong{font-size:9px}.prompt-automation-card small{color:var(--creation-muted);margin-top:4px;font-size:7px;line-height:1.45}.automation-check{background:var(--creation-mint);color:#175b45;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:850;display:grid}.parameter-panel{border:1px solid var(--creation-line);background:var(--creation-surface-subtle);border-radius:13px;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px;padding:14px;display:grid}.ratio-options button{align-items:center;gap:7px;min-height:61px;display:flex}.ratio-options button>span{min-width:0}.ratio-options strong,.ratio-options small{display:block}.ratio-options strong{font-size:8px}.ratio-options small{color:var(--creation-muted);margin-top:3px;font-size:6px}.ratio-shape{border:1px solid;border-radius:2px;flex:none;width:14px;height:14px;display:block}.ratio-4-5{width:11px;height:14px}.ratio-16-9{width:16px;height:9px}.quality-options button{min-height:61px}.output-summary{background:var(--creation-surface);border-radius:10px;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;min-height:58px;padding:10px;display:grid}.output-summary>span{color:var(--creation-dim);grid-row:1/3;font-size:8px}.output-summary strong{font-size:12px}.output-summary small{color:var(--creation-muted);font-size:7px}.quality-caption{color:var(--creation-dim);margin:8px 0 0;font-size:7px;line-height:1.5}.creation-error{color:var(--creation-danger);background:#c84d6412;border:1px solid #c84d643d;border-radius:10px;margin:12px 0 0;padding:11px 12px;font-size:9px;font-weight:660}.desktop-create-action{margin-top:15px}.generate-button,.primary-button{background:var(--creation-iris);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:0 16px;font-size:12px;font-weight:790;transition:background .15s,translate .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #4931bb2e}.generate-button:hover:not(:disabled),.primary-button:hover{background:var(--creation-iris-dark);translate:0 1px;box-shadow:0 4px 11px #4931bb2b}.generate-button b{font-size:17px}.generate-button:disabled{background:var(--creation-surface-strong);box-shadow:none;color:var(--creation-dim);cursor:not-allowed}.generation-note{color:var(--creation-dim);text-align:center;margin-top:8px;font-size:7px;line-height:1.45;display:block}.creation-footer{min-height:72px;color:var(--creation-dim);justify-content:space-between;align-items:center;margin-top:18px;padding:0 3px;font-size:8px;display:flex}.creation-footer a{color:var(--creation-muted);font-weight:700}.mobile-create-dock{display:none}.generation-shell,.result-shell{width:min(100%,1280px)}.generation-wait-state{padding:52px 0 30px}.generation-status-strip{background:linear-gradient(var(--creation-surface), var(--creation-surface)) padding-box, linear-gradient(90deg, var(--creation-iris), var(--creation-sky), var(--creation-mango), var(--creation-berry), var(--creation-iris)) border-box;background-size:100% 100%,260% 100%;border:2px solid #0000;border-radius:18px;padding:26px;animation:3.6s linear infinite creation-ai-flow;position:relative;box-shadow:0 8px 26px #20202712}@keyframes creation-ai-flow{to{background-position:0 0,260% 0}}.generation-status-copy{grid-template-columns:1fr auto;align-items:start;display:grid}.generation-status-copy .status-line{color:var(--creation-iris-dark)}.generation-step-count{color:var(--creation-dim);letter-spacing:.06em;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:740}.generation-status-copy h1{letter-spacing:-.065em;grid-column:1/-1;margin:14px 0 0;font-size:clamp(34px,4.5vw,58px);font-weight:830;line-height:1}.generation-status-copy p{color:var(--creation-muted);grid-column:1/-1;margin:10px 0 0;font-size:12px}.generation-progress{background:var(--creation-surface-subtle);border-radius:999px;height:6px;margin-top:22px;overflow:hidden}.generation-progress>span{border-radius:inherit;background:var(--creation-iris);height:100%;transition:width .5s;display:block}.generation-wait-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:stretch;gap:14px;margin-top:16px;display:grid}.idle-notice-stage{min-width:0}.idle-notice-card{border:1px solid var(--creation-line);background:var(--creation-ink);color:#fff;border-radius:20px;min-height:610px;position:relative;overflow:hidden}.idle-notice-card>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.idle-notice-shade{background:linear-gradient(0deg,#0e0e11f0 0,#0e0e1138 62%,#0e0e1170 100%),linear-gradient(90deg,#0e0e1133,#0000);position:absolute;inset:0}.idle-notice-topline{-webkit-backdrop-filter:blur(28px)saturate(1.18);backdrop-filter:blur(28px)saturate(1.18);background:#1414186b;border:1px solid #ffffff42;border-radius:12px;justify-content:space-between;align-items:center;min-height:44px;padding:0 13px;display:flex;position:absolute;top:16px;left:16px;right:16px}.idle-notice-topline span,.idle-notice-topline strong{font-size:8px}.idle-notice-topline span{color:#ffffffa8;letter-spacing:.06em;font-family:SFMono-Regular,Consolas,monospace}.idle-notice-topline strong{color:var(--creation-mint)}.idle-notice-content{max-width:640px;position:absolute;bottom:30px;left:30px;right:30px}.idle-notice-category{color:var(--creation-mango);font-size:9px;font-weight:770}.idle-notice-content h2{letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(31px,4vw,52px);font-weight:820;line-height:1.03}.idle-notice-content>p{color:#ffffffad;max-width:520px;margin:13px 0 0;font-size:12px;line-height:1.55}.idle-notice-organization{align-items:center;gap:9px;margin-top:17px;font-size:10px;display:flex}.idle-notice-organization span{color:#ffffff80}.idle-notice-progress{max-width:400px;margin-top:16px}.idle-notice-progress>div{color:#ffffffa8;justify-content:space-between;margin-bottom:7px;font-size:8px;display:flex}.idle-notice-progress>i{background:#ffffff2b;border-radius:999px;height:5px;display:block;overflow:hidden}.idle-notice-progress>i span{border-radius:inherit;background:var(--creation-mint);height:100%;display:block}.idle-notice-content>a{min-height:42px;color:var(--creation-ink);background:#fff;border-radius:10px;align-items:center;gap:20px;margin-top:18px;padding:0 14px;font-size:10px;font-weight:760;display:inline-flex}.idle-notice-content>small{color:#ffffff70;margin-top:9px;font-size:7px;display:block}.idle-notice-controls{justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:0 4px;display:flex}.idle-notice-controls>div{gap:6px;display:flex}.idle-notice-controls>div button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;position:relative}.idle-notice-controls>div button:before{background:var(--creation-line-strong);content:"";border-radius:999px;width:28px;height:6px;position:absolute;top:50%;left:50%;translate:-50% -50%}.idle-notice-controls>div button.is-active:before{background:var(--creation-iris)}.idle-notice-pause{border:1px solid var(--creation-line);background:var(--creation-surface);min-height:32px;color:var(--creation-muted);cursor:pointer;border-radius:8px;padding:0 9px;font-size:8px}.idle-notice-controls>span{color:var(--creation-dim);margin-left:auto;font-size:8px}.idle-notice-controls>span strong{color:var(--creation-ink)}.generation-stream-panel{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:20px;min-width:0;padding:21px;box-shadow:0 7px 22px #2020270b}.generation-stream-heading{border-bottom:1px solid var(--creation-line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.generation-stream-heading span{color:var(--creation-iris);letter-spacing:.07em;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:760;display:flex}.generation-stream-heading span i{background:var(--creation-iris);border-radius:50%;width:6px;height:6px}.generation-stream-heading strong{font-size:9px}.generation-stage-list{grid-template-columns:repeat(5,1fr);margin:17px 0 0;padding:0;list-style:none;display:grid}.generation-stage-list li{color:var(--creation-dim);flex-direction:column;align-items:center;gap:7px;font-size:7px;display:flex;position:relative}.generation-stage-list li:after{background:var(--creation-line);content:"";width:calc(100% - 28px);height:1px;position:absolute;top:13px;left:calc(50% + 14px)}.generation-stage-list li:last-child:after{display:none}.generation-stage-list li>i{z-index:1;border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:50%;place-items:center;width:27px;height:27px;font-size:7px;font-style:normal;display:grid}.generation-stage-list li.is-current{color:var(--creation-iris);font-weight:760}.generation-stage-list li.is-current>i{border-color:var(--creation-iris);background:var(--creation-iris);color:#fff}.generation-stage-list li.is-completed{color:#327a59}.generation-stage-list li.is-completed:after{background:#7fcea8}.generation-stage-list li.is-completed>i{border-color:var(--creation-mint);background:var(--creation-mint);color:#175b45}.generation-live-preview{border:1px solid var(--creation-line);background:var(--creation-surface-subtle);border-radius:14px;min-height:240px;margin-top:20px;position:relative;overflow:hidden}.generation-live-preview>img{object-fit:cover;filter:saturate(.72);opacity:.56;width:100%;height:240px}.generation-live-preview.has-preview>img{filter:none;opacity:1}.generation-live-preview>div{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;background:#14141894;border:1px solid #ffffff3d;border-radius:10px;padding:11px;position:absolute;bottom:10px;left:10px;right:10px}.generation-live-preview>div span,.generation-live-preview>div strong{display:block}.generation-live-preview>div span{color:var(--creation-sky);letter-spacing:.07em;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760}.generation-live-preview>div strong{margin-top:4px;font-size:9px}.generation-activity{border-top:1px solid var(--creation-line);margin-top:18px;padding-top:15px}.generation-activity>span{color:var(--creation-dim);letter-spacing:.07em;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;font-weight:760}.generation-activity ul{flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none;display:flex}.generation-activity li{color:var(--creation-muted);align-items:center;gap:8px;font-size:8px;display:flex}.generation-activity li i{background:var(--creation-line-strong);border-radius:50%;width:7px;height:7px}.generation-activity li i.is-completed{background:#42ba78}.generation-activity li i.is-in_progress{background:var(--creation-iris);box-shadow:0 0 0 3px #7257f51a}.generation-activity li i.is-failed{background:var(--creation-danger)}.generation-activity>p{color:var(--creation-dim);margin:10px 0 0;font-size:8px}.idle-impact-copy{background:var(--creation-surface-subtle);color:var(--creation-muted);border-radius:10px;margin:17px 0 0;padding:12px;font-size:8px;line-height:1.5}.generation-back-button{border:1px solid var(--creation-line);background:var(--creation-surface);width:100%;min-height:42px;color:var(--creation-muted);cursor:pointer;border-radius:10px;margin-top:10px;font-size:9px;font-weight:680}.result-state{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:0 38px;margin-top:48px;padding:20px;display:grid;box-shadow:0 12px 34px #20202714}.result-topline{border-bottom:1px solid var(--creation-line);min-height:44px;color:var(--creation-dim);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:8px;display:flex}.result-topline .status-line{color:#327a59}.result-preview{background:var(--creation-surface-strong);border-radius:16px;grid-row:2/6;min-height:650px;margin-top:18px;overflow:hidden}.result-preview img{object-fit:cover;width:100%;height:100%;min-height:650px}.result-copy{padding-top:70px}.result-copy h1{letter-spacing:-.07em;margin:14px 0 0;font-size:clamp(40px,5vw,64px);font-weight:830;line-height:.98}.result-copy p{color:var(--creation-muted);margin:18px 0 0;font-size:13px;line-height:1.65}.result-actions{grid-template-columns:1fr 1fr;align-self:end;gap:8px;margin-top:30px;display:grid}.result-actions .primary-button{grid-column:1/-1;text-decoration:none}.secondary-button{border:1px solid var(--creation-line-strong);background:var(--creation-surface);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;min-height:46px;padding:0 13px;font-size:10px;font-weight:720;display:flex}.result-share-status{background:var(--creation-mint);color:#175b45;border-radius:9px;margin:10px 0 0;padding:10px;font-size:8px;font-weight:700}.result-share-status.is-fallback{color:#8c4f10;background:#ffb86b2e}.result-share-fallback{margin-top:8px;display:block}.result-share-fallback span{color:var(--creation-muted);margin-bottom:5px;font-size:8px;font-weight:700;display:block}.result-share-fallback input{border:1px solid var(--creation-line-strong);background:var(--creation-surface-subtle);width:100%;min-height:44px;color:var(--creation-ink);border-radius:9px;padding:0 11px;font-size:9px}.session-jobs{border:1px solid var(--creation-line);background:var(--creation-surface);border-radius:18px;margin-top:22px;padding:20px}.session-jobs-heading{border-bottom:1px solid var(--creation-line);justify-content:space-between;align-items:end;gap:20px;padding-bottom:15px;display:flex}.session-jobs-heading h2{letter-spacing:-.05em;margin:7px 0 0;font-size:21px;font-weight:790}.session-jobs-heading p{color:var(--creation-dim);margin:0;font-size:8px}.session-jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.session-job-card{border:1px solid var(--creation-line);background:var(--creation-surface);cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:93px;padding:8px;display:grid}.session-job-card:hover{border-color:var(--creation-iris)}.session-job-thumb{background:var(--creation-surface-strong);border-radius:9px;width:76px;height:76px;display:block;position:relative;overflow:hidden}.session-job-thumb img{object-fit:cover;width:100%;height:100%}.session-job-thumb>i{border:3px solid #0000;border-top-color:var(--creation-iris);border-radius:50%;animation:1.1s linear infinite session-spinner;position:absolute;inset:0;scale:.36}@keyframes session-spinner{to{rotate:360deg}}.session-job-copy{flex-direction:column;min-width:0;display:flex}.session-job-status{color:var(--creation-iris);align-items:center;gap:6px;font-size:7px;display:flex}.session-job-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.session-job-copy>strong,.session-job-copy>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-job-copy>strong{margin-top:7px;font-size:10px}.session-job-copy>small{color:var(--creation-dim);margin-top:5px;font-size:7px}.session-job-arrow{color:var(--creation-dim);font-size:12px}@media (width<=1260px){.template-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-pair.count-3,.session-jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1020px){.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creation-workspace{grid-template-columns:1fr}.prompt-column{position:static}.generation-wait-grid{grid-template-columns:1fr}.generation-stream-panel{grid-template-columns:1fr 1fr;gap:18px;display:grid}.generation-stream-heading,.generation-stage-list{grid-column:1/-1}.generation-live-preview,.generation-activity{margin-top:0}.result-state{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}}@media (width<=760px){.creation-page{padding-bottom:calc(88px + env(safe-area-inset-bottom));background:var(--creation-canvas)}.creation-shell{padding:0 14px 22px}.creation-header{min-height:58px;margin-inline:-14px;padding:0 14px}.creation-brand{font-size:12px}.creation-brand-mark{width:30px;height:30px}.bridge-status{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:8px;overflow:hidden}.creation-header-actions>a{display:none}.creation-intro{grid-template-columns:1fr;gap:18px;padding:38px 4px 25px}.creation-intro h1{font-size:clamp(42px,12vw,57px)}.creation-intro h1 em{white-space:normal}.creation-intro p{font-size:12px}.template-library{box-shadow:none;border-inline:0;border-radius:0;margin-inline:-14px;padding:17px 0 18px}.template-library .section-label-row{margin-inline:14px}.template-category-rail{padding-inline:14px}.template-category-rail button{min-height:44px}.template-card-grid{scroll-snap-type:x mandatory;gap:10px;padding:0 14px 8px;display:flex;overflow-x:auto}.recipe-card{scroll-snap-align:start;flex:0 0 76vw;width:76vw;min-height:334px}.recipe-card-media{aspect-ratio:1.48}.creation-workspace{gap:11px}.reference-column,.prompt-column{border-radius:16px;padding:16px}.reference-pair,.reference-pair.count-1,.reference-pair.count-3,.reference-pair.count-4{grid-template-columns:1fr}.reference-pair.count-1 .reference-item{display:block}.reference-pair.count-1 .reference-dropzone,.reference-dropzone{aspect-ratio:4/3}.reference-item+.reference-item{margin-top:8px}.reference-meta{min-height:61px}.prompt-column{border-color:var(--creation-line-strong);margin-top:0;box-shadow:0 12px 28px #20202714}.spec-contract-card ol{grid-template-columns:1fr}.prompt-automation-card,.quality-caption{display:none}.template-settings-options button,.ratio-options button,.quality-options button{min-height:62px}.parameter-panel{grid-template-columns:1fr}.output-summary{grid-column:auto}.desktop-create-action{display:none}.sample-consent{flex-direction:column;align-items:stretch}.sample-consent button{width:100%}.creation-footer{min-height:64px;padding:0 4px}.creation-footer>span{max-width:68%;line-height:1.5}.mobile-create-dock{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;display:block;position:fixed;left:10px}.mobile-create-dock-inner{-webkit-backdrop-filter:blur(28px)saturate(1.25);backdrop-filter:blur(28px)saturate(1.25);color:#fff;background:#141418c7;border:1px solid #ffffff3d;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 14px 34px #2020273d}.mobile-create-dock-inner>div{flex-direction:column;gap:4px;min-width:0;display:flex}.mobile-create-dock-inner>div span{color:var(--creation-mango);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:720;overflow:hidden}.mobile-create-dock-inner>div strong{font-size:11px}.mobile-create-dock-inner>button{background:var(--creation-iris);color:#fff;cursor:pointer;border:0;border-radius:12px;flex:none;min-height:52px;padding:0 16px;font-size:11px;font-weight:790}.mobile-create-dock-inner>button:disabled{color:#ffffff6b;cursor:not-allowed;background:#ffffff21}.generation-wait-state{padding:32px 0 20px}.generation-status-strip{border-radius:15px;padding:19px}.generation-status-copy{grid-template-columns:1fr}.generation-step-count{margin-top:8px}.generation-status-copy h1{margin-top:18px;font-size:38px}.generation-wait-grid{gap:11px;margin-top:11px}.idle-notice-card{border-radius:16px;min-height:620px}.idle-notice-content{bottom:22px;left:20px;right:20px}.idle-notice-content h2{font-size:36px}.idle-notice-controls{min-height:54px}.idle-notice-pause{min-height:38px}.generation-stream-panel{border-radius:16px;padding:17px;display:block}.generation-stage-list{margin-top:17px}.generation-live-preview{margin-top:20px}.generation-activity{margin-top:17px}.result-state{border-radius:17px;flex-direction:column;gap:0;margin-top:28px;padding:13px;display:flex}.result-topline{order:0}.result-preview{aspect-ratio:4/5;order:1;min-height:0;margin-top:12px}.result-preview img{height:100%;min-height:0}.result-copy{order:2;padding:27px 7px 0}.result-copy h1{font-size:43px}.result-actions{order:3;padding:0 7px}.result-share-status{order:4;margin-inline:7px}.result-share-fallback{order:5;margin-inline:7px}.session-jobs{padding:15px}.session-jobs-heading{flex-direction:column;align-items:start}.session-jobs-grid{grid-template-columns:1fr}.session-job-card{min-height:89px}}@media (width<=390px){.recipe-card{flex-basis:82vw;width:82vw}.template-settings-options,.ratio-options,.quality-options,.template-settings-options.count-3,.template-settings-options.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}.idle-notice-card{min-height:580px}.result-actions{grid-template-columns:1fr}.result-actions .primary-button{grid-column:auto}}@media (prefers-reduced-motion:reduce){.creation-page *,.creation-page :before,.creation-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.creation-header,.idle-notice-topline,.generation-live-preview>div,.mobile-create-dock-inner{-webkit-backdrop-filter:none;backdrop-filter:none}.creation-header{background:#faf8f4}.idle-notice-topline,.generation-live-preview>div,.mobile-create-dock-inner{background:#141418f0}}
