:root{--background:#f5f7fa;--foreground:#172334;--muted:#697585;--line:#e4e8ef;--blue:#305cf4;--blue-dark:#214bda;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:disabled{cursor:not-allowed;opacity:.48}button,a,summary{-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible,summary:focus-visible,[role=textbox]:focus-visible{outline-offset:5px;outline:3px solid #8ea7ff}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}::selection{background:#d9e2ff}.app-shell{max-width:1328px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:-1.7px;align-items:center;font-size:32px;font-weight:700;display:flex}.brand-period{color:var(--blue)}.brand-mark{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:34px;height:34px;margin-right:10px;display:flex}.brand-mark i{background:var(--blue);border-radius:2px;width:25px;height:4px}.brand-mark i:nth-child(2){width:19px}.brand-mark i:nth-child(3){width:13px}.header-note{color:var(--muted);align-items:center;gap:8px;font-size:.8125rem;display:flex}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:40px 0 30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#738092;margin-bottom:13px;font-size:.75rem;font-weight:600}h1{letter-spacing:-1.5px;margin:0;font-size:clamp(1.75rem,3.1vw,2.5rem);font-weight:500;line-height:1.2}h1 span{color:#7e8a9a}.intro p{color:var(--muted);margin:13px 0 0;font-size:1rem}.example-button{background:0 0;border:0;border-bottom:1px solid #b5bfce;align-items:center;gap:10px;margin-bottom:1px;padding:8px 0;font-size:.875rem;display:flex}.example-button:hover{color:var(--blue);border-color:var(--blue)}.workspace{background:#fff;border:1px solid #dfe5ed;border-radius:16px;overflow:hidden;box-shadow:0 7px 28px -15px #27395629}.workspace-toolbar{border-bottom:1px solid var(--line);background:#fbfcfe;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:16px 26px;display:flex}.live-label{color:#637184;align-items:center;gap:9px;font-size:.8125rem;display:flex}.live-label>span{background:#598977;border-radius:50%;width:6px;height:6px}.toggle-control{text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;font-size:.875rem;display:flex}.switch-track{background:#c8d0db;border-radius:20px;flex-shrink:0;width:34px;height:20px;padding:3px;transition:background .2s;display:block}.switch-track>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block;box-shadow:0 1px 2px #0002}.toggle-control[aria-checked=true] .switch-track{background:var(--blue)}.toggle-control[aria-checked=true] .switch-track>span{transform:translate(14px)}.editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.editor{flex-direction:column;min-width:0;display:flex}.input-editor{border-right:1px solid var(--line)}.editor-heading{justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px 26px;display:flex}.editor-heading>div:first-child{align-items:center;gap:11px;display:flex}.editor-heading label,.editor-heading h2{margin:0;font-size:.9375rem;font-weight:600}.step{color:#7b899c;letter-spacing:.5px;font-family:monospace;font-size:.75rem}.input-actions{align-items:center;gap:8px;display:flex}.small-button,.icon-button,.copy-button{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.875rem;display:flex}.small-button,.copy-button{flex-shrink:0;width:5.5rem}.small-button:hover,.icon-button:hover{background:#f1f5fb}.icon-button{color:var(--muted);border-color:#0000;padding:9px}.output-status{letter-spacing:.7px;color:#7e8a9a;white-space:nowrap;font-size:.75rem}.output-status.ready{color:#3f7b63;letter-spacing:0;align-items:center;gap:4px;display:flex}textarea{resize:vertical;width:100%;height:310px;min-height:310px;max-height:650px;color:var(--foreground);letter-spacing:.02px;background:#fff;border:0;border-radius:0;outline:none;padding:12px 26px 24px;font-size:1rem;line-height:1.8;display:block}textarea::placeholder{color:#8692a3;opacity:1}textarea:focus{box-shadow:inset 3px 0 #305cf4}.output-body{background:#fcfdff;height:100%;min-height:310px;position:relative}.clean-output{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;height:100%;min-height:310px;max-height:650px;padding:12px 26px 24px;font-size:1rem;line-height:1.8;overflow:auto}.clean-output mark{color:inherit;background:#fce7a4;border-radius:3px;margin:0 -1px;padding:0 1px;box-shadow:0 0 0 1px #e9c97660}.empty-output{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:310px;padding:26px;display:flex}.empty-icon{color:#93a7c5;background:#f0f4fb;border:1px solid #e7edf6;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:17px;display:grid}.empty-output h3{color:#697c94;margin:0 0 9px;font-size:1rem;font-weight:500}.empty-output p{color:#7a8a9f;margin:0;font-size:.875rem;line-height:1.7}.empty-caption{color:#8593a6;letter-spacing:.3px;margin-top:26px;font-size:.75rem}.editor-footer{color:#7d8b9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:17px 26px;font-size:.75rem;display:flex}.separator{color:#a3afbf;padding:0 5px}.flow-arrow{z-index:1;border:1px solid var(--line);color:#8795a9;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.workspace-bottom{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:21px 26px;display:flex}.cleanup-summary{align-items:center;gap:12px;min-width:0;display:flex}.summary-icon{color:#778c9a;background:#f0f4f7;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.cleanup-summary strong{font-size:.875rem;font-weight:500}.cleanup-summary p{color:#7c899b;margin:5px 0 0;font-size:.75rem;line-height:1.5}.copy-button{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 3px 4px #305cf414}.copy-button:hover:not(:disabled){background:var(--blue-dark)}.copy-button.is-copied{background:#257354;border-color:#257354}.review-panel{background:#f8fafe;border:1px solid #e0e5ed;border-radius:12px;margin-top:22px;padding:23px 26px}.review-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.review-heading{align-items:center;gap:14px;display:flex}.review-symbol{letter-spacing:-1px;color:#65748b;background:#eaf0f8;border:1px solid #e0e7f0;border-radius:9px;place-items:center;min-width:40px;height:40px;font-family:Georgia,serif;font-size:22px;display:grid}.review-heading h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:.875rem;font-weight:600;display:flex}.optional-badge{letter-spacing:.5px;color:#77879c;border:1px solid #dfe5ef;border-radius:4px;padding:3px 5px;font-size:.75rem;font-weight:400}.review-heading p{color:#6e7e93;margin:6px 0 0;font-size:.875rem;line-height:1.5}.review-details{margin-top:21px;padding-left:54px}.character-chips{flex-wrap:wrap;gap:9px;display:flex}.character-chip{color:#65768f;white-space:nowrap;background:#fff;border:1px solid #dfe5ee;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;display:flex}.character-sample{color:#65768f;place-items:center;min-width:20px;font-family:Georgia,serif;font-size:1rem;display:grid}.character-count{color:#73829a;border-left:1px solid #e5e9ef;padding-left:7px;font-size:.75rem}.character-chip.found .character-sample{color:#74602b;background:#fce7a4;border-radius:3px}.character-chip.found .character-count{color:#70591c}.review-details>p{color:#78879c;margin:13px 0 0;font-size:.75rem;line-height:1.5}.status-message{color:#426652;text-align:right;min-height:19px;margin:12px 0 0;font-size:.8125rem}.site-footer{color:#78879c;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0 32px;font-size:.75rem;display:flex}.site-footer>span{align-items:center;gap:7px;display:flex}.site-footer svg{flex-shrink:0}.site-footer details{text-align:right;max-width:480px}.site-footer summary{cursor:pointer;border-bottom:1px solid #c7ced8;padding-bottom:2px;list-style:none;display:inline-block}.site-footer summary::-webkit-details-marker{display:none}.cleaning-info{text-align:left;color:#67768b;border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:13px;padding:6px 18px;font-size:.8125rem;line-height:1.65}.cleaning-info p{margin:12px 0}@media (min-width:1600px){.app-shell{max-width:1430px}.intro{padding-top:48px}textarea,.output-body,.clean-output,.empty-output{min-height:360px}textarea{height:360px}}@media (max-width:1000px){.app-shell{padding:0 28px}.site-header{height:88px}.intro{padding-top:35px}.editor-heading{padding:14px 20px}textarea,.clean-output{padding-left:20px;padding-right:20px}.editor-footer{padding:17px 20px}.review-top{align-items:flex-start}.review-heading p{max-width:300px}.review-top>.toggle-control{padding-top:9px}.output-status:not(.ready){display:none}.cleanup-summary p{max-width:330px}}@media (max-width:700px){.app-shell{padding:0 18px}.site-header{height:76px}.brand{font-size:28px}.header-note{gap:0;font-size:0}.header-note svg{width:20px;height:20px}.intro{padding:31px 0 23px;display:block}.eyebrow{letter-spacing:1.6px}h1{letter-spacing:-1.1px;font-size:1.8rem}.intro p{margin-top:10px;font-size:.875rem}.example-button{margin-top:16px}.workspace{border-radius:12px}.workspace-toolbar{flex-wrap:wrap;gap:12px;padding:13px 17px}.live-label{font-size:.75rem}.toggle-control{gap:8px}.editors{grid-template-columns:1fr}.input-editor{border-right:none;border-bottom:1px solid var(--line)}.editor-heading{min-height:63px;padding:12px 18px}.editor-heading label,.editor-heading h2{font-size:.875rem}textarea{height:220px;min-height:220px;padding:6px 18px 18px;line-height:1.7}.output-body,.clean-output,.empty-output{min-height:230px}.clean-output{max-height:480px;padding:6px 18px 18px;line-height:1.7}.flow-arrow{display:none}.editor-footer{padding:14px 18px}.workspace-bottom{flex-direction:column;align-items:stretch;gap:18px;padding:18px}.review-panel{margin-top:18px;padding:19px 18px}.review-top{flex-direction:column;gap:16px}.review-heading{gap:11px}.review-heading p{max-width:none}.review-top>.toggle-control{padding-top:0}.review-details{margin-top:18px;padding-left:0}.character-chips{gap:7px}.character-chip{gap:6px;padding:5px 7px}.site-footer{flex-direction:column;gap:15px;padding-top:10px;line-height:1.5}.site-footer details,.status-message{text-align:left}.empty-caption{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}