:root{--ink:#183b35;--muted:#779087;--teal:#068b74;--line:#e1ece7;--mint:#e9f6f0;--bg:#f6f9f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--teal);text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #78cfb8;outline-offset:4px}input:focus,textarea:focus{outline:2px solid #85cbb7;border-color:transparent}button{border:0}.top{height:88px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--teal);color:white;border-radius:13px;font-size:24px;box-shadow:0 4px 12px #078b7420}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:2px;margin-top:-2px}.back{font-size:12px;border:1px solid var(--line);padding:8px 14px;border-radius:22px;background:white}main{max-width:1104px;margin:auto;padding:28px 28px 0}.intro{padding:7px 0 29px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--teal)}.eyebrow i{display:inline-block;width:6px;height:6px;background:#16a682;border-radius:50%;margin-right:7px;vertical-align:1px}h1{font-size:33px;letter-spacing:-1px;line-height:1.4;margin:13px 0 10px}h1 span{color:#19a987}.intro p{margin:0;color:var(--muted);font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:21px;box-shadow:0 5px 24px #23493703}.budget{padding:22px 27px;margin-bottom:24px;position:relative;background:linear-gradient(110deg,#fff 45%,#f1fbf6)}.budget-top,.budget-main,.budget-details,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.label{font-size:12px;color:#54756a;font-weight:600}.pill{font-size:10px;border-radius:20px;padding:4px 10px;color:var(--teal);background:#e6f5ee;white-space:nowrap}.pill.warning{color:#956b2d;background:#fff3dd}.pill.neutral{color:#799087;background:#f1f5f2}.budget-main{margin:5px 0 10px}.budget-main strong{font-size:34px;letter-spacing:-1px;line-height:1.4}.budget-main small{font-size:11px;font-weight:500;letter-spacing:0;margin-left:9px;color:var(--muted)}.budget-main>span{font-size:11px;color:var(--muted)}.budget-track{height:4px;background:#e0eee6;border-radius:4px;overflow:hidden}.budget-track i{display:block;height:100%;width:0;background:var(--teal)}.budget-details{justify-content:flex-start;gap:24px;margin-top:10px;font-size:11px;color:var(--muted)}.budget-details b{color:var(--ink);font-weight:600;margin-left:5px}.quiet{font-size:11px;color:var(--muted);line-height:1.8}.budget .quiet{margin:11px 0 0}.workspace{display:grid;grid-template-columns:1.04fr 1fr;gap:22px;align-items:start}.editor,.result,.ledger{padding:26px}.section-heading{align-items:flex-start;margin-bottom:20px}h2{font-size:18px;margin:4px 0 0;letter-spacing:-.3px}.mini-label{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:6px;margin-top:11px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f6f3;padding:4px;border-radius:11px;gap:3px;margin-bottom:25px}.tabs button{background:transparent;color:#6e877d;padding:10px 0;font-size:12px;border-radius:8px}.tabs button[aria-selected=true]{background:white;color:var(--teal);font-weight:700;box-shadow:0 2px 6px #2349370b}.mode-description{display:flex;gap:11px;align-items:center;margin-bottom:20px}.mode-icon{display:grid;place-items:center;background:var(--mint);color:var(--teal);width:40px;height:40px;border-radius:12px;font-size:22px;flex-shrink:0}h3{font-size:14px;margin:0;font-weight:650}.mode-description p{font-size:11px;color:var(--muted);margin:3px 0 0}label{display:block;font-size:12px;font-weight:600;margin:16px 0 8px}label>span{float:right;font-size:10px;font-weight:400;color:var(--muted)}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #e1eae4;background:#fcfdfc;border-radius:10px;padding:12px 13px;color:var(--ink);font-size:12px;line-height:1.8}textarea{resize:vertical;min-height:100px}::placeholder{color:#9aada4}.field-note{font-size:10px;line-height:1.9;color:#8a9d94;margin:9px 0 0}.center{text-align:center}.submit-area{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.estimate{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:13px}.estimate strong{color:var(--ink);font-size:12px;font-weight:600}.primary{display:flex;justify-content:center;gap:15px;align-items:center;background:var(--teal);color:white;border-radius:10px;padding:13px 18px;font-weight:600;font-size:12px;min-height:44px}.submit-area .primary{width:100%}.primary:hover:not(:disabled){background:#087e6b}.secondary{border:1px solid var(--line);background:white;color:#527267;border-radius:10px;padding:11px 15px;font-size:12px;min-height:44px}.results-column{display:grid;gap:22px}.result{min-height:374px}.empty{text-align:center;padding:26px 0 23px}.empty-art{width:98px;height:86px;margin:0 auto 20px;position:relative}.empty-art>span{position:absolute;inset:7px 19px 7px 9px;border:1px solid #c9e7da;background:linear-gradient(145deg,#ecf8f0,#d7eee1);border-radius:14px;transform:rotate(-9deg);display:grid;place-items:center;color:#5eac90;font-size:36px}.empty-art i{position:absolute;inset:18px 9px 0 20px;border:1px solid #dcece3;border-radius:14px;transform:rotate(8deg);z-index:-1}.empty-art b{position:absolute;right:1px;top:0;color:#70b69c;font-size:19px;font-weight:400}.empty h3{font-size:13px}.empty p{font-size:11px;color:var(--muted);margin:8px 0 15px}.empty-note{font-size:9px;color:#99aaa2;letter-spacing:1px}.ledger .section-heading{margin-bottom:17px}.text-button{font-size:11px;color:var(--teal);background:transparent;padding:8px 0}.ledger-row{padding:12px 0;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:14px}.ledger-row strong{display:block;font-size:12px;font-weight:600}.ledger-row small{font-size:10px;color:var(--muted)}.ledger-row .amount{text-align:right}.reference{position:relative;background:#eef4ef;border-radius:12px;overflow:hidden;min-height:140px;border:1px solid var(--line)}.reference img{width:100%;display:block;max-height:230px;object-fit:contain}.reference-tag{position:absolute;left:9px;bottom:9px;font-size:9px;background:#fffffff0;padding:3px 8px;border-radius:5px;color:#627a6c}#reference-placeholder{text-align:center;padding:26px;font-size:35px;color:#7ca892}#reference-placeholder span{display:block;font-size:11px}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--teal)}.check>span{float:none;font-size:11px}.result-text{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;background:#f6faf7;padding:16px;border-radius:12px;max-height:600px;overflow:auto}.result-image{width:100%;height:auto;border-radius:12px;display:block;border:1px solid var(--line)}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.result-actions a{padding:10px 13px;border:1px solid var(--line);border-radius:9px;font-size:11px}.progress{padding:48px 8px;text-align:center}.spinner{width:32px;height:32px;border:3px solid #e2f0e8;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.progress p{font-size:12px;color:var(--muted)}.error-box{background:#fff7ee;color:#936331;padding:17px;border-radius:12px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}footer{text-align:center;padding:34px 10px 28px;color:#91a59a;font-size:10px}footer p{margin:9px 0}.footer-brand{letter-spacing:2px;font-size:9px}dialog{max-width:430px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:23px;padding:28px;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 24px 80px #123e352b}dialog::backdrop{background:#173d3575;backdrop-filter:blur(3px)}.dialog-icon{background:var(--mint);border-radius:13px;width:42px;height:42px;display:grid;place-items:center;font-size:23px;color:var(--teal);margin-bottom:18px}dialog h2{font-size:23px}dialog>form>p{color:var(--muted);font-size:12px}.quote-box{background:#f2f8f4;border:1px solid var(--line);padding:18px;border-radius:13px;margin:19px 0}.quote-box>span{display:block;font-size:11px;color:var(--muted)}.quote-box>strong{font-size:26px;display:block;margin:5px 0}.quote-box>p{font-size:11px;margin:0;color:var(--muted)}.dialog-actions{display:flex;gap:10px;margin-top:23px}.dialog-actions>*{flex:1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244a40;color:white;font-size:12px;padding:11px 18px;border-radius:10px;box-shadow:0 7px 25px #153e3426;max-width:90vw;z-index:100} [hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1000px){.intro{padding-top:17px}.budget{padding-right:32px}.budget-details{gap:40px}}@media(max-width:760px){.top{height:76px;padding:0 20px}.brand{font-size:17px}.brand-icon{width:36px;height:36px;border-radius:11px}.brand small{font-size:9px}.back{font-size:10px;padding:6px 11px}main{padding:20px 18px 0}.intro{padding:6px 2px 23px}h1{font-size:26px;line-height:1.5;letter-spacing:-.7px;max-width:340px;margin:12px 0 9px}.intro p{font-size:11px;line-height:1.9;max-width:340px}.eyebrow{font-size:9px;letter-spacing:1.2px}.budget{padding:18px 19px;border-radius:17px;margin-bottom:18px}.budget-main strong{font-size:31px}.budget-details{gap:0;justify-content:space-between;font-size:10px}.budget-details b{margin-left:3px}.budget .quiet{font-size:9px}.workspace{grid-template-columns:1fr;gap:18px}.editor,.result,.ledger{padding:21px 19px;border-radius:18px}.results-column{gap:18px}.section-heading{margin-bottom:19px}h2{font-size:17px}.tabs{margin-bottom:22px}.tabs button{font-size:11px}.mode-description p{font-size:10px}input:not([type=checkbox]),textarea{font-size:16px;line-height:1.6}input::placeholder,textarea::placeholder{font-size:12px}.field-note{font-size:10px}.result{min-height:345px}.empty{padding:19px 0}footer{padding-top:28px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

.api-config{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:11px}.api-config summary{cursor:pointer;color:var(--teal);font-weight:600;min-height:26px}.config-copy{color:#6d8579;line-height:1.9;padding:0 0 6px}.config-copy p{margin:7px 0}.config-copy strong{color:var(--ink);letter-spacing:.3px}.api-config .secondary{font-size:11px;padding:8px 13px;min-height:38px}.connectivity-row{padding:11px 0 2px;border-top:1px solid var(--line);margin-top:10px}.connectivity-row strong{font-size:11px}.connectivity-row p{font-size:11px;color:var(--muted);margin:3px 0;line-height:1.8}
select{font:inherit;width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fcfdfc;color:var(--ink);padding:10px;font-size:12px}select:focus-visible{outline:2px solid #85cbb7}.style-field{border:0;padding:0;margin:22px 0 0;min-width:0}.style-field legend{font-size:12px;font-weight:650;width:100%;padding:0;margin-bottom:10px}.style-field legend small{display:block;font-size:10px;color:var(--muted);font-weight:400}.style-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.style-choice{min-width:0;padding:5px 5px 9px;border:1px solid var(--line);border-radius:10px;background:white;text-align:left;color:var(--ink);transition:border-color .15s}.style-choice[aria-pressed=true]{border:2px solid var(--teal);padding:4px 4px 8px;background:#f4fbf7;box-shadow:0 0 0 2px #e5f5ee}.style-choice strong{display:block;font-size:11px;margin:6px 2px 0}.style-choice small{display:block;font-size:9px;line-height:1.5;margin:2px;color:var(--muted)}.style-sample{height:78px;border-radius:6px;display:block;position:relative;overflow:hidden;background:#f0eee4;color:#202720}.style-sample b{position:absolute;font-size:30px;line-height:1;left:8px;top:12px;letter-spacing:-3px}.style-sample em{position:absolute;bottom:8px;left:8px;font-size:6px;letter-spacing:2px;font-style:normal}.style-sample i{position:absolute;width:27px;height:27px;right:7px;bottom:12px;background:#d4b89a;border-radius:50%}.sample-auto{background:linear-gradient(140deg,#d7ebe2,#f8f3d7)}.sample-auto b{font-size:25px;font-weight:400;transform:rotate(-10deg)}.sample-auto i{border:1px solid #6b9e8c;background:transparent;transform:translateY(-5px);width:32px;height:40px;border-radius:40%}.sample-editorial b{font-family:Georgia,serif;font-weight:400;font-size:34px}.sample-editorial i{border-radius:0;width:21px;height:51px;bottom:0;background:#b47b59;transform:rotate(8deg)}.sample-minimal{background:#f2f1ec;color:#676a58}.sample-minimal b{font-weight:300;font-size:19px;left:10px;top:15px}.sample-minimal i{width:23px;height:36px;border-radius:40% 40% 4px 4px;background:#b8c0a9;bottom:-4px}.sample-swiss{background:#f0eee9;color:#e54c37}.sample-swiss b{font-weight:900;font-size:45px;transform:rotate(-90deg);left:0;top:14px}.sample-swiss i{border-radius:0;background:#214da0;width:28px;height:60px;right:-10px;bottom:-10px}.sample-product{background:radial-gradient(ellipse at 60% 25%,#e9c19f,#5d3e33);color:white}.sample-product b{font-size:15px;letter-spacing:0;top:9px}.sample-product i{background:linear-gradient(90deg,#d2a37e,#fce7cb,#b47b59);width:25px;height:40px;bottom:5px;right:17px;border-radius:9px 9px 3px 3px;box-shadow:5px 4px 8px #39231c70}.sample-festive{background:#a82426;color:#f6e5be}.sample-festive b{font-family:serif;left:16px;top:21px}.sample-festive i{background:transparent;border:1px solid #e0b87a;width:65px;height:65px;right:-18px;bottom:-28px}.sample-retro{background:repeating-linear-gradient(0deg,#efe0bb,#efe0bb 2px,#e5d4a9 3px);color:#7a3b2c}.sample-retro b{font-family:Georgia,serif;transform:rotate(-9deg);top:20px;text-shadow:2px 2px #cea76a}.sample-retro i{background:#d29b50;border-radius:1px;width:70px;height:9px;transform:rotate(-12deg);bottom:16px;right:-22px}.sample-pop3d{background:#dccaed;color:#5530ac}.sample-pop3d b{font-size:40px;text-shadow:3px 3px #f0ee56;transform:rotate(-10deg);z-index:1}.sample-pop3d i{width:39px;height:39px;background:radial-gradient(circle at 30% 25%,#fcffc8,#e1e45e 50%,#aeb43b);right:-5px;bottom:-2px;box-shadow:0 5px 7px #503b8d50}.copy-heading{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.copy-heading p{font-size:10px;color:var(--muted);margin:4px 0}.plan-button{margin-top:18px;width:100%;background:#f4faf7;color:var(--teal)}.plan-content,#confirm-plan{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:#f8fbf9;padding:16px;overflow-wrap:anywhere}.plan-meta{font-size:11px;color:var(--teal);margin:5px 0 12px}.plan-direction{font-size:11px;color:#637d71;white-space:pre-wrap}.exact-copy{background:white;border-left:3px solid #a5d5c1;padding:10px 12px;font-size:12px;white-space:pre-wrap}.exact-copy strong{font-size:10px;color:var(--muted)}.exact-copy p{margin:6px 0}.quote-box>strong{font-size:21px}@media(max-width:400px){.style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.style-sample{height:86px}}@media(max-width:760px){select{font-size:16px}}

.history-plan{margin-top:18px;font-size:11px;color:var(--teal)}.history-plan summary{cursor:pointer;padding:10px 0}
@media(max-width:760px){.style-options{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 10px;margin:0 -3px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.style-choice{flex:0 0 108px;scroll-snap-align:start}.style-sample{height:91px}.style-choice:focus-visible{outline-offset:0}}

.output-field{border:1px solid var(--line);border-radius:12px;padding:14px;margin:22px 0 0;min-width:0}.output-field legend{font-size:13px;font-weight:700;padding:0 6px}.output-field .dimension-grid>div{min-width:0}.output-field input,.output-field select{width:100%;min-width:0}.output-field .field-note{line-height:1.7}.output-selection{color:var(--teal);font-size:12px;font-weight:600;margin:12px 0 0}.output-error{color:#aa3429;font-size:12px;line-height:1.6}.output-field #custom-size-note{grid-column:1 / -1}.output-field [hidden]{display:none!important}

.aspect-label{font-size:12px;font-weight:600;margin:4px 0 10px}.aspect-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.aspect-choice{position:relative;min-width:0;min-height:91px;padding:7px 3px;border:2px solid transparent;box-shadow:0 0 0 1px var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:center}.aspect-choice[aria-pressed=true]{border-color:var(--teal);background:#edf8f2;box-shadow:none}.aspect-choice[aria-pressed=true]::after{content:'✓';position:absolute;right:4px;top:1px;color:var(--teal);font-size:12px}.aspect-choice:focus-visible{outline:3px solid #68b6a1;outline-offset:2px}.aspect-sample{height:39px;display:flex;align-items:center;justify-content:center}.aspect-shape{display:block;box-sizing:border-box;border:1.5px solid #5c8a79;border-radius:2px;background:#e5f1eb;flex:none}.aspect-auto{border-style:dashed;line-height:21px;font-size:17px}.aspect-choice[data-ratio=custom] .aspect-shape{border-style:dashed}.aspect-choice strong{display:block;font-size:12px;margin-top:4px}.aspect-choice small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}@media(max-width:360px){.aspect-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

.brand-overlay{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f4faf7;min-width:0}.brand-overlay h3{font-size:16px;margin:0 0 10px}.brand-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-asset{min-width:0;border:1px solid var(--line);border-radius:10px;background:white;padding:12px}.brand-asset legend{font-weight:600;font-size:12px}.brand-asset input,.brand-asset select{width:100%;max-width:100%;min-width:0}.brand-asset input[type=file]{font-size:11px;overflow:hidden;padding:8px 0}.brand-asset input[type=range]{accent-color:var(--teal);padding:0}.brand-asset label{font-size:12px;display:block;margin-top:12px}.brand-custom{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;margin:14px 0}.brand-custom input{width:auto;flex:none;margin-top:3px}.brand-download{display:inline-block;margin:12px;color:var(--teal);font-weight:600;font-size:13px}.brand-preview canvas{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px;margin-top:12px}.brand-overlay [hidden]{display:none!important}.brand-overlay button:focus-visible,.brand-overlay a:focus-visible{outline:3px solid #68b6a1;outline-offset:2px}@media(max-width:480px){.brand-assets{grid-template-columns:1fr}.brand-overlay{padding:12px}.brand-download{margin-left:0;display:block}}

/* Truthful generation feedback: estimates stay distinct from supplier progress. */
.generation-progress{padding:18px 9px 22px;text-align:center;background:radial-gradient(ellipse at 50% 13%,#eaf9f2,transparent 65%);border-radius:16px}.generation-art{height:108px;position:relative;display:grid;place-items:center}.generation-glow{position:absolute;width:94px;height:94px;border:1px solid #c8e9df;border-radius:50%;background:radial-gradient(circle,#d7f4e8,transparent 70%);animation:generation-breathe 4s ease-in-out infinite}.generation-tile{position:relative;display:grid;place-items:center;width:57px;height:63px;border:1px solid #b6e1d2;border-radius:15px;box-shadow:0 10px 30px #0a87651a;background:linear-gradient(140deg,#fff,#e4f7ee);font-size:29px;color:#16977b;transform:rotate(-7deg)}.generation-stage{font-size:17px;margin:8px 0 25px}.generation-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;text-align:left}.generation-label{font-size:12px;color:#52786b}.generation-value{font-size:24px;color:#078970;font-variant-numeric:tabular-nums}.generation-track{height:8px;overflow:hidden;background:#e6f1eb;border-radius:9px;position:relative}.generation-fill{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#068a73,#40c7a4);transition:width 1s ease;position:relative;overflow:hidden}.generation-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#ffffff65 50%,transparent 85%);transform:translateX(-100%);animation:generation-shimmer 2.8s ease-in-out infinite}.is-indeterminate .generation-fill{animation:generation-scan 2.8s ease-in-out infinite}.generation-caption{min-height:42px;margin:19px 0 2px;font-size:12px;color:#53786b}.generation-elapsed{font-size:11px;font-variant-numeric:tabular-nums;color:#53786b;margin:3px 0}.generation-note{font-size:10px;color:#71897e;line-height:1.9;margin:12px auto 0;max-width:320px}.generation-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes generation-breathe{50%{transform:scale(1.12);opacity:.65}}@keyframes generation-shimmer{65%,100%{transform:translateX(100%)}}@keyframes generation-scan{50%{transform:translateX(185%)}}@media(prefers-reduced-motion:reduce){.generation-glow,.generation-fill,.generation-fill:after{animation:none!important;transition:none!important}}