:root{--bg-main: #f2f6f9;--bg-accent: #d7e8f2;--surface: #fdfefe;--line: #bad2df;--ink: #112334;--subtle: #547086;--primary: #166695;--danger: #a32136;--ok: #1d7a57;--warn: #b26a00;--shadow: 0 20px 45px rgba(10, 37, 57, .11);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 10%,#cedde7 0%,transparent 45%),radial-gradient(circle at 14% 84%,#deebf2 0%,transparent 42%),linear-gradient(165deg,var(--bg-main),#f8fafc 56%,var(--bg-accent))}.page{width:min(1200px,94vw);margin:0 auto;padding:40px 0 72px;display:grid;gap:18px}.hero,.surface{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface),#ffffff 32%);box-shadow:var(--shadow);animation:rise .36s ease-out}.hero{padding:30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -60px -80px auto;width:200px;height:200px;background:radial-gradient(circle,#1666953d,#16669500)}.surface{padding:20px}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--primary)}h1,h2{margin:0 0 10px}h1{font-size:clamp(1.4rem,2.5vw,2rem)}p{margin:0;color:var(--subtle)}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.25fr;gap:12px;align-items:end}.buttonRow{display:grid;gap:8px}.authForm{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.authMessage{margin-top:12px;color:#0f6f4f}label{display:grid;gap:6px;font-size:.82rem;letter-spacing:.02em;color:var(--subtle)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:96px}button{border:0;border-radius:10px;padding:10px 16px;font-weight:600;background:var(--primary);color:#fff;cursor:pointer;transition:transform .18s ease,filter .18s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}button:disabled{opacity:.55;cursor:not-allowed}.danger{background:var(--danger)}.errorBanner{margin:0;padding:11px 14px;border-radius:10px;background:#fbe4e8;color:#821024;border:1px solid #ebbdc7}.stats h2{margin-bottom:12px}.chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chip{border-radius:12px;border:1px solid var(--line);padding:10px;background:#f7fcff}.chip span{display:block;font-size:.74rem;color:var(--subtle)}.chip strong{display:block;margin-top:2px;font-size:1.35rem;color:var(--ink)}.chip-completed strong{color:var(--ok)}.chip-failed strong,.chip-cancelled strong{color:var(--danger)}.chip-queued strong,.chip-claimed strong,.chip-rendering strong{color:var(--warn)}.grid{display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.form{display:grid;gap:10px}.catalogTools{display:grid;gap:10px;margin-bottom:14px}.catalogButtons{display:flex;gap:8px;flex-wrap:wrap}.catalogMessage{color:#1d516e}.catalogCard{border:1px solid #d0e0e9;border-radius:12px;padding:12px;display:grid;gap:10px;background:#f6fbfe}.catalogCard strong{color:#0f4f72}.assetBrowser{border:1px solid #d0e0e9;border-radius:12px;padding:12px;background:#f6fbfe}.assetBrowser h3{margin:0 0 8px}.assetRows{display:grid;gap:8px;max-height:220px;overflow-y:auto}.assetRow{border:1px solid #d0e0e9;border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff}.assetRow p{font-size:.8rem}.variantEditor{border:1px solid #d0e0e9;border-radius:12px;padding:12px;background:#f6fbfe}.variantEditor h3{margin:0 0 8px}.variantRows{display:grid;gap:10px}.variantField{border:1px solid #d0e0e9;border-radius:10px;padding:10px;background:#fff}.variantLabel{font-weight:700;color:#1d516e}.variantMeta{color:#6a8496;font-size:.74rem}.renderList{display:grid;gap:8px;max-height:470px;overflow-y:auto;padding-right:4px}.renderRow{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;background:#f2f9fe;color:var(--ink);border:1px solid #c8deea}.renderRow.active{background:#ddf1fb;border-color:#7bb5d2}.state{font-family:IBM Plex Mono,Menlo,monospace;font-size:.8rem;border-radius:999px;padding:2px 8px;background:#dceaf5}.state-completed{color:#0f6f4f}.state-failed,.state-cancelled{color:#8a1a2e}.detail dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail div{border:1px solid #d0e0e9;border-radius:10px;padding:10px;background:#f6fbfe}.detail dt{font-size:.72rem;color:var(--subtle);letter-spacing:.03em}.detail dd{margin:4px 0 0;font-family:IBM Plex Mono,Menlo,monospace;font-size:.8rem;word-break:break-word}.artifact,.failure{margin-top:14px}.artifact{color:#1d516e}.failure{color:#8a1a2e}.empty{color:var(--subtle)}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:980px){.controls,.authForm{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.detail dl{grid-template-columns:1fr}}