:root{--bg: #f6f7f9;--panel: #ffffff;--text: #1f2328;--muted: #4b5563;--border: #c9ced6;--accent: #0b5cad;--error: #b42318;--warning: #8a5300;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111317;--panel: #1b1e23;--text: #e8eaed;--muted: #b6bcc6;--border: #3a3f48;--accent: #7cb7ff;--error: #ff8a80;--warning: #ffcc66}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}header{display:flex;gap:16px;align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}header strong{font-size:17px}main{padding:16px}.play{display:grid;grid-template-columns:minmax(280px,2fr) 3fr;grid-template-rows:auto 1fr auto;gap:12px;height:calc(100vh - 60px)}.play .bar{grid-column:1 / -1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.play textarea{width:100%;height:100%;min-height:240px;resize:none;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.play redstone-viewer{height:100%;min-height:320px}.diagnostics{grid-column:1 / -1;height:22vh;overflow:auto;margin:0;padding:8px 12px;list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:8px}.diagnostics li{padding:3px 0}.diagnostics button{font:inherit;color:inherit;background:none;border:none;padding:0;text-align:left;cursor:pointer}.diagnostics .error{color:var(--error)}.diagnostics .warning{color:var(--warning)}.diagnostics .hint,.status{color:var(--muted)}select,button{font:inherit}@media(max-width:760px){.play{grid-template-columns:1fr;grid-template-rows:auto 40vh 60vh auto;height:auto}}header nav{display:flex;gap:14px;flex-wrap:wrap}.page{max-width:980px;margin:0 auto}.page redstone-viewer{margin:12px 0}.links li,.patterns li{margin:0 0 8px}.patterns{list-style:none;padding:0}.patterns h2{margin:16px 0 4px;font-size:18px}.view redstone-viewer{height:70vh;min-height:320px}.view .bar,.page .bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.view .diagnostics{height:auto;margin:10px 0}.play .actions{display:inline-flex;gap:6px;flex-wrap:wrap}.notice{color:var(--muted)}.share-link{flex:1 1 100%;font:inherit}.doc table{border-collapse:collapse;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--border);padding:3px 6px;vertical-align:top}.doc pre{overflow-x:auto;background:var(--panel);border:1px solid var(--border);padding:8px}.log{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}body.frame{margin:0}body.frame redstone-viewer.full{height:100vh}.missing{padding:16px}.doc{overflow-wrap:anywhere}.doc table,.doc pre{max-width:100%}