:root{--bg:#f7f4ef;--panel:#fff;--ink:#1d1f1e;--muted:#6a6f6b;--accent:#e85d3f;--accent-2:#2d7ff9;--border:rgba(0,0,0,.08);--shadow:0 20px 50px rgba(0,0,0,.08);--radius:16px;--font-heading:"Fraunces",serif;--font-body:"IBM Plex Sans",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 80% -10%,rgba(232,93,63,.15),transparent 60%),radial-gradient(1000px 600px at -10% 20%,rgba(45,127,249,.12),transparent 55%),var(--bg);min-height:100%}main{padding:48px 24px 80px;max-width:1200px;margin:0 auto}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 12px}h1{font-size:clamp(2.4rem,3vw,3.4rem)}p{margin:0 0 16px;color:var(--muted);line-height:1.6}section{margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.grid{display:grid;grid-gap:20px;gap:20px}@media (min-width:900px){.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}label{display:block;font-weight:600;margin-bottom:8px}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-family:var(--font-body);font-size:.95rem}textarea{min-height:140px;resize:vertical}button{border:none;border-radius:999px;background:var(--accent);color:#fff;padding:12px 24px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px rgba(232,93,63,.25)}button:hover{transform:translateY(-1px)}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--border);box-shadow:none}.diff{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;border-radius:12px;border:1px solid var(--border);background:#fff;padding:18px;max-height:520px;overflow:auto}.diff .added{background:rgba(45,127,249,.2);color:#0c2a66}.diff .removed{background:rgba(232,93,63,.2);color:#7a2212;text-decoration:line-through}.html-frame{width:100%;height:520px;border:1px solid var(--border);border-radius:12px;background:#fff}.open-link{font-size:.82rem;font-weight:600;color:var(--accent-2);text-decoration:none;padding:4px 12px;border-radius:999px;border:1px solid var(--accent-2);transition:background .15s,color .15s}.open-link:hover{background:var(--accent-2);color:#fff}.debug{margin-top:16px;padding:12px;border-radius:12px;border:1px dashed var(--border);background:#faf7f2;font-size:.8rem;max-height:220px;overflow:auto}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.05)}.badge,.small{font-size:.85rem}.small{color:var(--muted)}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selector-preset{width:auto;padding:4px 8px;font-size:.8rem;border-radius:8px}.options-trigger{background:transparent;color:var(--muted);border:none;box-shadow:none;padding:4px;font-size:1.1rem;line-height:1;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.options-trigger:hover{color:var(--ink);background:rgba(0,0,0,.05);transform:none}.options-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:12px 16px;display:flex;flex-direction:column;gap:10px;min-width:240px;animation:fadeIn .15s ease both}.options-popover label{display:flex;align-items:center;gap:8px;font-weight:400;margin-bottom:0;white-space:nowrap;cursor:pointer;font-size:.9rem}.options-popover input[type=checkbox]{width:auto}.sbs-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sbs-container{display:flex;position:relative}.sbs-panel{flex:1 1;min-width:0;overflow-y:auto;max-height:600px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.55}.sbs-panel-header{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:10px 14px;font-family:var(--font-body);font-weight:600;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--border)}.sbs-left .sbs-panel-header{background:rgba(232,93,63,.07);color:#7a2212}.sbs-right .sbs-panel-header{background:rgba(45,127,249,.07);color:#0c2a66}.sbs-svg-col{width:48px;flex-shrink:0;position:relative;background:linear-gradient(90deg,var(--border),transparent 1px,transparent calc(100% - 1px),var(--border))}.sbs-svg-col svg{position:absolute;top:0;left:0;width:100%;pointer-events:none}.sbs-block{padding:2px 14px;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid transparent}.sbs-block.equal{color:var(--muted)}.sbs-block.change{position:relative}.sbs-left .sbs-block.change{background:rgba(232,93,63,.1);color:#5a1a0a;border-bottom-color:rgba(232,93,63,.12)}.sbs-right .sbs-block.change{background:rgba(45,127,249,.1);color:#082255;border-bottom-color:rgba(45,127,249,.12)}.sbs-block.empty{min-height:24px;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 8px)}@font-face{font-family:__Fraunces_eb41fe;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fb526027db1fc1ae-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Fraunces_eb41fe;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4da3161b738b07dd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Fraunces_eb41fe;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/af4bf8399d1aacdf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Fraunces_Fallback_eb41fe;src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}.__className_eb41fe{font-family:__Fraunces_eb41fe,__Fraunces_Fallback_eb41fe;font-style:normal}.__variable_eb41fe{--font-heading:"__Fraunces_eb41fe","__Fraunces_Fallback_eb41fe"}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_1bc20f;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Fallback_1bc20f;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_1bc20f{font-family:__IBM_Plex_Sans_1bc20f,__IBM_Plex_Sans_Fallback_1bc20f;font-style:normal}.__variable_1bc20f{--font-body:"__IBM_Plex_Sans_1bc20f","__IBM_Plex_Sans_Fallback_1bc20f"}