:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202b36;background:#f5f7f8;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page: #f5f7f8;--surface: #ffffff;--subtle: #f8fafb;--text: #202b36;--muted: #73808c;--border: #e1e7eb;--accent: #157f66;--accent-soft: #e8f5ef;--warn: #926015;--warn-bg: #fff8e8;--warn-border: #ecd9ae;--error: #b13c3c;--error-bg: #fff1f1}:root.dark{color-scheme:dark;color:#dce4eb;background:#141a20;--page: #141a20;--surface: #1c242d;--subtle: #192129;--text: #dce4eb;--muted: #94a3af;--border: #303d49;--accent: #72d6b6;--accent-soft: #203c34;--warn: #e7c17e;--warn-bg: #342c1d;--warn-border: #5a4930;--error: #ffa0a0;--error-bg: #3d2529}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.45}button,select{border:1px solid var(--border);border-radius:7px}button{color:var(--text);background:var(--surface);padding:7px 11px}button:hover:not(:disabled){background:var(--subtle);border-color:var(--muted)}select{color:var(--text);background:var(--surface);padding:7px 26px 7px 10px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}#root{min-height:100vh;background:var(--page)}.app{max-width:1600px;margin:0 auto;padding:0 48px}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:-.4px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;object-fit:contain}.brand-muted{font-weight:450;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:26px;font-size:12px}.local-badge{display:flex;align-items:center;gap:7px;color:var(--muted)}.local-badge>span{height:6px;width:6px;border-radius:50%;background:var(--accent)}.theme-label{display:flex;align-items:center;gap:9px;color:var(--muted)}.theme-label select{font-size:12px}.intro{padding:43px 0 30px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:12px}h1{margin:0 0 12px;font-size:clamp(24px,2.5vw,34px);font-weight:650;letter-spacing:-.7px;line-height:1.4}.intro p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;font-size:12px}.settings{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.settings label{display:flex;align-items:center;gap:8px;color:var(--muted)}.settings select{font-size:12px}.settings .checkbox-label{color:var(--text);gap:6px;cursor:pointer}.checkbox-label input{accent-color:var(--accent);width:14px;height:14px;margin:0}.status-badge{white-space:nowrap;color:var(--muted);display:flex;align-items:center;gap:7px}.status-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge[data-state=valid]{color:var(--accent)}.status-badge[data-state=repaired]{color:var(--warn)}.status-badge[data-state=error]{color:var(--error)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 3px 10px #00000003}.panel-header{height:61px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px;border-bottom:1px solid var(--border)}.panel-header>div{display:flex;align-items:center;gap:10px}.panel-step{font-family:monospace;font-size:11px;color:var(--muted)}.panel-header h2{margin:0;font-size:13px;font-weight:600;white-space:nowrap}.text-button{background:transparent;border-color:transparent;font-size:12px;color:var(--muted);padding:7px 8px}.primary-button{background:var(--accent-soft);color:var(--accent);border-color:transparent;font-size:12px;font-weight:600}.primary-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.editor{display:flex;height:clamp(380px,52vh,640px);min-width:0;background:var(--surface)}.editor textarea{flex:1;width:0;min-width:0;height:100%;resize:none;border:0;outline:none;padding:20px 16px;color:var(--text);background:transparent;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:22px;-moz-tab-size:2;tab-size:2;border-radius:0}.editor:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.editor textarea::placeholder{color:var(--muted);opacity:.7}.line-numbers{flex:0 0 48px;width:48px;height:100%;overflow:hidden;color:var(--muted);background:var(--subtle);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}.gutter-content{position:relative}.line-numbers pre{position:absolute;right:10px;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:22px;text-align:right}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--subtle);border-top:1px solid var(--border);color:var(--muted);font-size:11px}.message{margin-top:16px;padding:13px 16px;border-radius:8px;display:flex;align-items:baseline;gap:12px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.message strong{flex-shrink:0;font-weight:600}.repair-message{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.error-message{background:var(--error-bg);color:var(--error);border:1px solid currentColor}.examples{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px;font-size:12px}.examples>span{color:var(--muted);margin-right:5px}.examples button{font-size:12px;padding:6px 10px}.examples button span{color:var(--muted)}.support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:38px 0 32px;padding-top:26px;border-top:1px solid var(--border)}.support>div{position:relative;padding-left:38px}.support-icon{position:absolute;top:0;left:0;color:var(--accent);font-family:monospace;font-size:17px}.support h3{font-size:13px;margin:0 0 8px;font-weight:600}.support p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);padding:22px 0;font-size:11px}.toast{position:fixed;z-index:2;bottom:28px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);background:var(--text);color:var(--surface);box-shadow:0 5px 25px #0002;padding:13px 20px;border-radius:9px;font-size:13px}@media (max-width: 1000px){.app{padding:0 24px}.settings{gap:14px}.local-badge{display:none}.panel-header{padding:0 12px}.panel-header>div{gap:6px}.support{gap:20px}}@media (max-width: 720px){.app{padding:0 16px}.header{min-height:72px;gap:10px}.brand{font-size:16px;gap:8px}.brand-icon{width:30px;height:30px;font-size:17px}.theme-label{font-size:0;gap:0}.theme-label select{font-size:11px;max-width:105px}.intro{padding:30px 0 20px}.intro p{font-size:13px}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.settings{gap:12px 18px}.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.editor{height:340px}.message{flex-direction:column;gap:3px}.support{grid-template-columns:1fr;gap:24px;margin:28px 0}}