@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}}.processing-controls{background:#ffffffdb;border:1px solid #d8dad7;margin-top:12px;padding:16px}.processing-controls.compact{border-color:#e6e8e4;padding:12px 14px;box-shadow:0 8px 22px #1c27360d}.processing-controls.compact.collapsed{background:#ffffffb8}.control-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.control-heading>div{align-items:center;gap:7px;min-width:0;display:flex}.control-heading svg{color:#3157ef;width:14px}.control-heading b{font-size:11px}.control-heading>span{color:#85898b;flex:1;min-width:0;font-size:8px}.control-state{color:#3157ef;white-space:nowrap;background:#eef2ff;border:1px solid #d8e0ff;border-radius:999px;padding:3px 7px;font-size:8px}.strengths{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:15px;display:grid}.processing-controls.compact .strengths{grid-template-columns:1fr;gap:5px;margin-bottom:10px}.strengths button{text-align:left;color:#767a7c;background:#fafbf9;border:1px solid #d9dcd8;grid-template-columns:18px 1fr;align-items:center;padding:9px;display:grid}.processing-controls.compact .strengths button{padding:8px 9px}.strengths button.active{color:#111;background:#f2f5ff;border-color:#3157ef}.strengths button>span{border:1px solid #ccd0cc;border-radius:50%;grid-row:1/3;place-items:center;width:17px;height:17px;display:grid}.strengths button.active>span{color:#fff;background:#3157ef}.strengths svg{width:10px}.strengths b{font-size:10px}.strengths small{margin-top:2px;font-size:7px}.processing-controls.compact .strengths small{display:none}.slider-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.processing-controls.compact .slider-grid{grid-template-columns:1fr;gap:10px}.slider-grid label>span{justify-content:space-between;align-items:center;display:flex}.slider-grid b{font-size:9px}.slider-grid em{color:#3157ef;font-size:8px;font-style:normal}.slider-grid input{accent-color:#3157ef;width:100%;height:3px}.processed{isolation:isolate}.effect-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.grain{mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.halftone{mix-blend-mode:multiply;background-image:radial-gradient(circle,#173da0 1px,#0000 1.4px);background-size:6px 6px}.ink{mix-blend-mode:multiply;box-shadow:inset 8px 0 #ff28372e,inset -8px 0 #0050ff2e}.processed>.picture{height:100%}@media (max-width:620px){.slider-grid{grid-template-columns:1fr}.control-heading{flex-direction:column;align-items:flex-start;gap:6px}}:root{--paper:#f7f7f4;--ink:#101113;--blue:#3157ef;--blue2:#7a8cff;--line:#dfe1df;--muted:#74777a}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#e9eae8 1px,#0000 1px),linear-gradient(90deg,#e9eae8 1px,#0000 1px);background-size:128px 128px;min-height:100vh;margin:0;font-family:Arial,PingFang SC,sans-serif}button,input{font:inherit}button{cursor:pointer}header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:30;background:#f7f7f4e6;align-items:center;gap:35px;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.brand>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.brand em{background:linear-gradient(90deg,var(--blue),#9ba7ff);color:#fff;border-radius:99px;padding:4px 6px;font-size:8px;font-style:normal}.step-nav{flex:1;justify-content:center;align-items:center;display:flex}.step-item{color:#aaa;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.step-item:not(:last-child):after{content:"";background:#d5d6d4;width:clamp(15px,3vw,48px);height:1px;margin:0 8px}.step-item>span{border:1px solid #ccd0ca;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.step-item.is-done{color:#242628}.step-item.is-done>span{background:var(--blue);border-color:var(--blue);color:#fff}.quiet,.white,.blue{border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.quiet{color:#5e6264;background:0 0;border:0}.white{color:#242628;background:#fff;border:1px solid #d4d6d3;box-shadow:0 5px 14px #1e23280a}.blue{background:linear-gradient(100deg,var(--blue),#5873ff);color:#fff;border:0;box-shadow:0 9px 24px #3157ef38}.blue:hover,.white:hover{transform:translateY(-1px)}.blue:disabled{opacity:.4;cursor:not-allowed}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;max-width:1500px;min-height:660px;margin:auto;padding:70px 7vw;display:grid}.kicker{letter-spacing:.14em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.kicker svg{width:14px;color:var(--blue)}.hero h1,.page-title h1,.generate-copy h1,.result-head h1{letter-spacing:-.07em;margin:22px 0;font-size:clamp(48px,6vw,84px);line-height:.98}.hero h1 span{color:var(--blue)}.hero-copy>p{color:#65686b;max-width:470px;line-height:1.75}.hero-buttons{gap:10px;margin:28px 0;display:flex}.hero-buttons svg,.bottom-action svg,.result-head button svg{width:16px}.trust{flex-wrap:wrap;gap:7px;display:flex}.trust span{background:#fff9;border:1px solid #dbddda;border-radius:99px;align-items:center;gap:4px;padding:6px 9px;font-size:9px;display:flex}.trust svg{width:11px;color:var(--blue)}.hero-board{background:#fff;border:1px solid #d4d5d3;height:520px;padding:32px;position:relative;transform:rotate(1deg);box-shadow:0 22px 60px #171c201f}.hero-board:before{content:"";border:1px solid #e5e6e4;position:absolute;inset:13px}.hero-photo{width:72%;height:100%;margin-left:auto;position:relative}.picture{background:#ececea;position:relative;overflow:hidden}.picture img{object-fit:cover}.hero-photo .picture{height:100%}.paper-label{z-index:4;background:linear-gradient(90deg,var(--blue),#b8c0ff);color:#fff;border-radius:99px 99px 4px;padding:10px 21px;font-size:11px;font-weight:900;position:absolute;top:54px;left:-30px;box-shadow:0 10px 20px #b9bdc7}.floating-note{background:#f5f4ef;border:1px solid #cfd1ce;width:180px;padding:20px;position:absolute;bottom:48px;left:-45px;box-shadow:0 14px 35px #b8bab7}.floating-note small{color:#777;font-size:8px}.floating-note b{margin:10px 0;font-size:22px;line-height:1.05;display:block}.floating-note i{gap:4px;display:flex}.floating-note i span{background:#ef4538;width:19px;height:7px}.floating-note i span:nth-child(2){background:#f5be34}.floating-note i span:nth-child(3){background:#1749c7}.floating-note i span:nth-child(4){background:#22a765}.round-stamp{text-align:center;background:#f4f4f1;border:2px solid #222;border-radius:50%;align-content:center;place-items:center;width:86px;height:86px;font-size:9px;display:grid;position:absolute;top:-25px;right:-25px;transform:rotate(12deg)}.round-stamp b{font-size:20px}.upload-wrap,.content{max-width:1280px;margin:auto;padding:60px 30px}.section-intro{align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-intro>span{color:#fff;background:#111;border-radius:50%;padding:8px;font-size:10px}.section-intro h2{margin:0;font-size:27px}.section-intro p{color:var(--muted);margin:4px 0;font-size:11px}.drop{text-align:center;background:#ffffff9e;border:1.5px dashed #b8bdba;align-content:center;place-items:center;min-height:290px;transition:all .2s;display:grid;position:relative;overflow:hidden}.drop:hover,.drop.drag{border-color:var(--blue);background:#f5f7ff}.drop>.picture{position:absolute;inset:0}.drop>.picture img{object-fit:contain}.drop-icon{width:57px;height:57px;color:var(--blue);background:#eef0ff;border-radius:50%;place-items:center;display:grid}.drop h3{margin:14px 0 4px}.drop p{color:#85898b;margin:0;font-size:10px}.remove{z-index:3;background:#fff;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.remove svg{width:15px}.photo-meta{z-index:3;text-align:left;background:#ffffffe6;padding:9px 12px;position:absolute;bottom:12px;left:12px;box-shadow:0 5px 20px #aaa}.photo-meta b,.photo-meta span{font-size:9px;display:block}.photo-meta span{color:#777;margin-top:3px}.next{margin:18px 0 0 auto}.error{color:#d84136;font-size:11px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.page-title>div>span,.generate-copy>span,.result-head>div>span{letter-spacing:.15em;color:var(--blue);font-size:9px;font-weight:900}.page-title h1,.generate-copy h1,.result-head h1{margin:12px 0;font-size:clamp(38px,5vw,65px)}.page-title p,.generate-copy>p,.result-head p{color:var(--muted)}.mini-source{border:8px solid #fff;width:105px;height:105px;box-shadow:0 8px 25px #c9cbc8}.style-layout{grid-template-columns:1fr 330px;gap:20px;display:grid}.block-title{margin:0 0 12px;font-size:14px}.block-title em{color:var(--blue);font-style:normal}.style-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.style-card{text-align:left;background:#fffc;border:1px solid #d9dbd8;padding:10px;position:relative}.style-card.selected{border:2px solid var(--blue);padding:9px;box-shadow:0 9px 24px #3157ef1f}.style-visual{background:#eee;height:125px;position:relative;overflow:hidden}.style-visual span{z-index:2;background:#fff;padding:4px 6px;font-size:7px;position:absolute;bottom:8px;left:8px}.style-visual i{border-radius:50%;width:95px;height:95px;position:absolute}.style-visual i:first-of-type{top:-20px;left:-30px}.style-visual i:nth-of-type(2){top:5px;right:-25px}.style-visual i:nth-of-type(3){bottom:-55px;left:30px}.style-visual i:nth-of-type(4){bottom:-60px;right:12px}.v2{filter:saturate(.5);background:linear-gradient(135deg,#604b35,#d7c29e)}.v3{background:linear-gradient(150deg,#fff 0 55%,#ef8aa6 55%)}.v4{background:linear-gradient(110deg,#121212 0 45%,#eee 45% 70%,#315eea 70%)}.v5{background:linear-gradient(130deg,#bd654e,#e8cf9d,#315b52)}.v6{background:linear-gradient(135deg,#ff4f72 0 33%,#5b4dff 33% 66%,#ffcf3f 66%)}.style-card>div:last-of-type b{margin:10px 0 4px;font-size:12px;display:block}.style-card p{color:#73777a;margin:0;font-size:9px;line-height:1.5}.selected-mark{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:6px;right:6px}.selected-mark svg{width:12px}.reference-card{background:#fff;border:1px solid #d6d8d5;padding:24px;position:relative}.reference-card.selected{border:2px solid var(--blue)}.new-tag{color:#fff;background:#111;padding:5px 7px;font-size:7px}.reference-card h2{letter-spacing:-.04em;margin:18px 0 8px;font-size:25px}.reference-card>p{color:#73777a;font-size:10px;line-height:1.6}.reference-card>.picture{height:260px;margin-top:20px}.ref-upload{background:#f6f7f5;border:1px dashed #aeb4b0;align-content:center;place-items:center;width:100%;height:260px;margin-top:20px;display:grid}.ref-upload svg{color:var(--blue)}.ref-upload b,.ref-upload span{margin-top:8px;display:block}.ref-upload span{color:#85898b;font-size:8px}.privacy{color:#7e8284;align-items:center;gap:5px;margin-top:13px;font-size:8px;display:flex}.privacy svg{width:12px}.bottom-action{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#ffffffeb;border:1px solid #d7d9d6;justify-content:space-between;align-items:center;margin-top:30px;padding:13px 15px;display:flex;position:sticky;bottom:14px;box-shadow:0 12px 40px #1e23281a}.bottom-action>div{text-align:center}.bottom-action>div span,.bottom-action>div b{font-size:9px;display:block}.bottom-action>div b{margin-top:3px;font-size:12px}.confirm-layout{grid-template-columns:.75fr 1.25fr;gap:35px;display:grid}.portrait-lock{border:16px solid #fff;width:100%;height:auto;max-height:680px;position:relative;box-shadow:0 18px 55px #c8cbc7}.portrait-lock>.picture{height:100%}.portrait-lock>span{color:#fff;white-space:nowrap;background:#111;align-items:center;gap:5px;padding:8px 12px;font-size:9px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.portrait-lock>span svg{width:12px}.face-box{border:1px solid #ffffffb3;width:45%;height:43%;position:absolute;top:16%;left:28%}.face-box i{border-color:var(--blue);width:18px;height:18px;position:absolute}.face-box i:first-child{border-left:3px solid var(--blue);border-top:3px solid var(--blue);top:-1px;left:-1px}.face-box i:nth-child(2){border-right:3px solid var(--blue);border-top:3px solid var(--blue);top:-1px;right:-1px}.face-box i:nth-child(3){border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);bottom:-1px;left:-1px}.face-box i:nth-child(4){border-right:3px solid var(--blue);border-bottom:3px solid var(--blue);bottom:-1px;right:-1px}.lock-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lock-list button{text-align:left;color:#8a8d8f;background:#fff;border:1px solid #d8dad7;align-items:center;gap:11px;padding:15px;display:flex}.lock-list button.on{color:#111;background:#f8f9ff;border-color:#aeb8e8}.lock-list button>span{border:1px solid #cfd2cf;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.lock-list button.on>span{background:var(--blue);color:#fff;border-color:var(--blue)}.lock-list svg{width:12px}.lock-list button>svg{margin-left:auto}.lock-list b,.lock-list small{display:block}.lock-list b{font-size:11px}.lock-list small{color:#848789;margin-top:4px;font-size:8px}.output-setting,.prompt-preview{background:#ffffffbf;border:1px solid #d8dad7;margin-top:12px;padding:15px}.output-setting>span{margin-right:10px;font-size:10px;font-weight:700}.output-setting button{background:#fff;border:1px solid #d4d6d3;margin-right:5px;padding:7px 10px;font-size:9px}.output-setting button.selected{border-color:var(--blue);color:var(--blue)}.output-setting em{color:#999;font-size:8px}.prompt-preview>div{align-items:center;gap:6px;display:flex}.prompt-preview svg{width:13px;color:var(--blue)}.prompt-preview p{color:#6c7072;font-size:10px;line-height:1.65}.generating{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:690px;padding:65px 10vw;display:grid}.generate-art{background:#fff;width:100%;height:auto;max-height:640px;padding:18px;position:relative;box-shadow:0 18px 60px #c8cac6}.generate-art>.picture{filter:saturate(.7);height:100%}.scan{background:var(--blue);height:2px;box-shadow:0 0 25px var(--blue);animation:2s ease-in-out infinite scan;position:absolute;top:25%;left:18px;right:18px}@keyframes scan{50%{top:80%}}.progress-orbit{border:2px solid var(--blue);background:#ffffffd9;border-top-color:#0000;border-radius:50%;align-content:center;place-items:center;width:130px;height:130px;animation:4s linear infinite spin;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-orbit b,.progress-orbit span{animation:4s linear infinite reverse spin}.progress-orbit b{font-size:31px}.progress-orbit span{letter-spacing:.1em;font-size:7px}@keyframes spin{to{transform:rotate(360deg)}}.main-progress{background:#dedfdd;height:6px;margin:25px 0}.main-progress i{background:linear-gradient(90deg,var(--blue),#9aa7ff);height:100%;display:block}.phase-list>div{color:#a1a4a5;align-items:center;gap:10px;margin:12px 0;display:flex}.phase-list>div>span{border:1px solid #d0d2d0;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.phase-list svg{width:11px}.phase-list b{font-size:10px}.phase-list small{margin-left:auto;font-size:8px}.phase-list .done{color:#676b6d}.phase-list .done>span{color:var(--blue);background:#e9edff}.phase-list .active{color:#111}.phase-list .active>span{background:var(--blue);color:#fff}.result-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.result-head>div:last-child{gap:8px;display:flex}.compare{border:16px solid #fff;width:min(760px,100%);margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 70px #c6c8c4}.compare>.picture,.after,.after>.picture{position:absolute;inset:0}.compare input{opacity:0;z-index:6;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.divider{z-index:5;background:#fff;width:2px;position:absolute;top:0;bottom:0}.divider i{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #555}.before-tag,.after-tag{z-index:4;background:#fff;padding:6px 9px;font-size:8px;position:absolute;top:15px}.before-tag{left:15px}.after-tag{background:var(--blue);color:#fff;right:15px}.result-info{background:#fff;border:1px solid #dbddda;grid-template-columns:repeat(4,1fr);max-width:760px;margin:18px auto;display:grid;position:relative}.result-info>div{border-right:1px solid #e1e2e0;padding:15px}.result-info small,.result-info b{font-size:8px;display:block}.result-info b{margin-top:4px;font-size:11px}.result-info>span{color:#fff;background:#111;padding:4px 6px;font-size:6px;position:absolute;top:-9px;right:7px}.result-note{background:#f3f5ff;border:1px solid #ccd3f5;gap:12px;max-width:760px;margin:15px auto;padding:18px;display:flex}.result-note>svg{color:var(--blue)}.result-note b{font-size:12px}.result-note p{color:#6d7174;font-size:9px;line-height:1.6}.empty{text-align:center;align-content:center;place-items:center;min-height:650px;display:grid}.empty>svg{color:var(--blue)}.empty p{color:#777}footer{color:#777;border-top:1px solid #dcdddb;justify-content:space-between;margin-top:60px;padding:25px 5vw;font-size:8px;display:flex}@media (max-width:950px){.step-nav{display:none}.hero,.generating{grid-template-columns:1fr}.hero-board{width:100%;max-width:620px;margin:auto}.style-layout{grid-template-columns:1fr}.reference-card{margin-top:15px}.confirm-layout{grid-template-columns:1fr}.portrait-lock{width:100%;max-width:500px;height:auto;margin:auto}.style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){header{height:64px;padding:0 16px}.brand em,header>.quiet{display:none}.hero{padding:45px 20px}.hero h1{font-size:50px}.hero-buttons,.result-head,.page-title{flex-direction:column;align-items:stretch}.hero-buttons button{width:100%}.hero-board{height:410px;padding:22px}.floating-note{bottom:25px;left:-10px}.round-stamp{right:-8px}.upload-wrap,.content{padding:42px 16px}.style-grid{grid-template-columns:1fr 1fr;gap:8px}.style-visual{height:100px}.style-card p,.bottom-action>div{display:none}.bottom-action .blue{margin-left:auto}.lock-list{grid-template-columns:1fr}.generating{padding:40px 16px}.generate-art{grid-row:1;height:auto}.result-head>div:last-child{display:grid}.compare{border-width:8px}.result-info{grid-template-columns:1fr}.result-info>div{border-bottom:1px solid #eee;border-right:0}.output-setting em{margin-top:8px;display:block}.page-title h1,.generate-copy h1,.result-head h1{font-size:43px}footer{flex-direction:column;gap:7px}}.uploaded-workspace{gap:16px;min-width:0;display:grid}.uploaded-workspace .hero-board{height:400px;margin:0}.hero.has-upload{align-items:start}.hero.has-upload .hero-copy{padding-top:68px}.workspace-controls{background:#ffffffd6;border:1px solid #d6d9d5;padding:14px;box-shadow:0 14px 35px #1c232c14}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:9px;display:flex}.workspace-heading span,.workspace-heading b{display:block}.workspace-heading span{letter-spacing:.12em;color:var(--blue);font-size:9px;font-weight:900}.workspace-heading b{margin-top:4px;font-size:13px}.workspace-heading em{color:#818587;white-space:nowrap;font-size:8px;font-style:normal}.workspace-style-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.workspace-style-grid .style-card{padding:6px}.workspace-style-grid .style-card.selected{padding:5px}.workspace-style-grid .style-visual{height:64px}.workspace-style-grid .style-card>div:last-of-type b{white-space:nowrap;margin:6px 0 0;font-size:9px}.workspace-style-grid .style-card p{display:none}.workspace-style-grid .selected-mark{width:18px;height:18px;top:4px;right:4px}.workspace-style-grid .selected-mark svg{width:9px}.workspace-action{width:100%;margin-top:10px}.workspace-replace{z-index:5;background:#fffffff0;border:1px solid #d4d6d3;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:17px;right:17px;box-shadow:0 6px 18px #14191e1f}.workspace-replace svg{width:12px}@media (max-width:1100px) and (min-width:621px){.workspace-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-style-grid .style-visual{height:72px}}@media (max-width:620px){.hero.has-upload .hero-copy{padding-top:0}.uploaded-workspace .hero-board{height:410px}.workspace-heading{flex-direction:column;align-items:flex-start;gap:5px}.workspace-style-grid{grid-template-columns:repeat(2,1fr)}.workspace-style-grid .style-visual{height:90px}.workspace-replace{bottom:12px;right:12px}}