:root{--ink:#271f25;--muted:#6e626a;--line:#eadfe6;--paper:#fffafc;--panel:#fff;--accent:#8b486d;--accent-dark:#6f3555}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fffafc,#f7eef4);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.shell{max-width:1180px;margin:0 auto;padding:36px 20px 56px}.hero{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:12px;font-weight:700}.hero h1{font-size:42px;line-height:1.05;margin:.15em 0}.hero p{max-width:820px;color:var(--muted);font-size:17px}.panel{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(80,40,65,.08);padding:22px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-weight:700;color:#352830}label small{display:block;font-weight:500;color:var(--muted);margin-top:6px}select,textarea,input[type=range]{width:100%;margin-top:8px}textarea{border:1px solid #d8cad3;border-radius:12px;padding:14px;font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.promptLabel{margin-top:18px}.warmth{padding:10px 12px;border:1px solid #eadfe6;border-radius:12px;background:#fffbfd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}button{border:0;border-radius:999px;background:var(--accent);color:white;font-weight:800;padding:12px 22px;cursor:pointer}button:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#efe2ea;color:var(--accent-dark)}.secondary:hover{background:#e5d2de}.outputPanel h2{margin-top:0}pre{white-space:pre-wrap;word-break:break-word;background:#241d22;color:#fff;border-radius:14px;padding:18px;min-height:120px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.empty{color:#d9cdd5}.debugPanel summary{cursor:pointer;font-weight:800}.select2-container{margin-top:8px}.select2-container--default .select2-selection--single{border-color:#d8cad3;border-radius:10px;height:42px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}