:root{color-scheme:light;--app-header-height: 56px;--app-footer-height: 52px;--app-bg: var(--rip-bg, #ffffff);--app-panel: var(--rip-panel, #f3f5f8);--app-fg: var(--rip-fg, #202124);--app-muted: var(--rip-muted, #6b7280);--app-border: var(--rip-border, #d7dbe2);--app-hover: var(--rip-hover, rgba(31, 111, 235, .08));--app-primary: var(--rip-accent, #1f6feb);--app-primary-hover: color-mix(in srgb, var(--app-primary) 85%, #000 15%);--app-primary-fg: var(--rip-button-fg, #ffffff);--app-success: #176c4a;--app-error: var(--rip-danger, #b42318);--vscode-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vscode-editor-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #202124;--vscode-descriptionForeground: #6b7280;--vscode-panel-border: #d7dbe2;--vscode-editorWidget-background: #f3f5f8;--vscode-input-background: #ffffff;--vscode-textCodeBlock-background: #f5f7fa;--vscode-editor-selectionBackground: #9cc3ff;--vscode-focusBorder: #1f6feb;--vscode-editorCursor-foreground: #202124;--vscode-button-background: #1f6feb;--vscode-button-foreground: #ffffff;--vscode-textLink-foreground: #0b5cad;--vscode-textBlockQuote-border: #8aa6c8;--vscode-charts-purple: #7c3aed;--vscode-charts-orange: #b45309;--vscode-charts-green: #15803d;--vscode-charts-blue: #0369a1;--vscode-errorForeground: #b42318}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{min-width:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:var(--app-fg);background:var(--app-bg);font-family:var(--vscode-font-family)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}button,a{font:inherit}.app-header{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;border-bottom:1px solid var(--app-border);padding:8px 14px;background:var(--app-panel)}.brand{min-width:0;display:inline-flex;align-items:center;gap:10px;color:var(--app-fg);text-decoration:none}.brand-mark{width:30px;height:30px;flex:0 0 auto}.brand-name{min-width:0;overflow:hidden;font-size:16px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.app-status{color:var(--app-muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.app-actions{min-width:0;display:flex;align-items:center;gap:8px}.button,.support-link,.footer-link,.icon-button{appearance:none;border:1px solid var(--app-border);border-radius:6px;cursor:pointer}.button{min-height:34px;padding:0 12px;font-size:13px;font-weight:650}.button-secondary{color:var(--app-fg);background:var(--app-bg)}.button-secondary:hover{background:var(--app-hover)}.button-primary{border-color:var(--app-primary);color:var(--app-primary-fg);background:var(--app-primary)}.button-primary:hover{background:var(--app-primary-hover)}.button[data-state=success]{border-color:var(--app-success);color:#fff;background:var(--app-success)}.button[data-state=error]{border-color:var(--app-error);color:#fff;background:var(--app-error)}.app-main{min-height:0;background:var(--rip-bg, var(--vscode-editor-background))}#editor{width:100%;height:100%}.noscript-message{width:min(720px,calc(100% - 32px));margin:28px auto;border:1px solid var(--app-border);border-radius:8px;padding:18px 20px;color:var(--app-fg);background:var(--app-panel)}.noscript-message h2{margin:0 0 8px;font-size:18px;line-height:1.3}.noscript-message p{margin:0;color:var(--app-muted);font-size:14px;line-height:1.6}.app-footer{position:relative;min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:8px 18px;border-top:1px solid var(--app-border);color:var(--app-muted);background:linear-gradient(180deg,color-mix(in srgb,var(--app-panel) 94%,transparent) 0%,var(--app-panel) 100%);font-size:11.5px;line-height:1.45}.app-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--app-primary) 42%,transparent) 50%,transparent 100%);pointer-events:none}.app-footer-tagline{justify-self:start;margin:0;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--app-muted);letter-spacing:.01em}.app-footer-tagline>span{position:relative;display:inline-flex;align-items:center}.app-footer-tagline>span+span:before{content:"";width:3px;height:3px;margin-right:12px;border-radius:999px;background:color-mix(in srgb,var(--app-primary) 55%,transparent)}.app-footer-copy{justify-self:center;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--app-muted);font-variant-numeric:tabular-nums}.developer-link{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--app-primary) 24%,transparent);border-radius:999px;padding:3px 12px;color:var(--app-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--app-primary) 11%,transparent),color-mix(in srgb,#ff5e62 9%,transparent));font-weight:700;letter-spacing:.03em;text-decoration:none;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease,background .22s ease}.developer-link:after{content:"";width:0;height:10px;opacity:0;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17 17 7'/><path d='M9 7h8v8'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17 17 7'/><path d='M9 7h8v8'/></svg>") center / contain no-repeat;transition:width .22s ease,opacity .22s ease,margin-left .22s ease}.developer-link:hover{border-color:color-mix(in srgb,var(--app-primary) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--app-primary) 18%,transparent),color-mix(in srgb,#ff5e62 16%,transparent));transform:translateY(-1px);text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(--app-primary) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 10%,transparent)}.developer-link:hover:after{width:10px;opacity:1;margin-left:2px}.developer-link:focus-visible{outline:2px solid color-mix(in srgb,var(--app-primary) 50%,transparent);outline-offset:3px}.app-footer-actions{justify-self:end;display:inline-flex;align-items:center;gap:14px}.locale-links{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.locale-links a{color:var(--app-muted);font-weight:600;text-decoration:none;transition:color .14s ease}.locale-links a:hover{color:var(--app-primary)}.locale-links a+a{position:relative;padding-left:11px}.locale-links a+a:before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;background:color-mix(in srgb,var(--app-border) 80%,transparent);transform:translateY(-50%)}.footer-link{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--app-primary) 30%,transparent);border-radius:999px;padding:4px 12px 4px 9px;color:var(--app-primary);background:color-mix(in srgb,var(--app-primary) 8%,transparent);font-size:11.5px;font-weight:700;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.footer-link:hover{border-color:color-mix(in srgb,var(--app-primary) 65%,transparent);background:color-mix(in srgb,var(--app-primary) 16%,transparent);transform:translateY(-1px);box-shadow:0 6px 14px color-mix(in srgb,var(--app-primary) 18%,transparent)}.footer-link-icon{width:14px;height:14px;display:inline-grid;place-items:center;color:#ff5e62}.footer-link-icon svg{width:100%;height:100%}@media(max-width:900px){.app-footer{grid-template-columns:1fr auto;grid-template-areas:"tagline actions" "copy    copy";row-gap:4px}.app-footer-tagline{grid-area:tagline}.app-footer-copy{grid-area:copy;justify-self:center}.app-footer-actions{grid-area:actions}}.modal-backdrop{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:18px;background:#0c121e6b}.modal-backdrop[hidden]{display:none}.support-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow-y:auto;border:1px solid var(--app-border);border-radius:14px;padding:28px 26px 22px;color:var(--app-fg);background:var(--app-panel);box-shadow:0 30px 80px #0d172a47}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;color:var(--app-muted);background:transparent;border:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{color:var(--app-fg);background:var(--app-hover)}.support-modal-close{position:absolute;top:10px;right:10px}.support-hero{display:grid;justify-items:center;gap:10px;text-align:center}.support-hero-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ff7eb6,#ff5e62 55%,#ff8a3d);box-shadow:0 14px 32px #ff5e6252}.support-hero-mark svg{width:26px;height:26px}.support-hero-title{margin:4px 0 0;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.support-hero-lead{margin:0;max-width:38ch;color:var(--app-muted);font-size:13.5px;line-height:1.6}.support-promise{list-style:none;margin:18px 0 0;padding:12px 14px;display:grid;gap:6px;border:1px solid color-mix(in srgb,var(--app-border) 70%,transparent);border-radius:10px;background:var(--app-bg);color:var(--app-fg);font-size:12.5px}.support-promise li{position:relative;padding-left:22px;line-height:1.5}.support-promise li:before{content:"";position:absolute;left:4px;top:6px;width:10px;height:5px;border-left:2px solid var(--app-primary);border-bottom:2px solid var(--app-primary);transform:rotate(-45deg)}.support-channels{display:grid;gap:10px;margin-top:20px}.support-channel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--app-border);border-radius:12px;padding:12px 14px;color:var(--app-fg);background:var(--app-bg);text-decoration:none;transition:border-color .12s ease,background .12s ease,transform .12s ease}.support-channel:hover{border-color:var(--app-primary);background:var(--app-hover);transform:translateY(-1px)}.support-channel-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:var(--app-hover);color:var(--app-fg)}.support-channel-icon svg{width:20px;height:20px}.support-channel--github .support-channel-icon{background:#1f2328;color:#fff}.support-channel--kofi .support-channel-icon{background:#ff5e5b;color:#fff}.support-channel-label{display:grid;gap:2px;min-width:0}.support-channel-name{font-size:14px;font-weight:650}.support-channel-caption{color:var(--app-muted);font-size:12px}.support-channel-arrow{display:grid;place-items:center;color:var(--app-muted)}.support-channel-arrow svg{width:16px;height:16px}.support-channel:hover .support-channel-arrow{color:var(--app-primary)}.support-outro{margin:16px 0 0;color:var(--app-muted);font-size:12px;line-height:1.5;text-align:center}@media(max-width:560px){.support-modal{padding:24px 18px 18px}}html body .cm-settings-root{bottom:calc(var(--app-footer-height) + 10px)}html body .richdown-outline-root{bottom:calc(var(--app-footer-height) + 56px)}@media(min-width:1440px){html body .richdown-outline-root{top:calc(var(--app-header-height) + 12px);bottom:calc(var(--app-footer-height) + 12px);max-height:calc(100vh - var(--app-header-height) - var(--app-footer-height) - 24px)}html body .richdown-outline-panel{border-left-color:var(--app-border);background:transparent;padding-left:18px}html body .richdown-outline-title{color:var(--app-muted);letter-spacing:.04em}}@media(max-width:760px){body{grid-template-rows:auto minmax(0,1fr) auto}.app-header{grid-template-columns:minmax(0,1fr);gap:8px}.app-status{display:none}.app-actions{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.button{width:100%;min-width:0;padding:0 8px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.app-footer{min-height:30px;padding:8px 12px;font-size:10.5px;text-align:center}.app-footer-tagline{justify-self:center;justify-content:center;gap:4px 10px}.app-footer-tagline>span+span:before{margin-right:10px}.locale-links{gap:8px}.footer-link{padding:3px 10px 3px 8px;font-size:10.5px}html body .cm-settings-root{bottom:calc(var(--app-footer-height) + 4px)}html body .richdown-outline-root{bottom:calc(var(--app-footer-height) + 50px)}}