:root{--bg: #fbf7ef;--ink: #182025;--muted: #66727d;--card: #ffffff;--edge: #d8d1c4;--accent: #e4572e;--accent-soft: #ffd7cb;--teal: #1c8a92;--lime: #90be6d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,#ffe3c8 0%,transparent 36%),radial-gradient(circle at 86% 16%,#c9f3f5 0%,transparent 32%),var(--bg);font-family:Space Grotesk,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app-shell{max-width:1320px;margin:0 auto;padding:24px}.hero{padding:24px;border:1px solid var(--edge);border-radius:18px;background:linear-gradient(132deg,#fff4e7,#f2fffd);box-shadow:0 14px 32px #00000012;animation:rise .45s ease-out}.eyebrow{display:inline-block;margin:0;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.08em;color:#fff;background:var(--teal);border-radius:999px}.hero h1{margin:12px 0 8px;font-size:clamp(1.7rem,2.8vw,2.6rem)}.tab-strip{margin:18px 0;display:flex;gap:8px;flex-wrap:wrap}.tab,.pill,button{border:1px solid var(--edge);border-radius:11px;padding:9px 12px;background:#fff;cursor:pointer}.tab.active,.pill.active,button.accent{border-color:var(--accent);background:var(--accent);color:#fff}button.ghost{background:transparent}button.tiny{font-size:.75rem;padding:5px 8px}.error-banner{margin-bottom:12px;border:1px solid #e7745f;background:#ffe1da;color:#4f1408;padding:10px 12px;border-radius:12px}.panel{border:1px solid var(--edge);border-radius:16px;background:var(--card);padding:18px;margin-bottom:14px;box-shadow:0 10px 22px #0000000d;animation:fade .35s ease-out}.panel h2{margin:0 0 4px}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}.panel-head p{margin:0;color:var(--muted)}.upload-strip,.row-controls,.prompt-form,.publish-controls,.form-stack{display:grid;gap:10px}textarea,input,select{width:100%;padding:10px 11px;border-radius:10px;border:1px solid var(--edge);background:#fff}textarea{min-height:88px;resize:vertical}.asset-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.asset-card{border:1px solid var(--edge);border-radius:13px;overflow:hidden;background:#fff}.asset-preview{aspect-ratio:1 / 1;background:#f5f0e7}.asset-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-meta{display:grid;gap:4px;padding:8px;font-size:.8rem}.tag,.winner{display:inline-block;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:2px 8px;font-size:.72rem}.tag{background:#e9f2f4;color:#18434e}.winner{background:#d6f2ce;color:#255616}.status-grid,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.service-chip{border:1px solid var(--edge);border-radius:12px;padding:10px;display:grid;gap:5px}.service-chip.alive{border-color:#8ecf95}.service-chip.dead{border-color:#e08c7f}.target-pills{margin-top:8px;display:flex;flex-wrap:wrap;gap:7px}.batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.result-column{border:1px solid var(--edge);border-radius:12px;padding:8px;background:#fcfaf7}.result-column h3{margin:0 0 8px;font-size:.92rem}.result-card{width:100%;margin-bottom:8px;text-align:left;border-radius:10px;padding:4px}.result-card.selected{border-color:var(--teal);background:#d8f2f3}.result-card img{width:100%;border-radius:8px;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}.template-layout{display:grid;grid-template-columns:220px 1fr;gap:14px}.template-item{width:100%;text-align:left;margin-bottom:6px}.template-item.active{border-color:var(--accent);background:var(--accent-soft)}.template-preview{border:1px dashed var(--edge);border-radius:12px;padding:12px;background:#fbfaf8}.canvas-box{position:relative;width:min(100%,500px);aspect-ratio:5 / 6;background:linear-gradient(160deg,#ece7df,#faf8f3);border-radius:12px}.print-area{position:absolute;border:2px dashed var(--accent);background:#e4572e1f}.bounds-grid,.slider-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:8px 0}.mini-card,.job-card,.qa-row,.metric-grid article{border:1px solid var(--edge);border-radius:10px;padding:8px;display:grid;gap:4px;background:#fff}.jobs-list,.qa-table{margin-top:10px;display:grid;gap:8px}.qa-row.warn{border-color:#e08672;background:#fff0eb}.face-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detect-box,.ideogram-box{margin:8px 0;padding:10px;border-radius:10px;border:1px solid var(--edge);background:#fcfaf6}.template-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.template-tile{border-radius:10px;overflow:hidden;text-align:left}.template-tile img,.result-preview img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block}.template-thumb{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;font-weight:700;background:linear-gradient(140deg,#ffe1c8,#d7f3f5)}.template-tile.active{border-color:var(--teal);background:#dbf4f6}.selfie-preview{width:min(220px,100%);border-radius:12px;border:1px solid var(--edge);margin:8px 0}pre{white-space:pre-wrap;border:1px solid var(--edge);border-radius:12px;background:#f8f6f1;padding:12px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.hint{color:var(--muted);font-size:.88rem}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.template-layout,.two-col,.face-grid{grid-template-columns:1fr}}
