:root{color-scheme:light;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#18212f;background:radial-gradient(circle at top left,rgba(255,211,182,.85),transparent 28%),radial-gradient(circle at right center,rgba(115,207,187,.5),transparent 30%),linear-gradient(180deg,#f5f1e8,#eef4f1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0}code{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95em}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:32px 0 40px}.grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px}.panel{border:1px solid rgba(24,33,47,.08);border-radius:24px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 60px #18212f14}.intro{padding:28px;margin-bottom:20px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:#a34b2f}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.05em}.lede{margin-top:14px;max-width:60ch;color:#4f5c6d}.controls,.preview-panel{padding:24px}.controls{display:grid;gap:14px;align-content:start}.section-heading{display:grid;gap:8px;margin-bottom:4px}.section-heading p{color:#5f6c7d}label{display:grid;gap:8px}label span,.preview-meta span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#6a7380}input,select{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(24,33,47,.14);border-radius:14px;background:#ffffffe6;color:#18212f}input:focus,select:focus{outline:2px solid rgba(163,75,47,.18);border-color:#a34b2f}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.primary,.ghost{min-height:46px;padding:0 18px;border-radius:999px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary{background:#18212f;color:#f7f3ea;box-shadow:0 14px 30px #18212f2e}.ghost{background:#18212f0f;color:#18212f}.primary:hover,.ghost:hover{transform:translateY(-1px)}.preview-panel{display:grid;gap:18px}#statusLine[data-tone=success]{color:#136f5b}#statusLine[data-tone=error]{color:#a33b2f}.preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-meta div{display:grid;gap:6px;padding:14px;border-radius:16px;background:#18212f0a}.preview-meta strong{overflow-wrap:anywhere}.preview-surface{min-height:360px;padding:24px;border-radius:20px;border:1px dashed rgba(24,33,47,.15);background:linear-gradient(135deg,#ffffffe6,#f5f1e8bf),repeating-linear-gradient(135deg,rgba(24,33,47,.04) 0 8px,transparent 8px 16px)}#widgetHost{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}@media(max-width:900px){.shell{width:min(100vw - 24px,1180px);padding-top:20px}.grid{grid-template-columns:1fr}.intro,.controls,.preview-panel{padding:20px}.preview-meta{grid-template-columns:1fr}}