:root{color-scheme:light;--bg: #dfeaf7;--bg-glow-1: rgba(30, 159, 224, .24);--bg-glow-2: rgba(56, 178, 131, .16);--panel: #ffffff;--panel-2: #fbfdff;--border: #c9d9ee;--border-soft: #e0eaf7;--text: #14181f;--muted: #5c6b7e;--accent: #1e9fe0;--accent-2: #2bb673;--accent-strong: #0f7fbd;--danger: #e15656;--warning: #d8a83a;--shadow: 0 1px 2px rgba(20, 40, 70, .06), 0 12px 32px -16px rgba(20, 40, 70, .22);--shadow-soft: 0 1px 2px rgba(20, 40, 70, .04), 0 6px 16px -10px rgba(20, 40, 70, .16);--radius: 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:radial-gradient(680px 420px at 12% -8%,var(--bg-glow-1),transparent 60%),radial-gradient(600px 380px at 100% 0%,var(--bg-glow-2),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);letter-spacing:-.01em}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background:var(--border-soft);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.9em}.app-shell{max-width:1080px;margin:0 auto;padding:28px 20px 80px}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}.brand{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px;transition:opacity .15s ease}.brand:hover{opacity:.85}.brand .dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px #5b8def26,0 0 14px #5b8def8c}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:18px;box-shadow:var(--shadow-soft);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border);box-shadow:var(--shadow)}.card h2,.card h3{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:-.01em;box-shadow:0 1px 1px #00000026,0 4px 14px -4px #5b8def8c;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;text-decoration:none}.button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 1px 1px #00000026,0 8px 20px -6px #5b8def99}.button:active{transform:translateY(0)}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.button.secondary:hover{border-color:var(--accent);color:var(--accent-strong);filter:none;box-shadow:none;background:#5b8def14}.button.danger{background:linear-gradient(135deg,var(--danger),#c94747);box-shadow:0 1px 1px #00000026,0 4px 14px -4px #e156568c}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:-.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.active{background:#38b28324;color:var(--accent-2)}.badge.pending{background:#d8a83a29;color:var(--warning)}.badge.attention,.badge.failed{background:#e1565624;color:var(--danger)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 760px){.grid-two{grid-template-columns:1fr}}textarea,input[type=text]{width:100%;background:var(--border-soft);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:11px 13px;font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px #5b8def2e}textarea:read-only,input[type=text]:read-only{color:var(--muted);cursor:pointer}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:7px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.field{margin-bottom:16px}.token-chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer;background:var(--border-soft);margin:3px 4px 3px 0;transition:border-color .15s ease,color .15s ease,background .15s ease}.token-chip:hover{border-color:var(--accent);color:var(--accent-strong);background:#5b8def1a}.preview-frame{background:#fff;color:#111;border-radius:10px;padding:18px;min-height:160px;border:1px solid var(--border);box-shadow:inset 0 0 0 1px #00000005,var(--shadow-soft)}.muted{color:var(--muted);font-size:13px}table.log-table{width:100%;border-collapse:collapse;font-size:13px}table.log-table th,table.log-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border-soft)}table.log-table th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.template-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;margin:0 -4px;border-bottom:1px solid var(--border-soft);border-radius:8px;transition:background .15s ease}.template-list-item:hover{background:var(--border-soft)}.template-list-item:last-child{border-bottom:none}.empty-state{border:1px dashed var(--border);border-radius:10px;padding:28px 20px;text-align:center;margin-top:14px;background:var(--border-soft)}.empty-state .empty-icon{font-size:26px;margin-bottom:8px;opacity:.8}.callout{border-radius:9px;padding:10px 14px;font-size:13px;margin-top:12px;border:1px solid transparent}.callout.danger{color:var(--danger);background:#e156561a;border-color:#e1565640}.callout.info{color:var(--accent-strong);background:#5b8def1a;border-color:#5b8def40}