:root{--background:#f6f7f4;--panel:#ffffff;--ink:#1f251f;--muted:#656d65;--line:#d8ded4;--field:#fbfcfa;--primary:#176f54;--primary-strong:#0f563f;--primary-soft:#e6f3ee;--amber:#9b5d06;--amber-soft:#fff4df;--danger:#a73737;--danger-soft:#fff0f0;--shadow:0 22px 60px rgba(31,37,31,0.1)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}a{color:inherit;text-decoration:none}.screen{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0)),var(--background)}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.narrow-shell{width:min(860px,calc(100% - 32px))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.brand,.top-nav a{display:inline-flex;align-items:center;gap:8px}.brand{font-size:18px;font-weight:800;letter-spacing:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--primary)}.brand-mark,.top-nav a{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.top-nav a{min-height:38px;padding:0 14px;color:var(--muted);font-size:14px;font-weight:700}.workbench{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);grid-gap:40px;gap:40px;align-items:start;padding-top:64px}.read-layout{display:grid;grid-gap:24px;gap:24px;padding-top:56px}.intro{padding-top:14px}.intro.compact{max-width:640px;padding-top:0}.eyebrow{margin:0 0 12px;color:var(--primary);font-size:13px;font-weight:800}h1{max-width:620px;margin:0;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:0}.intro p:not(.eyebrow){max-width:520px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.form-panel{display:grid;grid-gap:22px;gap:22px;padding:24px}.field-stack{display:grid;grid-gap:10px;gap:10px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:14px;font-weight:800}.field-label span{color:var(--muted);font-size:12px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:238px;resize:vertical;padding:15px 16px;line-height:1.6}input{min-height:48px;padding:0 14px}input:focus,textarea:focus{border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 3px rgba(23,111,84,.14)}.two-column{display:grid;grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr);grid-gap:18px;gap:18px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.input-with-icon input{padding-left:42px}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:48px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--field)}.segmented label{position:relative;display:flex;min-width:0}.segmented input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.segmented span{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:0 6px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:800;text-align:center}.segmented label:first-child span{border-left:0}.segmented input:checked+span{background:var(--primary-soft);color:var(--primary-strong)}.segmented input:focus-visible+span{box-shadow:inset 0 0 0 3px rgba(23,111,84,.18)}.toggle-row{display:grid;grid-template-columns:42px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-control{position:relative;width:42px;height:24px;border-radius:999px;background:#c8d0c6;transition:background .16s ease}.toggle-control:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#ffffff;box-shadow:0 1px 4px rgba(31,37,31,.2);content:"";transition:transform .16s ease}.toggle-row input:checked+.toggle-control{background:var(--amber)}.toggle-row input:checked+.toggle-control:after{transform:translateX(18px)}.toggle-row input:focus-visible+.toggle-control{box-shadow:0 0 0 3px rgba(155,93,6,.18)}.toggle-row strong{display:inline-flex;align-items:center;gap:6px;font-size:14px}.toggle-row small{display:block;margin-top:4px;color:var(--muted);line-height:1.5}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:8px;font-weight:800}.primary-button{width:100%;border:1px solid var(--primary);background:var(--primary);color:#ffffff}.primary-button:hover:not(:disabled){background:var(--primary-strong)}.secondary-button{border:1px solid var(--line);background:#ffffff;color:var(--ink);padding:0 14px}.secondary-button:hover{border-color:#b9c2b5;background:#f8faf7}.status{margin:0;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:700;line-height:1.5}.error{border:1px solid rgba(167,55,55,.28);background:var(--danger-soft);color:var(--danger)}.warn{border:1px solid rgba(155,93,6,.25);background:var(--amber-soft);color:var(--amber)}.content-result,.result-box{display:grid;grid-gap:16px;gap:16px;padding:18px;border:1px solid rgba(23,111,84,.22);border-radius:8px;background:var(--primary-soft)}.result-label{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:900}.result-box strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(32px,7vw,46px);letter-spacing:0}.content-toolbar,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.meta-line{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--primary-strong);font-size:14px;font-weight:800}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:22px;font-weight:900;letter-spacing:0;text-transform:uppercase}.content-toolbar span{color:var(--muted);font-size:13px;font-weight:700}.content-result pre{overflow:auto;max-height:52vh;margin:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}@media (max-width:860px){.narrow-shell,.shell{width:min(100% - 24px,680px);padding-top:18px}.workbench{grid-template-columns:1fr;gap:24px}.read-layout,.workbench{padding-top:36px}.intro{padding-top:0}.intro p:not(.eyebrow){font-size:16px}.form-panel{padding:18px}.two-column{grid-template-columns:1fr}}@media (max-width:560px){.app-header{align-items:flex-start}h1{font-size:34px}textarea{min-height:210px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented label:nth-child(3) span{border-left:0;border-top:1px solid var(--line)}.segmented label:nth-child(4) span{border-top:1px solid var(--line)}.content-toolbar,.result-actions{align-items:stretch;flex-direction:column}.secondary-button{width:100%}}