:root{--background:#f7f8fa;--surface:#fff;--ink:#172235;--muted:#5c687a;--line:#dce1e9;--blue:#224ed0;--blue-hover:#163cae;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,select,textarea{font:inherit}button,select{min-height:44px}button{cursor:pointer}button:disabled{cursor:not-allowed;color:#8791a0}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7295ff}.site-header,main,footer{width:min(1184px,100% - 64px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;display:flex}.identity{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.brand-symbol{background:var(--blue);color:#fff;width:32px;height:32px;font:700 15px var(--mono);border-radius:8px;place-items:center;display:grid}.header-divider{color:#a4adba;padding:0 9px}.demo-badge{text-transform:uppercase;letter-spacing:.09em;color:#5c687a;border:1px solid #cdd5e2;border-radius:5px;padding:6px 9px;font-size:11px}.intro{padding:42px 0 30px}.eyebrow{color:var(--blue);letter-spacing:.04em;margin:0 0 14px;font-size:12px;font-weight:700}h1{letter-spacing:-1.5px;margin:0 0 14px;font-size:clamp(30px,3.4vw,44px);font-weight:650;line-height:1.12}.subtitle{color:var(--muted);margin:0 0 18px;font-size:17px;line-height:1.5}.privacy-line{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12px;line-height:1.6;display:flex}.privacy-dot{background:#238268;border-radius:50%;flex:none;width:6px;height:6px}.tool{background:var(--surface);border:1px solid #cfd7e4;border-radius:10px;scroll-margin-top:16px;box-shadow:0 4px 20px #15274005}.tool-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.primary-actions{gap:8px;display:flex}.button{border:1px solid var(--line);border-radius:6px;padding:0 18px;font-size:13px;font-weight:600}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:var(--blue-hover)}.primary span{padding-left:24px;font-size:17px}.secondary{background:#fff}.secondary:hover,.pane-actions button:not(:disabled):hover{background:#edf1f8}.indent-label{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:0 10px}.editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.editor-pane{min-width:0}.output-pane{border-left:1px solid var(--line);background:#fbfcfe;border-radius:0 0 8px}.pane-heading{justify-content:space-between;align-items:center;gap:8px;height:61px;padding:0 18px;display:flex}.pane-heading label{font-size:13px;font-weight:600}.pane-heading label span{color:#748195;letter-spacing:.04em;margin-left:8px;font-size:9px;font-weight:400}.pane-actions{gap:2px;display:flex}.pane-actions button{color:#40516c;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:12px}.pane-actions button:disabled{color:#8791a0}textarea{resize:vertical;color:#263950;width:calc(100% - 36px);height:288px;min-height:240px;font:13px/1.8 var(--mono);tab-size:2;background:0 0;border:0;border-radius:2px;margin:0 18px;padding:10px 0;display:block}textarea::placeholder{color:#8793a5;opacity:1}.pane-foot{color:#738094;justify-content:space-between;gap:12px;padding:17px 18px;font-size:10px;display:flex}.tool-feedback{border-top:1px solid var(--line);color:#54677e;align-items:center;gap:9px;min-height:43px;padding:10px 18px;font-size:12px;line-height:1.5;display:flex}.feedback-icon{color:#238268;font-size:14px;font-weight:700}.tool-feedback.error{color:#9b3428;background:#fff5f3;border-radius:0 0 10px 10px}.error .feedback-icon{color:#9b3428}.instructions{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:35px 0 26px;display:grid}.instructions h2{margin:11px 0 9px;font-size:14px;font-weight:600;line-height:1.4}.instructions p{color:var(--muted);max-width:310px;margin:0;font-size:12px;line-height:1.8}.step-number{color:#6d7c93;font:11px var(--mono)}.limits{border-top:1px solid var(--line);align-items:baseline;gap:28px;padding:22px 0;display:flex}.limits h2{flex:none;margin:0;font-size:12px;font-weight:600}.limits p{color:var(--muted);max-width:840px;margin:0;font-size:11px;line-height:1.8}footer{border-top:1px solid var(--line);color:#707e91;justify-content:space-between;gap:16px;padding:21px 0 32px;font-size:10px;line-height:1.7;display:flex}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-60px;left:24px}.skip-link:focus{top:12px}.not-found{padding:80px 0}@media (min-width:1440px){.intro{padding-top:48px}textarea{height:320px}}@media (max-width:700px){.site-header,main,footer{width:calc(100% - 32px)}.site-header{height:72px}.identity{gap:8px;font-size:12px}.header-divider{padding:0 5px}.intro{padding:30px 0 24px}h1{letter-spacing:-1.2px;max-width:360px;font-size:32px}.subtitle{max-width:290px;font-size:15px}.privacy-line{align-items:baseline;font-size:11px}.tool-toolbar{flex-wrap:wrap;gap:8px;padding:12px}.button{padding:0 12px}.primary span{padding-left:12px}.indent-label{gap:6px;font-size:11px}select{padding:0 6px}.editors{grid-template-columns:minmax(0,1fr)}.output-pane{border-left:0;border-top:1px solid var(--line)}textarea{height:230px;min-height:180px;font-size:12px}.pane-heading{padding:0 14px}.pane-heading label span{margin-left:5px}.pane-actions button{padding:0 8px}.pane-foot{padding:14px}.instructions{grid-template-columns:1fr;gap:22px;padding:28px 0}.instructions>div{grid-template-columns:25px 1fr;column-gap:10px;display:grid}.step-number{grid-row:1/3;padding-top:2px}.instructions h2{margin:0 0 5px}.instructions p{max-width:none}.limits{display:block}.limits h2{margin-bottom:8px}footer{display:block}footer span{margin-bottom:7px;display:block}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
