html:has(#split) .page{height:100vh;overflow:hidden}html:has(#split) .nfm-site-footer,html:has(#split) h1#_top,html:has(#split) .content-panel footer{display:none}html:has(#split) .main-frame{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}html:has(#split) .main-frame :has(#split){flex-direction:column;flex:1;min-height:0;display:flex}html:has(#split) main>.content-panel:not(:has(#split)){display:none}html:has(#split) .content-panel{padding:0!important}html:has(#split) .sl-container{max-width:unset!important;margin:0!important;padding:0!important}html:has(#split) .sl-markdown-content{overflow:hidden}html:has(#split) #split{grid-template-rows:minmax(0,1fr)}.nfm-playground .CodeMirror,.nfm-playground .CodeMirror-scroll{min-height:0}.nfm-playground{color-scheme:dark;--pg-bg:#0b0e14;--pg-panel:#11161f;--pg-panel-2:#161c27;--pg-border:#232b39;--pg-text:#c9d1d9;--pg-muted:#7d8794;--pg-accent:#2dd4bf;--pg-accent-press:#14b8a6;--pg-danger:#f0716f;--pg-danger-bg:#2a1414;--bg:var(--pg-bg);--panel:var(--pg-panel);--panel-2:var(--pg-panel-2);--border:var(--pg-border);--text:var(--pg-text);--muted:var(--pg-muted);--accent:var(--pg-accent);--accent-press:var(--pg-accent-press);--danger:var(--pg-danger);--danger-bg:var(--pg-danger-bg);background:var(--bg);min-height:0;color:var(--text);flex-direction:column;flex:1;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}:root[data-theme=light] .nfm-playground{color-scheme:light;--pg-bg:#fff;--pg-panel:#f6f7f9;--pg-panel-2:#eceef1;--pg-border:#d8dde4;--pg-text:#1f2530;--pg-muted:#5a6472;--pg-accent:#0d9488;--pg-accent-press:#0f766e;--pg-danger:#c0392b;--pg-danger-bg:#fdeaea}.nfm-playground *{box-sizing:border-box}.pane-toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:41px;padding:8px 12px;display:flex}.pane-toolbar label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pane-toolbar label.check{gap:5px}.advanced{border-bottom:1px solid var(--border)}.advanced>summary{cursor:pointer;user-select:none;color:var(--muted);background:var(--panel);align-items:center;gap:6px;padding:7px 12px;font-size:12px;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:before{content:"▸";font-size:10px;transition:transform .12s}.advanced[open]>summary:before{transform:rotate(90deg)}.advanced>summary:hover{color:var(--text)}.advanced .advanced-controls{border-bottom:none}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.swatch input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:20px;height:20px;padding:0}.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.swatches:empty:after{content:"none defined";color:var(--muted);font-size:11px;font-style:italic}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.sep{background:var(--border);align-self:stretch;width:1px;margin:2px 4px}.nfm-playground select,.nfm-playground input[type=number]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:4px 6px;font-size:12px}.nfm-playground input[type=number]{width:68px}.nfm-playground input[type=checkbox]{accent-color:var(--accent)}.nfm-playground button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.nfm-playground button:hover{border-color:var(--accent)}.nfm-playground button:active{background:var(--accent-press);border-color:var(--accent-press);color:#02120f}.nfm-playground button:disabled{opacity:.45;cursor:not-allowed}#split{flex:1;grid-template-columns:minmax(280px,38%) 1fr;min-height:0;display:grid}#editor-pane,#preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}#editor-pane{border-right:1px solid var(--border)}.nfm-playground .CodeMirror{background:var(--bg);height:auto;color:var(--text);flex:1;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px}.nfm-playground .CodeMirror-gutters{background:var(--panel);border-right:1px solid var(--border)}.nfm-playground .CodeMirror-cursor{border-left:2px solid var(--text)}.nfm-playground .CodeMirror-focused .CodeMirror-cursor{border-left:2px solid var(--accent)}.nfm-playground .CodeMirror-selected{background:#2a3344!important}.nfm-playground .CodeMirror-focused .CodeMirror-selected{background:#31507a!important}:root[data-theme=light] .nfm-playground .CodeMirror-selected{background:#d5dbe6!important}:root[data-theme=light] .nfm-playground .CodeMirror-focused .CodeMirror-selected{background:#b9cdf0!important}.nfm-playground .CodeMirror-line::selection,.nfm-playground .CodeMirror-line>span::selection{background:#31507a}.nfm-playground .cm-s-default .cm-comment{color:#5c6b7a}.nfm-playground .cm-metro-directive{color:var(--accent);font-weight:600}.nfm-playground .cm-metro-keyword{color:#c792ea}.nfm-playground .cm-metro-line{color:#ffcb6b}.nfm-playground .cm-metro-arrow{color:#82aaff}#error{background:var(--danger-bg);color:var(--danger);border-top:1px solid var(--danger);white-space:pre-wrap;max-height:30%;padding:8px 12px;font-family:SF Mono,Menlo,monospace;font-size:12px;overflow:auto}#preview-pane{background:var(--bg)}#preview{flex:1;justify-content:center;align-items:flex-start;padding:18px;display:flex;overflow:auto}#preview.zoomed{justify-content:flex-start}#preview svg{flex-shrink:0;max-width:100%;height:auto}#preview.rendering{opacity:.45;cursor:wait}#zoom-controls{background:var(--border);border:1px solid var(--border);z-index:5;border-radius:8px;gap:1px;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 16px #0006}#zoom-controls button{background:var(--panel-2);color:var(--text);cursor:pointer;border:none;border-radius:0;min-width:34px;height:30px;font-size:15px;line-height:1}#zoom-controls button#zoom-fit{font-size:12px}#zoom-controls button:hover{background:var(--accent-press);color:#02120f}.overlay{background:color-mix(in srgb, var(--bg) 92%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite nfm-playground-spin}@keyframes nfm-playground-spin{to{transform:rotate(360deg)}}.nfm-playground .muted{color:var(--muted)}.nfm-playground .small{font-size:12px}.nfm-playground .hidden{display:none!important}#toast{background:var(--panel-2);border:1px solid var(--accent);color:var(--text);z-index:20;border-radius:8px;padding:8px 16px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.toolbar-right{align-items:center;gap:8px 12px;margin-left:auto;display:inline-flex}.report-btn{color:var(--muted)!important}.report-btn:hover{color:var(--text)!important;border-color:var(--muted)!important;background:var(--panel)!important}.build-hint{opacity:.5;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;text-decoration:none}.build-hint:hover{opacity:1;text-decoration:underline}.modal-overlay{z-index:30;background:#04060aa8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.nfm-playground .modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(560px,100%);padding:20px 22px;box-shadow:0 16px 48px #00000080}.nfm-playground .modal h2{margin:0 0 8px;font-size:17px}.nfm-playground .modal p{margin:0 0 14px}.nfm-playground .modal label{color:var(--text);margin-bottom:6px;font-size:13px;display:block}.nfm-playground .modal label .req{text-transform:uppercase;letter-spacing:.5px;color:var(--danger);font-size:11px}.nfm-playground .modal textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;resize:vertical;border-radius:8px;padding:10px;font-size:13px}.nfm-playground .modal textarea:focus{border-color:var(--accent);outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-actions button.ghost{color:var(--muted)}.nfm-playground .modal a{color:var(--accent)}.nfm-playground .modal code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}.modal-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger);white-space:pre-wrap;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:12px}.nfm-playground .modal input[type=file]{width:100%;color:var(--text);font-size:12px}.logo-preview{border:1px solid var(--border);background:repeating-conic-gradient(#80808033 0% 25%,#0000 0% 50%) 50%/16px 16px;border-radius:6px;max-width:100%;max-height:120px;margin-top:12px;display:block}.mode-btn[aria-pressed=true]{background:var(--accent)!important;border-color:var(--accent)!important;color:#02120f!important}.mode-btn[aria-pressed=true]:hover{border-color:var(--accent)!important}#preview.mode-add-station [data-section-id],#preview.mode-add-edge [data-station-id]{cursor:crosshair}#preview.mode-add-station svg,#preview.mode-add-edge svg{cursor:default}#preview .nfm-sel{outline:2px solid var(--accent);outline-offset:3px}#preview .nfm-edge-src{outline-offset:3px;outline:2px dashed #ffcb6b}.prop-panel{background:var(--panel);border:1px solid var(--border);z-index:15;border-radius:10px;width:248px;max-height:calc(100% - 110px);padding:12px 14px;position:absolute;bottom:16px;right:16px;overflow:auto;box-shadow:0 10px 32px #00000073}.prop-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.prop-kind{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);font-size:11px}.prop-head button.ghost{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.prop-row{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.prop-row label{color:var(--muted);font-size:11px}.prop-row input[type=text]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:5px 7px;font-size:12px}.prop-row input[type=text]:focus{border-color:var(--accent);outline:none}.prop-grid{gap:8px;display:flex}.prop-grid input[type=number]{width:100%}.prop-edges{flex-direction:column;gap:6px;display:flex}.prop-edge{align-items:center;gap:6px;font-size:11px;display:flex}.prop-edge .ends{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.prop-edge select{flex:none}.prop-edge button.add{padding:2px 7px}.prop-edge button.del{color:var(--danger);border-color:var(--danger);padding:2px 7px}.prop-empty{color:var(--muted);font-size:12px;font-style:italic}.prop-delete{width:100%;color:var(--danger);border-color:var(--danger);margin-top:4px}.prop-delete:hover{background:var(--danger-bg);border-color:var(--danger)}.prop-action{width:100%;margin-top:4px}.line-picker{z-index:18;background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:140px;padding:6px;position:absolute;box-shadow:0 10px 32px #00000080}.line-picker .picker-title{color:var(--muted);padding:2px 6px 6px;font-size:11px}.line-picker button{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 6px;display:flex}.line-picker button:hover{background:var(--panel-2)}.line-picker .dot{border:1px solid var(--border);border-radius:50%;flex:none;width:12px;height:12px}@media (width<=720px){#split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}#editor-pane{border-right:none;border-bottom:1px solid var(--border)}}