:root{color-scheme:dark;--bg:#0b1523;--card:#111f30;--border:#34495d;--text:#eef5fa;--muted:#acbfd0;--accent:#70d6c8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(125deg,#0a1321,#142538 65%,#0a1725);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.top{display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--border);background:#0b1727}.wordmark{display:flex;align-items:center;gap:10px;font-size:16px}.wordmark small{color:#8ca8ba;font-size:12px}a{color:#83dddc;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:18px;font-size:13px}main{max-width:1200px;margin:auto;padding:26px 18px 55px}.eyebrow,.section-heading small{color:#8ecfc8;font-weight:700;letter-spacing:.11em;font-size:11px}h1{font-size:clamp(25px,3.4vw,41px);line-height:1.18;letter-spacing:-.025em;margin:12px 0}h1 span{color:#8bd4d2}h2{font-size:19px;margin:5px 0 11px}p{color:#c1d2de;margin:7px 0 13px}.intro{margin-bottom:25px}.intro>p{max-width:890px}.route{display:flex;gap:9px;align-items:center;max-width:960px;margin-top:20px}.route>div{border:1px solid #39546a;background:#142a3b;border-radius:10px;padding:10px 14px;flex:1;min-height:71px}.route b{display:block;font-size:13px}.route span:not(.arrow){color:#a8c0ce;font-size:11px}.arrow{color:#8faaba}.cols{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(430px,1.5fr);gap:17px}.panel{background:var(--card);border:1px solid #354b5c;border-radius:15px;padding:19px;min-width:0}.section-heading{margin-bottom:15px}.section-heading.line{border-top:1px solid #36506a;padding-top:18px;margin-top:22px}.artrow{display:flex;gap:15px}.artrow img{width:145px;max-height:234px;object-fit:contain;background:#eef1f4;border-radius:9px}.artrow p{font-size:13px}.secondary,.primary{display:inline-flex;padding:10px 13px;border-radius:8px;border:1px solid #5a7284;cursor:pointer;font:600 12px system-ui;text-align:center;align-items:center;justify-content:center;color:#dff2f9;background:#23374a}.primary{background:#68d6c9;color:#122c32;border-color:#7ce6d9}.secondary:hover,.primary:hover{filter:brightness(1.12)}.option{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #32465a;padding:15px 0}.option b{font-size:14px}.option p{font-size:12px;margin:3px 0}.marker{font-size:9px;border-radius:6px;min-width:74px;text-align:center;padding:5px 4px;margin-top:3px;color:#062323}.ready{background:#7ce3cd}.planned{background:#a4c0d6}.research{background:#dab880}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.drop{border:1px dashed #6d93aa;border-radius:7px;padding:10px;text-align:center;color:#a4bbcc;font-size:12px;margin:9px 0}.drop.drag{background:#294b60}.view-wrap{position:relative;background:#0e2233;border-radius:10px;overflow:hidden}.view-wrap canvas{display:block;width:100%;height:auto;max-height:490px}.model-label{position:absolute;top:9px;left:12px;color:#bfd1de;background:#152c40d9;padding:4px 9px;border-radius:6px;font-size:11px;max-width:90%}.controls{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:13px 0}.controls label{font-size:12px;color:#c6d8e2;display:flex;align-items:center;gap:7px}.controls input[type=range]{width:90px}.controls output{min-width:32px}.motion-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.motion-controls select{color:white;background:#152e43;border:1px solid #4e7187;padding:8px;border-radius:6px;max-width:220px}button:disabled{opacity:.4;cursor:not-allowed}.status{font-size:12px;color:#bcd3e0;margin-top:14px;border:1px solid #36536c;background:#142c40;padding:12px;border-radius:8px}.reports{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{border:1px solid #39536a;background:#142a3d;padding:12px 10px;border-radius:8px}.metric strong{display:block;font-size:18px;color:#d4f6f0}.metric small{font-size:11px;color:#bed0db}.warnings{margin-top:13px;color:#cbd3df;font-size:12px}.checks>div{display:flex;gap:8px;align-items:flex-start;border-bottom:1px solid #34485e;padding:8px 0;font-size:13px}.checks .yes{color:#72d7b9}.checks .no{color:#f6cd92}.note{color:#c9b795;margin-top:12px;font-size:12px}.footer-note{border-top:1px solid #36516b;margin-top:24px;padding-top:14px}.footer-note h2{margin-bottom:4px}.minor{font-size:12px;color:#95b8c3}@media(max-width:800px){.cols,.reports{grid-template-columns:1fr}.route{flex-wrap:wrap}.route>div{flex:1 1 40%}.route .arrow{display:none}.artrow img{width:120px}nav{gap:10px;font-size:11px}.wordmark strong{font-size:12px}main{padding:18px 12px}.metrics{grid-template-columns:repeat(2,1fr)}}

.generator-panel{margin-bottom:18px}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gen-card{border:1px solid #37536b;background:#12293b;padding:16px;border-radius:11px}.gen-card p{font-size:13px}.gen-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.gen-head strong{font-size:14px}.gen-head .marker{min-width:78px;flex:none}.gen-preview{display:flex;align-items:center;gap:20px;margin:13px 0;padding:10px;border:1px solid #39566e;border-radius:9px;background:#071e2c}.gen-preview img{height:145px;width:96px;object-fit:contain;background:#203a49;border-radius:6px}.gen-preview>div{display:grid;gap:8px;min-width:0}.gen-preview select{padding:8px;color:#f3ffff;background:#243a50;border:1px solid #698395;border-radius:6px;max-width:100%}.gen-preview small,.small-note{color:#a9c2d3;font-size:11px!important}.mini-status{font-size:12px;color:#bcd7e3;padding:10px;background:#1a3b50;border:1px solid #41647b;border-radius:8px}.gen-card a.primary{color:#102f34}.gen-card .actions{margin:12px 0;gap:8px}@media(max-width:800px){.generator-grid{grid-template-columns:1fr}}

/* v0.48 browser-native AI stage */
.native-ai{margin:16px 0 20px;border-color:#50788c}.native-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(280px,1fr);gap:24px}.native-preview-wrap{max-width:310px;margin:8px 0;background:#808080;border-radius:9px;overflow:hidden}.native-preview-wrap canvas{display:block;width:100%;height:auto;image-rendering:auto}.native-check{display:block;border:1px solid #41647b;background:#162e43;padding:12px;border-radius:9px;font-size:12px;color:#e0eaf2}.native-check input{margin-right:7px}.native-quality{display:grid;gap:6px;margin:16px 0;font-size:12px}.native-quality select{padding:9px;border:1px solid #53748b;border-radius:7px;background:#162c40;color:#eaf7fa}.native-file{position:relative;overflow:hidden}.native-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}@media(max-width:780px){.native-layout{grid-template-columns:1fr}.native-preview-wrap{max-width:235px}}
/* v0.51 — CPU-first, real skinned template body proportion editor */
.template-panel{margin:18px 0 21px;border-color:#6a8b8b;background:linear-gradient(160deg,#132a34,#122235 50%,#111f30)}
.template-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.1fr);gap:22px}
.template-original{display:flex;gap:15px;align-items:center;border:1px solid #3e6172;background:#152b3c;border-radius:12px;padding:10px}
.template-original img{height:180px;width:116px;object-fit:contain;background:#1f3040;border-radius:7px}
.template-original strong{font-size:14px}.template-original p{font-size:12px}
.template-explainer{font-size:12px;color:#c6dce8;margin:14px 0}.template-explainer p{font-size:12px}
.template-audit{font-size:11px;color:#93ded3;margin:9px 0}
.template-right{border:1px solid #415e70;border-radius:12px;background:#10283a;padding:17px}
.morph-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:14px}
.morph-head span{color:#b5cbd7;font-size:11px}.morph-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}
.morph-control{display:grid;gap:5px;font-size:12px;color:#e0f1f8}.morph-control .morph-label{display:flex;justify-content:space-between;gap:8px}.morph-control output{color:#83ead5;font-variant-numeric:tabular-nums}.morph-control input[type=range]{width:100%;accent-color:#68d6c9}
@media(max-width:780px){.template-layout{grid-template-columns:1fr}.template-original img{height:155px;width:95px}.template-right{padding:12px}}
@media(max-width:390px){.morph-sliders{grid-template-columns:1fr}}