/* Original cream palette, with quieter edges and roomier typography. */
:root { --ink:#70564e; --muted:#877065; --line:#f3e8de; --accent:#9b536c; }
body { font-family:'YouYuan','Yuanti SC','Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif; font-size:15px; line-height:1.8; background:#fff9f0; }
header { border:0; height:100px; }
nav { gap:16px; align-items:center; }
nav>span,nav>button { padding:8px 16px; }
nav button { border:0; background:transparent; color:var(--muted); font-size:14px; border-radius:99px; }
nav .active { background:#fbe5e9; border-radius:99px; }
nav .active:after { display:none; }
nav button:hover { background:#fff0df; }
.brand { font-weight:600; }
.avatar { width:36px; height:34px; border-radius:45% 48% 42% 45%; font-size:16px; }
.badge { border-radius:99px; padding:2px 8px; }
.preview-banner { background:#fff1d9; color:#82664d; }
.heading { margin:12px 0 35px; }
.heading p { font-size:15px; }
.eyebrow { letter-spacing:1px; font-size:12px; }
h1 { font-size:35px; font-weight:500; letter-spacing:2px; margin:12px 0; }
h2 { font-size:17px; font-weight:500; }
.flower { color:#d996ad; }
.wallet { border:0; border-radius:28px 28px 28px 12px; padding:20px 26px; background:#fff0ce; gap:3px; }
.wallet>span { color:#836949; font-size:12px; }
.wallet strong { font-size:29px; font-weight:500; }
.workspace { grid-template-columns:410px minmax(0,1fr); gap:28px; }
.panel { border:0; border-radius:32px; background:#fffdf9; box-shadow:0 12px 45px #b88c6310; }
.composer,.output { padding:28px; }
.section-title { margin-bottom:23px; }
.text-button { font-size:12px; padding:4px 6px; border-radius:10px; }
.text-button:hover { background:#fae9e9; }
label { font-size:14px; font-weight:400; margin:23px 0 10px; gap:9px; }
.muted { font-size:11px; }
input,select,textarea { font-size:14px; border:1px solid transparent; background:#f8f1e8; border-radius:17px; padding:12px 15px; }
select { height:49px; }
textarea { line-height:1.9; }
textarea::placeholder,input::placeholder { color:#937c70; }
input:focus,select:focus,textarea:focus { background:#fff7ee; }
:focus-visible { outline:3px solid #c88da0; outline-offset:3px; }
.model-meta { margin-top:13px; font-size:13px; }
.pill { border:0; font-size:12px; background:#edf0df; color:#68724e; padding:5px 12px; }
.help { font-size:12px; line-height:1.9; margin:11px 0; }
.suggestions { gap:8px; font-size:12px; margin:12px 0 23px; }
.suggestions button { border:0; font-size:12px; padding:7px 12px; background:#fff0d7; }
.field-row { gap:14px; }
.nai-settings { border:0; padding:21px 18px; margin:26px -8px 0; background:#f5f4e9; border-radius:24px; }
.nai-settings h2 { font-size:15px; }
.nai-settings input,.nai-settings select,.nai-settings textarea { background:#fffdf5; }
.nai-settings .field-row { grid-template-columns:1fr; gap:0; }
.nai-settings .section-title { margin-bottom:16px; }
.step-control { gap:17px; }
.step-control input[type=range] { background:transparent; accent-color:#c5839b; }
.step-presets button { background:#fffaf0; }
.step-presets button[aria-pressed=true] { background:#f3d7df; box-shadow:none; }
details { border:0; padding:15px 17px; background:#eeeddf; border-radius:18px; font-size:13px; }
summary span { font-size:11px; color:var(--muted); }
.checkout { border:0; background:#fff0e8; padding:22px; margin:26px -8px 0; border-radius:24px; }
.checkout>div { font-size:14px; }
.checkout strong { font-size:23px; font-weight:500; }
.checkout p,.checkout>small { font-size:11px; color:#846b60; }
.checkout>button { border:0; border-radius:99px; padding:15px 18px; background:#f3cad7; font-size:16px; font-weight:500; box-shadow:0 6px 16px #c4869c1a; }
.checkout>button:not(:disabled):hover { background:#efbecf; transform:translateY(-1px); }
#fee-breakdown { border:0; padding:0; font-size:12px; }
.output { min-height:0; }
.canvas { border:0; border-radius:26px; background:radial-gradient(ellipse at 50% 35%,#fff0d9,transparent 70%),#fff8ed; min-height:485px; padding:25px; }
.studio-mascot { width:235px; height:235px; object-fit:contain; display:block; margin:0 auto; filter:drop-shadow(0 9px 8px #cbaa7b0d); }
.empty h3 { font-size:20px; font-weight:400; margin:16px 0 8px; }
.empty p { font-size:14px; line-height:1.9; margin:8px 0; }
.empty-note { font-size:11px; color:#8b7464; margin-top:15px; }
.reference-heading { margin:28px 0 16px; }
.reference-heading label { font-size:17px; font-weight:400; }
.reference-count { font-size:12px; padding:2px 10px; }
.reference-drop { background:#f8f0e7; border:0; border-radius:24px; padding:18px; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.reference-open { border:0; border-radius:19px; background:#fffbf4; }
.reference-number { border-radius:99px; padding:1px 7px; font-size:12px; }
.reference-remove { border:0; width:28px; height:28px; line-height:28px; right:7px; top:7px; background:#fff9f1ed; }
.reference-filename { font-size:11px; margin:7px 4px 0; }
.add-reference { border:0; border-radius:20px; background:#f6dfe4; min-height:140px; }
.add-reference>span { font-size:36px; font-weight:400; }
.add-reference strong { font-size:14px; font-weight:400; }
.add-reference small { font-size:11px; color:#87666c; margin-top:4px; }
.drag-over { background:#f5dce3; outline:3px solid #ddb0c0; outline-offset:3px; }
.receipt { border:0; border-radius:20px; background:#eff1e2; padding:17px; font-size:13px; }
.receipt small { font-size:11px; color:#707954; }
.demo-art { border-radius:22px; }
.result-caption { font-size:12px; flex-wrap:wrap; }
#reference-viewer,#history-viewer { border:0; border-radius:28px; background:#fffaf3; color:var(--ink); padding:25px; }
#history-viewer { width:min(750px,92vw); max-height:85vh; }
#history-viewer::backdrop { background:#5e494359; backdrop-filter:blur(5px); }
#history-viewer .section-title { margin-bottom:12px; }
.history-list { gap:12px; margin-top:23px; }
.history-row { border:0; border-radius:20px; padding:17px; background:#f8eee4; font-size:14px; }
.history-row small { font-size:12px; margin-top:4px; }
#history-note { font-size:12px; }
footer { font-size:11px; color:#8b7668; padding:30px 0; }
@media(min-width:1100px) { .output { position:sticky; top:20px; } }
@media(max-width:1050px) { .workspace { grid-template-columns:360px minmax(0,1fr); gap:20px; } .composer,.output { padding:23px; } .reference-drop { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; gap:12px; } nav { gap:5px; } nav>span,nav>button { padding:8px 10px; } }
@media(max-width:800px) { .workspace { grid-template-columns:1fr; } .output { position:static; } .heading { margin-top:0; } header { height:85px; gap:18px; } nav>span:not(.active) { display:none; } .reference-drop { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:500px) { .composer,.output { padding:22px 19px; border-radius:27px; } h1 { font-size:30px; } .brand { font-size:30px; } .brand span { display:none; } header { gap:8px; } nav { gap:1px; } nav>span,nav>button { font-size:12px; padding:7px 10px; } .account { gap:4px; font-size:10px; } .account .badge { display:none; } .avatar { width:26px; height:26px; } .reference-drop { grid-template-columns:repeat(2,minmax(0,1fr)); } .add-reference { min-height:125px; } .studio-mascot { width:210px; height:210px; } .wallet { padding:19px 23px; } }
.nai-summary-heading{display:list-item;font-size:14px;cursor:pointer}.nai-summary-heading>span{float:none;color:var(--ink);font-size:14px}.nai-summary-heading #nai-summary{float:right;color:var(--muted);font-size:12px;font-weight:400}.nai-settings[open]>.section-title{margin:15px 0 12px}.nai-settings:not([open]){padding:18px}.composer>.field-row{grid-template-columns:minmax(0,1fr) 95px}#size{font-size:13px;padding-left:11px;padding-right:5px}.nai-settings>summary:focus-visible{border-radius:10px}
#custom-size{background:#f8f1e8;padding:5px 15px 13px;border-radius:18px;margin-top:10px}#custom-size input{background:#fffdf9}#custom-size .field-row{grid-template-columns:1fr 1fr}#size-status{color:#8d684e;font-size:12px}
.output-settings{padding:0 0 12px}.output-settings .field-row{grid-template-columns:1fr 1fr}#gif-settings{background:#f8eee5;padding:1px 15px 10px;border-radius:20px;margin-top:15px}.original-preview{display:grid;place-items:center;min-height:240px;width:100%}.original-preview img{display:block;max-width:100%;max-height:430px;object-fit:contain;border-radius:18px}.original-meta{font-size:12px;color:var(--muted);margin:10px 0}.original-actions{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.download-original{display:inline-block;padding:9px 17px;border-radius:99px;background:#f3d6df;color:#835268;font-size:13px}.media-try{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.media-try>span{font-size:10px;color:var(--muted)}.media-history{align-items:flex-start;flex-wrap:wrap}.media-history strong{font-weight:500}.history-actions{display:flex;gap:6px;flex-wrap:wrap}.history-actions a{display:inline-block}#original-source{font-size:11px}
.prompt-helper{margin:15px 0 22px;padding:15px 17px;background:#fff2df;border-radius:22px}.prompt-helper>summary{cursor:pointer;font-size:14px;font-weight:400}.prompt-helper>summary span{float:right;font-size:11px}.prompt-helper label{margin-top:16px}.prompt-helper select,.prompt-helper textarea{background:#fffaf2}.helper-modes,.helper-actions{display:flex;gap:8px;flex-wrap:wrap}.helper-modes button,.helper-primary{border:0;border-radius:99px;padding:9px 15px;font-size:12px;color:var(--ink);background:#fffaf2}.helper-modes button[aria-pressed=true]{background:#f3d5df;color:#825169}.helper-primary{background:#f3d5df}.helper-primary:hover{background:#edc5d3}.helper-demo-note{font-size:11px;color:var(--muted);margin:9px 0 0}.helper-actions{margin-top:12px;align-items:center}#helper-price{overflow-wrap:anywhere}#helper-status:empty{display:none}#helper-result{margin-top:15px}#helper-undo{margin-top:12px}
#nai-reference-options{margin:0 0 18px}#nai-reference-options>label{font-size:12px;margin-top:12px}#nai-reference-options>select{font-size:13px}#vibe-options{margin-top:12px;background:#f4edf5}#vibe-options .field-row{grid-template-columns:1fr 1fr}.vibe-normalize{justify-content:flex-start;gap:8px;font-size:12px}.vibe-normalize input{width:auto;accent-color:#a38ab2}.nai-price-guide{background:#f7f0e5;margin-top:10px;padding:13px 16px}.nai-price-guide dl{font-size:12px}.nai-price-guide dl>div{display:flex;justify-content:space-between;gap:15px;margin:10px 0}.nai-price-guide dd{margin:0;text-align:right;flex-shrink:0}.nai-price-guide .help{font-size:11px}#vibe-availability{font-size:11px}#fee-breakdown>div{gap:12px}#fee-breakdown>div>span:last-child{text-align:right}

/* Compact price guide beside checkout; expanded content scrolls independently. */
.checkout .price-overview{background:#fffaf5;margin:6px 0 18px;padding:13px 14px;border-radius:18px;color:var(--ink)}
.price-overview>summary{font-size:13px;line-height:1.8}.price-overview>summary span{font-size:10px;float:none;margin-left:5px}
.price-overview-body{max-height:460px;max-height:min(460px,60vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.price-overview h3{font-size:12px;font-weight:600;margin:18px 0 8px}.price-overview table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:11px;line-height:1.6;table-layout:fixed}
.price-overview th,.price-overview td{padding:7px 6px;background:#f8f0e8;overflow-wrap:anywhere;font-weight:400}.price-overview th{text-align:left}.price-overview td{text-align:right}
.price-overview tr>:first-child{border-radius:10px 0 0 10px;width:59%}.price-overview tr>:last-child{border-radius:0 10px 10px 0}
.price-overview thead th{background:transparent;color:var(--muted);font-size:10px}.price-overview .large-price-table tr>:first-child{width:46%}.price-overview .large-price-table thead th:not(:first-child){text-align:right}
.checkout .price-overview p{font-size:10px;line-height:1.8;margin:10px 0}.reference-mode-buttons{display:flex;gap:10px}.reference-mode-buttons button{flex:1;min-width:0;border:0;border-radius:18px;background:#f6f0e8;padding:12px 8px;font-size:14px}.reference-mode-buttons small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.reference-mode-buttons button[aria-pressed=true]{background:#eee2f2;color:#795d87}.reference-mode-buttons button:disabled{opacity:.5}#media-notice:empty{display:none}

#reference-help:empty{display:none}

.account{text-decoration:none;color:inherit;min-width:0}.account #account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account:focus-visible{outline:2px solid #ab8dc9;outline-offset:5px;border-radius:22px}
@media(max-width:600px){.account #account-name{max-width:82px}}

.batch-progress{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:12px 18px;background:#f5edf9;border-radius:18px}.batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.batch-grid article{min-width:0;padding:8px;background:#fff8ef;border-radius:20px}.batch-thumb{display:block;width:100%;border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.batch-thumb img{width:100%;height:150px;object-fit:contain;background:#f2eaf5;border-radius:14px;display:block}.batch-thumb span{display:block;padding:10px 4px;font-size:13px}.batch-grid a{display:inline-block;padding:5px;font-size:13px}.batch-progress[hidden],.batch-results[hidden]{display:none}