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:#0b1320;--pg-panel:#111b2a;--pg-panel-2:#172437;--pg-border:#2a394d;--pg-text:#e5ebf2;--pg-muted:#8e9bae;--pg-accent:#19b7a5;--pg-accent-press:#129887;--pg-danger:#d95d57;--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:#f7f9fc;--pg-panel:#fff;--pg-panel-2:#edf2f7;--pg-border:#dbe2ea;--pg-text:#172234;--pg-muted:#5c6879;--pg-accent:#0b8f82;--pg-accent-press:#0f766e;--pg-danger:#b84742;--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}.app-command-bar{background:color-mix(in srgb, var(--panel) 92%, var(--accent));border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:54px;padding:7px 12px;display:grid}.route-strip{align-items:center;min-width:262px;display:flex}.route-stop{color:var(--muted);letter-spacing:.04em;align-items:center;gap:7px;font-family:Degular,Arial Narrow,sans-serif;font-size:13px;font-weight:600;display:flex;position:relative}.route-stop:not(:last-child):after{content:"";background:var(--border);border-radius:3px;width:42px;height:3px;margin:0 7px}.route-dot{border:2px solid var(--muted);background:var(--panel);border-radius:50%;width:11px;height:11px}.route-stop.complete,.route-stop.active{color:var(--text)}.route-stop.complete .route-dot{background:#19b7a5;border-color:#19b7a5;box-shadow:0 0 0 3px #19b7a52e}.route-stop.active .route-dot{border-color:#8b6fcf;animation:1.2s ease-in-out infinite route-pulse}.route-stop.warning .route-dot{background:#d9a441;border-color:#d9a441}.route-stop.error .route-dot{border-color:var(--danger);background:var(--danger)}@keyframes route-pulse{50%{box-shadow:0 0 0 5px #8b6fcf33}}.document-actions,.history-actions,.preview-tabs{align-items:center;gap:6px;display:flex}.document-actions{scrollbar-width:none;min-width:0;overflow-x:auto}.document-actions::-webkit-scrollbar{display:none}.command-sep{background:var(--border);flex:none;width:1px;height:24px;margin:0 3px}.nfm-playground button.primary{color:#061511;background:#19b7a5;border-color:#19b7a5;font-weight:650}.app-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font:11px/1.2 SF Mono,Menlo,monospace;display:flex}.mobile-view-switch{display:none}.pane-heading{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:7px 12px;display:flex}.pane-heading>div:first-child{flex-direction:column;min-width:0;display:flex}.pane-heading strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.15 Degular,Arial Narrow,sans-serif;overflow:hidden}.pane-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font:700 10px/1.1 SF Mono,Menlo,monospace}.history-actions button{color:var(--muted);padding:3px 7px}.source-help{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;text-decoration:none}.source-help:hover{color:var(--accent)}.preview-tabs{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:3px}.nfm-playground .preview-tab{background:0 0;border:0;padding:4px 9px}.nfm-playground .preview-tab.active{background:var(--panel-2);color:var(--accent)}.control-panel{background:var(--panel);border-right:1px solid var(--border);min-height:48px}.preview-control-rail{border-bottom:1px solid var(--border);background:var(--panel);flex:none;display:block}.preview-control-rail .control-panel{border-bottom:0;border-right:0}.preview-control-rail .control-panel[hidden]{display:none}.preview-control-rail .control-row{flex-wrap:wrap;min-height:44px;padding-block:5px}.control-title{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font:700 10px/1 SF Mono,Menlo,monospace}.control-row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:48px;padding:7px 12px;display:flex}.control-row label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.control-row.edit-toolbar,.advanced{border:0}.advanced>summary{display:none}.canvas-shell{background-color:var(--bg);background-image:radial-gradient(circle, color-mix(in srgb, var(--border) 48%, transparent) .7px, transparent .8px);background-size:18px 18px;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-shell #preview{width:100%;height:100%}.stale-preview{z-index:8;background:var(--panel);color:#d9a441;border:1px solid #d9a441;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.drop-invitation{z-index:20;border:2px dashed var(--accent);background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--text);pointer-events:none;border-radius:12px;place-items:center;font:600 16px Degular,sans-serif;display:grid;position:absolute;inset:14px}.status-bar{border-top:1px solid var(--border);background:var(--panel);min-height:29px;color:var(--muted);align-items:center;gap:18px;padding:4px 12px;font:11px/1 SF Mono,Menlo,monospace;display:flex}#render-status{color:var(--text);align-items:center;gap:7px;display:inline-flex}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}#render-status[data-state=loading] .status-dot{background:#8b6fcf}#render-status[data-state=ready] .status-dot{background:#19b7a5}#render-status[data-state=warning] .status-dot{background:#d9a441}#render-status[data-state=error] .status-dot{background:var(--danger)}.nfm-playground button.status-action{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:2px 4px;font-size:11px}#error{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;max-height:34%;display:grid}#error[data-severity=warning]{background:color-mix(in srgb, #d9a441 12%, var(--panel));color:#d9a441;border-color:#d9a441}#error strong{white-space:nowrap;font-family:system-ui,sans-serif}#error span{min-width:0}.nfm-playground button.diagnostic-jump{color:inherit;white-space:nowrap;background:0 0;border-color:currentColor}.diagnostic-marker{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font:700 10px/1 system-ui;display:grid}.diagnostic-marker.warning{color:#1a1200;background:#d9a441}.welcome-modal{width:min(720px,100%)}.command-modal{width:min(520px,100%);padding:14px}.command-search-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nfm-playground .command-search{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-top:7px;padding:10px 12px;font:13px SF Mono,Menlo,monospace}.command-list{max-height:310px;margin-top:8px;overflow:auto}.nfm-playground .command-item{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;padding:8px 10px;display:grid}.nfm-playground .command-item.selected{background:var(--panel-2)}.command-item span{color:var(--muted);font-size:11px}.command-hint{color:var(--muted);font:10px SF Mono,Menlo,monospace;margin:8px 2px 0!important}html:has(#split) .CodeMirror-hints{z-index:40;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);color:var(--sl-color-text);border-radius:8px;font:12px SF Mono,Menlo,monospace;box-shadow:0 10px 30px #00000052}html:has(#split) .CodeMirror-hint{padding:5px 8px}html:has(#split) li.CodeMirror-hint-active{background:var(--sl-color-accent);color:#fff}.modal-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font:700 10px/1 SF Mono,Menlo,monospace}.start-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.nfm-playground .start-option{text-align:left;flex-direction:column;align-items:flex-start;gap:9px;min-height:142px;padding:16px;display:flex}.start-option strong{font:600 17px/1.1 Degular,sans-serif}.start-option span{color:var(--muted);font-size:12px;line-height:1.45}.nfm-playground .start-option.primary-option{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel-2))}.nfm-playground .welcome-continue{color:var(--muted);background:0 0;border:0;margin:14px auto 0;text-decoration:underline;display:block}.nfm-playground button:focus-visible,.nfm-playground select:focus-visible,.nfm-playground input:focus-visible,.nfm-playground textarea:focus-visible,.nfm-playground summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.route-stop.active .route-dot,.spinner{animation:none}}@media (width<=900px){.route-strip{min-width:auto}.route-stop span:last-child{display:none}.route-stop:not(:last-child):after{width:22px}.app-meta{display:none}}@media (width<=720px){.app-command-bar{gap:10px;min-height:51px;padding:6px 8px;display:flex}.route-strip{flex:none}.route-stop:not(:last-child):after{width:11px;margin-inline:4px}.document-actions{flex:1}.document-actions button{white-space:nowrap;min-height:38px}.document-actions .command-sep,#btn-copy-source{display:none}.mobile-view-switch{border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:1fr 1fr;gap:4px;min-height:43px;padding:5px;display:grid}.nfm-playground .mobile-view{min-height:32px;color:var(--muted);background:0 0;border:0}.nfm-playground .mobile-view.active{background:var(--panel-2);color:var(--accent)}#split{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}#split[data-mobile-view=source] #preview-pane,#split[data-mobile-view=preview] #editor-pane{display:none}#editor-pane{border-right:0}.pane-heading{min-height:49px}.source-toolbar,.control-row{scrollbar-width:none;flex-wrap:nowrap;min-height:49px;overflow-x:auto}.source-toolbar::-webkit-scrollbar{display:none}.control-row::-webkit-scrollbar{display:none}.preview-heading{align-items:center}.preview-heading>div:first-child{display:none}.preview-tabs{width:100%}.preview-tab{flex:1;min-height:34px}.control-panel{min-height:49px}.advanced .advanced-controls{flex-wrap:nowrap}.start-options{grid-template-columns:1fr}.nfm-playground .start-option{min-height:96px}.modal-overlay{padding:12px}.welcome-modal{max-height:calc(100vh - 24px);overflow:auto}.status-bar{padding-inline:9px}#runtime-version{display:none}#error{grid-template-columns:1fr}}