:root{color-scheme:light;--ink:#18222c;--muted:#65737e;--line:#dfe5e5;--amber:#ffb000;--dark:#10171e;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button,a,label,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{background:none;border:0;color:inherit}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}a:hover,button:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #be7c00;outline-offset:3px}textarea:focus{outline:2px solid #ca922a;outline-offset:-2px}[hidden]{display:none!important}.site-header{height:84px;max-width:1680px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-.8px;font-weight:750}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;width:35px;height:35px;border-radius:7px;font:700 19px var(--mono);letter-spacing:-3px;padding-right:3px}.brand-icon span{color:var(--amber)}.muted{color:#78858b;font-weight:400}.maker{color:var(--muted);font-size:11px}.maker strong{color:var(--ink);margin-left:4px}main{max-width:1680px;margin:auto;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr);min-height:calc(100svh - 145px)}.utility{padding:28px 34px 24px;min-width:0}.intro-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.kicker{font-size:9px;font-weight:650;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;background:#28785c;border-radius:50%;flex-shrink:0}.private-badge{font:9px var(--mono);color:#487361;white-space:nowrap}h1{font-size:clamp(31px,3.1vw,47px);letter-spacing:-1.9px;font-weight:650;line-height:1.14;margin:21px 0 10px}.intro{color:var(--muted);font-size:12px;margin:0 0 24px}.control-bar{display:flex;align-items:center;gap:12px;margin-bottom:15px;min-height:40px}.mode-control{display:inline-block;position:relative;cursor:pointer;flex-shrink:0}.mode-control input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.slider{background:#e8ece9;border:1px solid #d7ded9;border-radius:7px;width:116px;height:37px;display:flex;position:relative;padding:3px;font:600 12px var(--mono)}.slider:before{content:"";position:absolute;width:53px;height:29px;left:3px;top:3px;border-radius:4px;background:var(--dark);transition:transform .18s}.slider span{position:relative;flex:1;display:flex;align-items:center;justify-content:center;color:#596761}.slider span:first-child{color:#ffd177}.mode-control input:checked+.slider:before{transform:translateX(55px)}.mode-control input:checked+.slider span:first-child{color:#596761}.mode-control input:checked+.slider span:last-child{color:#ffd177}.mode-control input:focus-visible+.slider{outline:3px solid #be7c00;outline-offset:3px}#mode-name{font-size:11px;font-weight:600}.control-actions{margin-left:auto;display:flex;gap:13px;align-items:center}.control-actions button{padding:5px 0;font-size:10px;color:#596a75}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.pane{min-width:0;display:flex;flex-direction:column}.pane+.pane{border-left:1px solid var(--line)}.pane-heading{display:flex;align-items:center;justify-content:space-between;height:43px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 13px;gap:8px;background:#fcfdfb}.pane-heading h2,.pane-heading label{margin:0;font-size:9px;letter-spacing:1px;font-weight:650;color:#5b6b75}.pane-heading div{display:flex;gap:9px}.pane-heading button{padding:5px 0;font-size:10px;color:#64717b}.pane textarea{width:100%;border:0;background:#fff;color:#33414a;resize:none;padding:19px 16px;display:block;font:12px/1.8 var(--mono);tab-size:2;min-height:0}.markdown-split textarea,.prose{height:clamp(360px,51vh,620px)}.pane-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding:7px 12px;color:#6b7a83;font:9px var(--mono);min-height:30px}.prose{overflow:auto;padding:8px 21px 24px;font-size:13px;line-height:1.8;overflow-wrap:anywhere;min-width:0}.prose>:first-child{margin-top:14px}.prose h1{font-size:30px;letter-spacing:-1px;margin:20px 0 12px}.prose h2{font-size:23px;border-bottom:1px solid var(--line);padding-bottom:7px;margin:24px 0 10px;line-height:1.4;letter-spacing:-.7px}.prose h3{font-size:18px;margin:20px 0 8px}.prose h4,.prose h5,.prose h6{font-size:14px;margin:17px 0 7px}.prose blockquote{border-left:3px solid #e2ad3f;padding:2px 0 2px 15px;margin:18px 0;color:#62746e;background:#fcfaf4}.prose blockquote p{margin:8px 0}.prose a{color:#286b95;text-decoration:underline}.prose pre{padding:13px;background:#f2f5f3;border:1px solid #e5eae6;border-radius:5px;overflow:auto;font:11px/1.7 var(--mono)}.prose code{font-family:var(--mono);background:#eef1ed;border-radius:3px;padding:1px 4px;font-size:.9em}.prose pre code{padding:0;background:none}.prose table{border-collapse:collapse;width:100%;display:block;overflow:auto;font-size:11px;margin:15px 0}.prose th,.prose td{border:1px solid var(--line);padding:7px 10px;white-space:normal;min-width:70px}.prose th{background:#f5f7f3;text-align:left}.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}.prose input{accent-color:#28785c}.prose hr{border:0;border-top:1px solid var(--line);margin:22px 0}.image-label{display:inline;color:#63716a;font-size:12px;border:1px dashed #bdc9be;padding:2px 5px;border-radius:3px}.action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:15px 0 18px;font-size:10px}.action-bar>div{display:flex;align-items:center;gap:14px}.action-bar button{padding:5px 0;font-size:10px}.action-bar .primary{background:var(--dark);color:#fff;border-radius:5px;padding:9px 12px}.check{display:flex;gap:6px;align-items:center;color:#65766e;font-size:10px}.check input{accent-color:#28785c}.text-inputs textarea{height:173px;line-height:1.6}.diff-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:22px 0 12px;min-height:20px}.diff-heading h2{font-size:9px;letter-spacing:1.1px;margin:0}.diff-heading #diff-summary{font-size:10px;color:#5a6e65}.diff-heading button{margin-left:auto;font-size:10px;padding:0;color:#5a6c77}.diff-labels{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px 6px 0 0;background:#f1f4f0;font:9px var(--mono);letter-spacing:.9px}.diff-labels span{padding:9px 12px}.diff-labels span+span{border-left:1px solid var(--line)}#diff-output{height:clamp(170px,25vh,350px);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;overflow:auto;background:#fff}.diff-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-cell{display:grid;grid-template-columns:29px 12px minmax(0,1fr);font:11px/1.85 var(--mono);min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;padding:1px 9px 1px 0}.diff-cell+.diff-cell{border-left:1px solid var(--line)}.line-number{text-align:right;color:#88968c;font-size:9px;padding:2px 5px 0 0;user-select:none}.line-sign{color:#708574;user-select:none}.diff-cell.removed{background:#fff0ed}.diff-cell.added{background:#eaf6ed}.diff-cell.empty{background:#f1f3f1}.diff-cell mark{color:inherit;border-radius:2px}.removed mark{background:#f5c7c1}.added mark{background:#aeddba}.end-mark{display:block;color:#657769;font-size:8px;line-height:1.4}.legend{display:flex;gap:14px;font-size:10px}.removed-key{color:#9a473d}.added-key{color:#297445}.privacy-line{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.privacy-line p{margin:0;color:#68786e;font-size:10px}.privacy-line button{padding:0;color:#536b77;font-size:inherit}.detail-note{font-size:9px;color:#718078;margin:8px 0;line-height:1.7}.error{background:#fff0dc;color:#794117;border:1px solid #e9c794;padding:12px;border-radius:5px;font-size:12px}.promotion{padding:28px 9% 32px!important;border-radius:14px 0 0 14px}.promotion h3{font-size:clamp(30px,2.7vw,43px)!important}.promotion .suite-lockup h2{margin:0}.promotion .suite-lockup{margin-top:35px}.promotion .products small{font-size:10px}.promotion .products strong{font-size:12px}.promotion .products a{padding:10px 0}.promotion .ad-label{font-size:6px}.promotion .cta{margin-top:23px}.promotion .cta-meta{font-size:8px}footer{max-width:1680px;margin:auto;padding:22px 36px;display:flex;gap:20px;color:#718078;font-size:9px}footer>span:first-child{margin-right:auto}dialog{max-width:570px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink)}dialog::backdrop{background:#08141ac9}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.dialog-top h2{font-size:20px;margin:0}.dialog-top button{font-size:17px}dialog p{font-size:12px;line-height:1.8;color:#5e6b75}dialog a{text-decoration:underline}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:90%;background:#263c33;color:#fff;font-size:12px;padding:11px 20px;border-radius:6px;opacity:0;pointer-events:none;z-index:9;transition:opacity .15s}.toast.visible{opacity:1}.skip{position:fixed;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1680px){main{border-radius:14px;overflow:hidden}.promotion{border-radius:14px}}@media(max-width:1180px){main{grid-template-columns:minmax(0,1fr)}.utility{padding:25px 5%}.promotion{border-radius:0!important;padding:30px 6%!important;display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.promotion-top{grid-column:1/-1}.promotion .suite-lockup{grid-column:1;grid-row:2;margin:27px 0 20px}.promotion h3{grid-column:1;grid-row:3}.promotion .ad-intro{grid-column:1;grid-row:4}.promotion .graph-panel{grid-column:1;grid-row:5/8}.promotion .products{grid-column:2;grid-row:2/6;margin-top:28px}.promotion .cta{grid-column:2;grid-row:6;margin-top:0}.promotion .cta-meta{grid-column:2;grid-row:7}.promotion .ad-label{font-size:8px}.markdown-split textarea,.prose{height:470px}.private-badge{font-size:10px}}@media(max-width:620px){.site-header{height:74px;padding:0 6%}.brand{font-size:21px}.maker{font-size:0}.maker strong{font-size:10px}.utility{padding:22px 6%}.intro-row{align-items:start;flex-direction:column;gap:8px}.kicker{font-size:8px}h1{font-size:35px;letter-spacing:-1.4px;margin-top:18px}.intro{font-size:12px;max-width:280px}.private-badge{font-size:9px}.control-bar{flex-wrap:wrap;gap:9px}#mode-name{font-size:10px}.control-actions{gap:11px}.control-actions button{font-size:9px}.slider{width:100px}.slider:before{width:45px}.mode-control input:checked+.slider:before{transform:translateX(47px)}.markdown-split{display:flex;flex-direction:column}.markdown-split .pane+.pane{border-left:0;border-top:1px solid var(--line)}.markdown-split textarea{height:270px}.prose{height:350px}.action-bar>div{gap:10px;flex-wrap:wrap}.action-bar{gap:12px}.action-bar button{font-size:9px}.text-inputs .pane-heading{height:61px;align-items:start;flex-direction:column;justify-content:center;gap:4px;padding-left:10px}.pane textarea{font-size:11px;padding:13px 10px}.text-inputs textarea{height:190px}.pane-foot{padding:7px;font-size:8px}.diff-cell{grid-template-columns:21px 9px minmax(0,1fr);font-size:10px;padding-right:5px}.diff-heading{gap:9px}.diff-heading #diff-summary{font-size:9px}.promotion{display:block;padding:29px 7% 34px!important}.promotion .ad-label{font-size:6px}.promotion .suite-lockup{margin:27px 0 24px}.promotion .suite-lockup h2{font-size:27px}.promotion .ad-intro{font-size:12px}.promotion .products{margin:18px 0 20px}.promotion .cta-meta{font-size:9px}.privacy-line{align-items:start}.privacy-line .status-dot{margin-top:4px}.detail-note{font-size:9px}footer{padding:22px 6%;flex-wrap:wrap;gap:10px 20px}footer>span:first-child{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* WHISPR UTILITY LINKS v1 BEGIN */
.whispr-utilities{display:block;clear:both;box-sizing:border-box;width:100%;margin:12px 0 0;background:#f2f5ef;color:#25372c;border-top:1px solid #dce4d9;border-bottom:1px solid #dce4d9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.whispr-utilities .whispr-utilities__inner{box-sizing:border-box;max-width:1500px;margin:0 auto;padding:23px clamp(20px,4vw,52px) 25px}
.whispr-utilities .whispr-utilities__heading{font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.25px;color:inherit;margin:0 0 6px;padding:0;border:0}
.whispr-utilities .whispr-utilities__intro{font-size:11px;line-height:1.7;letter-spacing:normal;color:#5b6d60;margin:0 0 14px;padding:0}
.whispr-utilities .whispr-utilities__intro a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.whispr-utilities .whispr-utilities__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.whispr-utilities .whispr-utilities__list li{display:block;margin:0;padding:0;min-width:0}
.whispr-utilities .whispr-utilities__link{display:block;box-sizing:border-box;border:1px solid #d5dfd0;border-radius:5px;background:#fbfdf9;color:#314f3a;padding:8px 11px;font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.15px;text-decoration:none;overflow-wrap:anywhere;max-width:100%}
.whispr-utilities .whispr-utilities__link:hover{background:#e5eedc;border-color:#9daf91;text-decoration:underline;text-underline-offset:3px}
.whispr-utilities a:focus-visible{outline:3px solid #b17b20;outline-offset:3px}
.whispr-utilities.whispr-utilities--dark{background:#111a13;color:#e8f0e1;border-color:#293b2b}
.whispr-utilities--dark .whispr-utilities__intro{color:#a6b79e}
.whispr-utilities--dark .whispr-utilities__link{background:#172318;color:#d1e6bc;border-color:#354a31}
.whispr-utilities--dark .whispr-utilities__link:hover{background:#253a20;border-color:#8aa16e}
@media(max-width:500px){.whispr-utilities .whispr-utilities__inner{padding:20px 20px 22px}.whispr-utilities .whispr-utilities__list{gap:7px}.whispr-utilities .whispr-utilities__link{font-size:10px;padding:7px 9px}.whispr-utilities .whispr-utilities__intro{font-size:10px}}
/* WHISPR UTILITY LINKS v1 END */
