@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#20343b;background:#f7f6f2;font-size:14px;line-height:1.7;--deep:#123e43;--teal:#155959;--line:#cbdcda;--muted:#637a80}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--deep);padding:10px 14px;border-radius:5px;font-size:12px;font-weight:700}button:hover{background:#e4eee7;border-color:#6d9e91}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cf865c;outline-offset:3px}input:not([type=checkbox]),select,textarea{border:1px solid #b4cbc7;border-radius:5px;padding:12px;background:#fff;color:var(--deep);width:100%;min-width:0}input[type=checkbox]{accent-color:var(--teal);width:17px;height:17px}input[aria-invalid=true]{border-color:#a45336}a{color:var(--teal);text-underline-offset:3px}main{max-width:1360px;margin:auto;padding:26px 38px}h1{font-size:25px;line-height:1.35;margin:8px 0 12px}h2{font-size:19px;line-height:1.4;margin:8px 0 12px}h3{font-size:14px;margin:0 0 12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--teal);margin:0}.muted{font-size:12px;color:var(--muted)}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.top button{flex-shrink:0}.intro{color:var(--muted);margin:0}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.scenes button{display:flex;align-items:center;gap:12px;text-align:left;min-height:45px}.scenes span{font-size:10px;white-space:nowrap;letter-spacing:.08em}.scenes [aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.scene-intro{max-width:860px;margin-bottom:24px}.scene-intro>p:last-child{margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);gap:20px}.editor,.result{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;min-width:0}.panel-head{padding:15px 22px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.panel-head button{background:#315b5e;color:#fff;border-color:#648487}.fields{padding:23px}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:8px;align-items:center}.input-row input{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.input-row button{flex-shrink:0}.hint{font-size:11px;color:var(--muted);margin:8px 0}.samples{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.samples button{font-size:10px;padding:6px 9px}.settings{display:flex;flex-wrap:wrap;gap:14px;padding:15px 22px;background:#eff3ef;border-top:1px solid var(--line)}.settings label{display:flex;gap:7px;align-items:center;font-size:11px}.settings select{padding:5px;width:auto;font-size:11px}.result{padding:23px;align-self:start}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;background:#e8eeea;color:#4f676a;margin:5px 0 12px}.badge.valid{background:#dcefe0;color:#285d44}.badge.invalid{background:#fae9de;color:#914421}.big{font-size:27px;line-height:1.3;font-weight:800;color:var(--teal);margin:8px 0 14px;overflow-wrap:anywhere}.result p{font-size:12px}.result pre{font-size:11px;max-height:240px}.value-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-top:22px}.value-cell{padding:12px 15px;background:#f7f9f5;min-width:0}.value-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px}.value-cell code{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:4px}.feedback{padding:13px 17px;background:#e4eee5;border-radius:5px;font-size:12px;min-height:48px;margin-top:18px}.use{padding:20px 22px;border:1px solid var(--line);background:#edf2ed;border-radius:6px;margin-top:20px}.use p{font-size:12px;margin:6px 0}.extra{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.extra label{font-size:12px}.date-second{margin-top:18px}.color-preview{background:#155959;color:#fff;border-radius:6px;padding:24px;margin:10px 0}.color-preview span{display:block;font-size:11px;opacity:.8}.color-preview strong{display:block;font-size:23px}.color-swatch{height:75px;border-radius:4px;border:1px solid #b3c9c5;background:#155959}.preview-neutral{padding:15px;border:1px solid var(--line);border-radius:5px;margin-top:14px;color:var(--deep);background:#f9faf6}.preview-neutral button{border:2px solid var(--accent,#155959);color:var(--accent,#155959)}.preview-neutral p{font-size:12px}.table-wrap{overflow:auto}.batch-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.batch-table th,.batch-table td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.batch-table .bad{color:#943d24}.batch-table th{font-size:10px}.batch-table th:first-child{width:30%}.batch-table th:nth-child(2){width:36%}#batch-input{font:13px/1.8 ui-monospace,monospace;min-height:200px;resize:vertical}#batch-error{font-size:12px;color:#943d24}.batch-controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.catalogue{display:grid;gap:8px;margin-top:15px}.catalogue button{text-align:left;font-size:11px}.catalogue small{display:block;color:var(--muted)}.code-section{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.actions a{font-size:12px}summary{cursor:pointer;font-weight:700;font-size:12px;border:1px solid var(--line);padding:13px;background:#edf2ed;border-radius:4px}pre{background:#163237;color:#eef5ec;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border-radius:5px;max-height:420px;overflow:auto;font:11px/1.8 ui-monospace,monospace}footer{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}.expanded main{max-width:none}@media(max-width:850px){.workspace{grid-template-columns:1fr}main{padding:22px}.result{width:100%}}@media(max-width:500px){main{padding:16px}h1{font-size:21px}.top{gap:12px}.top button{font-size:10px;padding:8px}.intro{font-size:12px}.scenes{grid-template-columns:1fr 1fr}.scenes button{font-size:11px;padding:9px;gap:8px}.scene-intro{font-size:13px}.fields,.result{padding:17px}.panel-head{padding:12px 16px}.input-row input{font-size:17px;padding:10px}.input-row button{font-size:10px;padding:9px}.settings{padding:13px 16px;gap:10px}.extra{grid-template-columns:1fr}.actions>button{width:100%}.big{font-size:23px}.batch-table td{padding:8px 4px}.batch-table th{padding:7px 4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}