.quick-generator{padding:clamp(28px,4vw,56px) 0 clamp(64px,7vw,104px)}.quick-generator-heading{grid-template-columns:minmax(0,.92fr) minmax(340px,.68fr);align-items:end;gap:clamp(40px,7vw,110px);margin-bottom:34px;display:grid}.quick-generator-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:.72rem;font-weight:720;display:inline-flex}.quick-generator-eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.quick-generator-heading h2{max-width:720px;font-family:var(--font-display);letter-spacing:-.058em;margin:0;font-size:clamp(2.65rem,4.6vw,5rem);font-weight:620;line-height:.95}.quick-generator-intro p{color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65}.quick-generator-intro>span{color:#256e58;align-items:center;gap:7px;margin-top:18px;font-size:.82rem;font-weight:760;display:inline-flex}.quick-generator-frame{background:#fff;border:1px solid #b7c0d1cc;border-radius:30px;grid-template-columns:minmax(340px,.82fr) minmax(0,1.4fr);min-height:720px;display:grid;overflow:hidden;box-shadow:0 42px 110px -72px #152443cc}.quick-generator-form{border-right:1px solid var(--line);background:linear-gradient(#f7f8fc80,#fff0),#fff;flex-direction:column;padding:clamp(24px,3vw,38px);display:flex}.quick-form-section+.quick-form-section{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.quick-section-heading{grid-template-columns:34px 1fr;align-items:start;gap:12px;margin-bottom:18px;display:grid}.quick-section-heading>span{width:31px;height:31px;color:var(--accent-dark);font-family:var(--font-mono);background:#eef4ff;border:1px solid #b9cdf8;border-radius:50%;place-items:center;font-size:.66rem;font-weight:760;display:grid}.quick-section-heading strong,.quick-section-heading small{display:block}.quick-section-heading strong{color:#151d2f;letter-spacing:-.015em;font-size:.92rem}.quick-section-heading small{color:#7a8496;margin-top:4px;font-size:.73rem;line-height:1.45}.quick-presets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-presets button{color:#f6f8ff;cursor:pointer;text-align:left;background:#121a2d;border:2px solid #0000;border-radius:15px;min-width:0;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s;position:relative;overflow:hidden}.quick-presets button:after{content:"";background:linear-gradient(#0000 35%,#080d19d1);position:absolute;inset:0}.quick-presets button:hover{transform:translateY(-2px)}.quick-presets button:active{transform:scale(.98)}.quick-presets button.active{border-color:var(--accent)}.quick-presets img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.quick-presets span{z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:760;position:absolute;bottom:8px;left:9px;right:9px;overflow:hidden}.quick-generator-form label,.quick-ratios legend{color:#4e586b;margin-bottom:8px;font-size:.72rem;font-weight:760;display:block}.quick-generator-form textarea{resize:vertical;color:#172033;background:#fbfcfe;border:1px solid #cfd6e2;border-radius:14px;outline:none;width:100%;min-height:134px;padding:15px 16px;font-size:.86rem;line-height:1.6;transition:border-color .18s,box-shadow .18s,background .18s}.quick-generator-form textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.quick-prompt-meta{color:#929bab;font-family:var(--font-mono);justify-content:flex-end;margin-top:7px;font-size:.62rem;display:flex}.quick-ratios{border:0;grid-template-columns:repeat(4,1fr);gap:7px;margin:26px 0 0;padding:0;display:grid}.quick-ratios legend{grid-column:1/-1}.quick-ratios button{color:#657084;cursor:pointer;min-height:38px;font-family:var(--font-mono);background:#fff;border:1px solid #d5dbe5;border-radius:10px;font-size:.68rem;font-weight:720;transition:transform .16s,color .16s,border-color .16s,background .16s}.quick-ratios button:hover,.quick-ratios button.active{color:var(--accent-dark);background:#eef4ff;border-color:#a8c0f5}.quick-ratios button:active{transform:scale(.97)}.quick-error{color:#983245;background:#fff3f5;border:1px solid #f0b9c3;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:9px;margin-top:18px;padding:11px 12px;font-size:.75rem;line-height:1.45;display:grid}.quick-error button{color:currentColor;cursor:pointer;background:0 0;border:0;padding:0}.quick-generate-button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;min-height:56px;margin-top:22px;padding:0 18px 0 20px;font-size:.88rem;font-weight:780;transition:transform .19s cubic-bezier(.16,1,.3,1),background .19s;display:flex;box-shadow:0 18px 34px -22px #2563ebdb}.quick-generate-button>span{align-items:center;gap:9px;display:inline-flex}.quick-generate-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px)}.quick-generate-button:active:not(:disabled){transform:scale(.985)}.quick-generate-button:disabled{cursor:wait;opacity:.58}.quick-free-note{color:#8a93a4;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;margin-top:11px;font-size:.66rem;line-height:1.45;display:flex}.quick-free-note strong{color:#50705f;font-weight:760}.quick-result{color:#eef3ff;background:linear-gradient(#40537a1c 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#40537a1c 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 82% 8%,#2563eb2e,#0000 25rem),#0c1322;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.quick-result-header{backdrop-filter:blur(14px);background:#090f1cb8;border-bottom:1px solid #8395ba33;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px clamp(20px,3vw,34px);display:flex}.quick-result-header>div:first-child span,.quick-result-header>div:first-child strong{display:block}.quick-result-header>div:first-child span{color:#74829c;font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:.61rem}.quick-result-header>div:first-child strong{font-family:var(--font-display);letter-spacing:-.025em;margin-top:5px;font-size:1.1rem}.quick-stage-switcher{background:#ffffff09;border:1px solid #8395ba33;border-radius:12px;gap:4px;padding:4px;display:flex}.quick-stage-switcher button{color:#77859e;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding-inline:12px;font-size:.7rem;font-weight:720;display:inline-flex}.quick-stage-switcher button.active{color:#eef3ff;background:#27334a;box-shadow:inset 0 1px #ffffff14}.quick-stage-switcher button:disabled{cursor:not-allowed;opacity:.45}.quick-result-canvas{place-items:center;min-height:490px;padding:clamp(22px,3.2vw,42px);display:grid;position:relative}.quick-empty-result{grid-template-columns:minmax(0,1.28fr) minmax(190px,.72fr);align-items:center;gap:clamp(20px,3vw,34px);width:min(100%,660px);display:grid}.quick-example-image{background:#dfe5eb;border:1px solid #9db0d73d;border-radius:20px;position:relative;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 36px 72px -48px #000000e6}.quick-example-image img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.82)contrast(.96);width:100%;display:block}.quick-example-image span{color:#dce7ff;backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#0c1322c2;border:1px solid #ffffff1f;border-radius:999px;padding:7px 9px;font-size:.57rem;font-weight:760;position:absolute;top:12px;left:12px}.quick-empty-result>div:last-child{max-width:260px}.quick-empty-result>div:last-child>svg{color:#6f96eb}.quick-empty-result strong{font-family:var(--font-display);letter-spacing:-.045em;margin-top:16px;font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:1.05;display:block}.quick-empty-result p{color:#97a4ba;margin:12px 0 0;font-size:.84rem;line-height:1.62}.quick-processing,.quick-failed{text-align:center;justify-items:center;width:min(100%,520px);display:grid}.quick-processing-visual{aspect-ratio:4/3;background:linear-gradient(90deg,#0000 49.5%,#80a8ff24 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#80a8ff24 50%,#0000 50.5%),#1c2840b8;border:1px solid #80a8ff33;border-radius:20px;width:min(100%,430px);position:relative;overflow:hidden}.quick-processing-visual span{background:#2563eb0f;border:1px solid #80a8ff57;display:block;position:absolute}.quick-processing-visual span:first-child{inset:14% 45% 52% 12%}.quick-processing-visual span:nth-child(2){inset:14% 12% 52% 58%}.quick-processing-visual span:nth-child(3){inset:58% 56% 12% 12%}.quick-processing-visual span:nth-child(4){inset:58% 12% 12% 48%}.quick-processing-visual i{background:#5b89efc2;height:2px;animation:2.2s cubic-bezier(.45,0,.55,1) infinite quick-scan;position:absolute;left:0;right:0;box-shadow:0 0 18px #5b89ef5c}.quick-processing>svg{color:#80a8ff;margin-top:24px}.quick-processing strong,.quick-failed strong{font-family:var(--font-display);letter-spacing:-.035em;margin-top:14px;font-size:1.4rem;display:block}.quick-processing p{color:#8e9bb1;max-width:500px;margin:8px 0 0;font-size:.82rem;line-height:1.6}.quick-failed{color:#f3c0c8}.quick-failed button{color:#f5f7fc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:42px;margin-top:20px;padding-inline:16px;display:inline-flex}.quick-ready{width:min(100%,720px);position:relative}.quick-ready img{object-fit:contain;background:#e9edf1;border:1px solid #acbee03d;border-radius:22px;width:100%;max-height:560px;display:block;box-shadow:0 38px 86px -50px #000000f2}.quick-ready>span{color:#dff9ef;backdrop-filter:blur(12px);background:#0e3c30d1;border:1px solid #8ce7c133;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.68rem;font-weight:760;display:inline-flex;position:absolute;top:14px;left:14px}.quick-result-footer{backdrop-filter:blur(14px);background:#090f1cb8;border-top:1px solid #8395ba33;padding:20px clamp(20px,3vw,34px) 24px}.quick-flow{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.quick-flow>span{color:#65728a;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;font-size:.7rem;font-weight:700;display:grid}.quick-flow>span.current{color:#c9d8f8}.quick-flow>span.complete{color:#83d2b6}.quick-flow small{font-family:var(--font-mono);font-size:.57rem}.quick-flow>i{background:#8395ba4d;height:1px}.quick-result-actions{grid-template-columns:auto auto;justify-content:start;gap:10px;margin-top:20px;display:grid}.quick-result-actions a,.quick-result-actions button{color:#fff;background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding-inline:17px;font-size:.75rem;font-weight:780;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s;display:inline-flex}.quick-result-actions a:hover,.quick-result-actions button:hover:not(:disabled){background:#3972ed;transform:translateY(-1px)}.quick-result-actions a:active,.quick-result-actions button:active:not(:disabled){transform:scale(.98)}.quick-result-actions button.secondary{color:#dce5f7;background:#ffffff0f;border-color:#99aed540}.quick-result-actions button:disabled{cursor:wait;opacity:.58}.quick-result-actions small{color:#6f7d95;grid-column:1/-1;font-size:.63rem}.quick-spin{animation:.9s linear infinite quick-spin}@keyframes quick-spin{to{transform:rotate(360deg)}}@keyframes quick-scan{0%{opacity:0;transform:translateY(-4px)}12%,88%{opacity:1}to{opacity:0;transform:translateY(320px)}}@media (width<=980px){.quick-generator-heading{grid-template-columns:1fr;gap:22px}.quick-generator-intro{max-width:700px}.quick-generator-frame{grid-template-columns:1fr}.quick-generator-form{border-right:0;border-bottom:1px solid var(--line)}.quick-result-canvas{min-height:560px}}@media (width<=640px){.quick-generator{padding-top:18px}.quick-generator-heading h2{font-size:clamp(2.45rem,12vw,3.6rem)}.quick-generator-frame{border-radius:20px;min-height:0}.quick-generator-form{padding:20px}.quick-presets{scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;display:flex;overflow-x:auto}.quick-presets::-webkit-scrollbar{display:none}.quick-presets button{scroll-snap-align:start;flex:0 0 148px;min-width:148px}.quick-result-header{display:grid}.quick-stage-switcher{width:100%}.quick-stage-switcher button{flex:1;justify-content:center}.quick-result-canvas{min-height:470px;padding:18px}.quick-empty-result{grid-template-columns:1fr}.quick-empty-result>div:last-child{max-width:none}.quick-flow{grid-template-columns:1fr}.quick-flow>i{width:1px;height:16px;margin-left:8px}.quick-result-actions{grid-template-columns:1fr}.quick-result-actions a,.quick-result-actions button{width:100%}.quick-result-actions small{grid-column:auto}}@media (prefers-reduced-motion:reduce){.quick-spin,.quick-processing-visual i{animation:none}}