:root{--bg: #0b0f14;--panel: #111824;--panel2: #0f1621;--text: #e6edf3;--muted: #9aa4b2;--border: #223046;--accent: #5eead4;--warn: #fbbf24}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}#app{height:100vh;display:grid;--leftWidth: 520px;--topHeight: calc((100vh - 64px)/2) ;grid-template-columns:var(--leftWidth) 8px 1fr;gap:10px;padding:10px 10px 34px}.left{display:grid;grid-template-rows:var(--topHeight) 8px 1fr;gap:0;min-height:0}.mobileSwitcher{display:none;gap:10px;align-items:center;justify-content:space-between}.mobileSwitcher>*{flex:1 1 0}.splitter{background:transparent;border-radius:8px;touch-action:none}.splitterCol{cursor:col-resize}.splitterRow{cursor:row-resize}.splitter:hover{background:#5eead414}.splitter:active{background:#5eead424}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;min-height:0}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.panelTitle{display:flex;align-items:baseline;gap:10px;font-weight:650}.badge{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.controls{display:flex;align-items:center;gap:10px}.btn{appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:6px 10px;border-radius:10px;cursor:pointer;font-size:13px}.btn:hover{border-color:#5eead499}.btn[aria-pressed=true]{border-color:var(--accent)}.subrow{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}textarea,pre{margin:0;width:100%;height:100%;border:none;outline:none;resize:none;padding:12px;color:var(--text);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45;min-height:0;overflow:auto}.readonlyView{display:none;white-space:pre-wrap;word-break:break-word}.panelFooter{border-top:1px solid var(--border);padding:10px 12px;min-height:44px;max-height:50vh;overflow:auto}.warnings{margin:0;padding-left:18px;color:var(--warn);font-size:12px}.warnings:empty{display:none}.credits,.disclaimer{position:fixed;left:0;right:0;bottom:3px;padding:6px 12px;font-size:11px;color:var(--muted);background:#0b0f14bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;-webkit-user-select:none;user-select:none}.credits a{color:var(--text);text-decoration:none;border-bottom:1px dotted rgba(154,164,178,.7)}.credits a:hover{border-bottom-color:var(--accent)}.right{min-height:0;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.mobileSwitcher{display:flex;position:sticky;top:0;z-index:5;padding:10px 0;background:#0b0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.left{grid-template-rows:1fr;gap:10px}.splitter{display:none}}.previewHeader{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.previewHeader span{color:var(--muted);font-size:12px}iframe{width:100%;height:100%;border:0;background:#fff}.cmHost{height:100%;min-height:0;overflow:hidden}.editorWrap{position:relative;min-height:0}.editorWrap>.cmHost{height:100%}.sanitizeWarn{position:absolute;top:8px;right:10px;z-index:5;display:none;color:var(--warn);font-size:14px;line-height:1;padding:4px 6px;border-radius:8px;background:#0b0f14a6;border:1px solid rgba(251,191,36,.35);cursor:help;-webkit-user-select:none;user-select:none}.sanitizeWarnIcon{display:inline-block;line-height:1;outline:none}.sanitizeWarnTip{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,70vw);padding:8px 10px;border-radius:10px;border:1px solid rgba(251,191,36,.35);background:#0b0f14f2;color:var(--text);font-size:12px;line-height:1.35;box-shadow:0 10px 24px #00000073;display:none}.sanitizeWarn:hover .sanitizeWarnTip,.sanitizeWarn:focus-within .sanitizeWarnTip{display:block}.cm-editor{height:100%}.cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45}.modalBg{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modalBg[data-open=true]{display:flex}.modalCard{width:min(900px,100%);max-height:min(80vh,900px);overflow:hidden;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:0 16px 48px #0006;display:grid;grid-template-rows:auto 1fr auto}.modalHeader{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modalBody{padding:12px;min-height:0;overflow:auto;display:grid;gap:10px}.modalFooter{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;align-items:center}.textInput{width:100%;border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.textInput[readonly]{cursor:pointer}.helperText{color:var(--muted);font-size:12px;line-height:1.4}