:root{--bg:#101213;--panel:#191c1e;--raised:#202426;--border:#303638;--text:#ecf0ee;--muted:#939d98;--accent:#c4ed9d;--side:#141718;--code:#a5d8aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--side);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;align-items:center;gap:11px;margin:0 10px 28px;font-size:18px;font-weight:700;display:flex}.brand>div:last-child{font-weight:700}.brand>div:last-child span{color:var(--muted);font-weight:400}.mark{background:var(--accent);color:#1c291a;border-radius:9px;place-items:center;width:31px;height:31px;font-family:monospace;font-weight:900;display:grid}.search{border:1px solid var(--border);border-radius:8px;align-items:center;gap:7px;margin-bottom:25px;padding:8px 10px;display:flex}.search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;font-size:12px}.search kbd{color:var(--muted);white-space:nowrap;font-size:10px}.group{letter-spacing:1.5px;color:var(--muted);margin:10px 12px 7px;font-size:10px;font-weight:700}.nav{flex-direction:column;gap:3px;display:flex}.nav-button{text-align:left;color:#abb5af;border-radius:7px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:12px;display:flex}.nav-button:hover,.nav-button[aria-selected=true]{background:var(--raised);color:var(--text)}.nav-button[aria-selected=true]{color:var(--accent);background:#283322}.nav-button i{text-align:center;width:18px;font:15px monospace}.nav-button small{color:var(--muted);border:1px solid var(--border);border-radius:3px;margin-left:auto;padding:0 4px;font-size:9px}.sidebar footer{border-top:1px solid var(--border);color:var(--muted);gap:8px;margin-top:auto;padding:20px 10px 0;font-size:11px;display:grid}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);height:67px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 34px;font-size:12px;display:flex}.crumb{align-items:center;gap:12px;display:flex}.crumb strong{color:var(--text);font-weight:500}.topright{align-items:center;gap:16px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:4px 9px;font-size:10px}.theme{border:1px solid var(--border);border-radius:6px;width:30px;height:30px;font-size:16px}.content{max-width:1480px;margin:auto;padding:38px 34px 20px}#active-feature{min-width:0}.feature-wrap{width:100%}.heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.heading h1{letter-spacing:-1px;margin:0;font-size:30px;font-weight:600;line-height:1.3}.keyhelp{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}kbd{border:1px solid var(--border);border-radius:4px;padding:2px 5px;font:10px system-ui}.workspace{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:9px;padding:13px 16px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.btn,.button{border:1px solid var(--border);background:var(--raised);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.btn:hover,.button:hover{filter:brightness(1.12)}.btn.primary,.button-primary{background:var(--accent);border-color:var(--accent);color:#203015;font-weight:700}.btn.ghost,.button-quiet{background:0 0}.toolbar label{color:var(--muted);font-size:11px}.toolbar select{background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:5px;margin-left:7px;padding:5px 6px;font-size:11px}.editorgrid{grid-template-columns:1fr 1fr;min-height:410px;display:grid}.editor{min-width:0;position:relative}.editor+.editor{border-left:1px solid var(--border)}.editorhead{letter-spacing:1px;height:42px;color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 17px;font-size:10px;display:flex}.editorhead button{letter-spacing:0;font-size:10px}.codearea{min-height:370px;padding:19px 0;display:flex}.linenos{color:#53605a;text-align:right;-webkit-user-select:none;user-select:none;white-space:pre;min-width:41px;padding:0 14px 0 15px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.codearea textarea{color:var(--text);resize:vertical;white-space:pre;tab-size:2;background:0 0;border:0;width:100%;min-height:330px;padding:0 17px 0 0;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;outline:none!important}.codearea textarea[readonly]{color:var(--code)}.bottomline{background:var(--panel);border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 17px;font-size:10px;display:flex}.valid,.status-success{color:var(--accent)}.error,.status-error{color:#ffb5a2}.status{min-height:1em;margin:0;font-size:10px}.status-neutral{color:var(--muted)}.result-box{border:1px solid var(--border);background:var(--raised);border-radius:6px;min-width:0;padding:1rem;overflow:auto}.result-box:empty{display:none}.code-output{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.previewpanel{min-height:360px;padding:27px}.previewpanel h2,.previewpanel h3{margin-top:0}.previewpanel p{color:var(--muted)}.previewpanel code{background:var(--raised);border-radius:4px;padding:3px 6px}.markdown-preview{min-height:360px;color:var(--text);padding:26px;line-height:1.8}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--text);line-height:1.3}.markdown-preview pre{color:#f0f4f8;background:#101213;border-radius:.6rem;padding:.85rem;overflow:auto}.markdown-preview code{background:var(--raised);border-radius:.25rem;padding:.1rem .3rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview a{color:var(--accent)}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.8rem 0;padding-left:.8rem}.design-panel{min-height:430px;padding:30px}.demo-banner{color:#d8c89a;background:#3b3323;border:1px solid #5b4a2d;border-radius:7px;padding:10px 13px;font-size:12px}.dropzone{text-align:center;background:#25302333;border:1px dashed #566452;border-radius:9px;margin-top:20px;padding:35px}.dropzone p{color:var(--muted);font-size:12px}.design-icon{color:var(--accent);font-size:32px}.chiprow{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:5px 12px;font-size:11px}.feature-panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;width:100%;max-width:960px;overflow:hidden}.feature-heading{border-bottom:1px solid var(--border);padding:20px 24px}.feature-heading h2{margin:0;font-size:21px;font-weight:600}.feature-description{display:none}.feature-body{gap:1rem;padding:24px;display:grid}.field-label{color:var(--muted);gap:.4rem;font-size:.8rem;font-weight:700;display:grid}.text-input,.text-area,.file-input{border:1px solid var(--border);background:var(--raised);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.7rem .8rem}.text-input:focus,.text-area:focus,.file-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c4ed9d22}.text-area{resize:vertical;min-height:7rem;line-height:1.6}.action-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.two-column-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.6rem .55rem}.data-table th{color:var(--muted);font-size:.72rem}.data-table td{color:var(--text)}.publication-list{gap:.7rem;display:grid}.publication-item{border:1px solid var(--border);background:var(--raised);border-radius:.7rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem;display:flex}.publication-item p{color:var(--muted);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.76rem}.muted{color:var(--muted);font-size:.82rem}.success-line{color:var(--accent)}.impact-list{color:var(--muted);gap:.35rem;margin:.7rem 0;padding-left:1.2rem;font-size:.82rem;display:grid}.isolated-preview{border:1px solid var(--border);background:#fff;border-radius:.6rem;width:100%;min-height:18rem}.lower{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:20px;padding-top:20px;font-size:10px;display:flex}.mobilemenu{font-size:20px;display:none}.light{--bg:#f4f5f1;--panel:#fff;--raised:#f2f4ef;--border:#dce1d7;--text:#26312a;--muted:#778176;--accent:#497a31;--side:#ecefe8;--code:#3b713b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.light .nav-button{color:#62725e}.light .nav-button[aria-selected=true]{color:#315d26;background:#dbe7d1}.light .btn.primary,.light .mark{color:#27401c;background:#d4e8c1;border-color:#c3d9af}.light .demo-banner{color:#79612f;background:#fbf4df;border-color:#e9ddba}@media (min-width:1500px){.content{padding-top:50px}.editorgrid{min-height:510px}.codearea textarea{min-height:430px}}@media (max-width:900px){.app{grid-template-columns:195px 1fr}.sidebar{padding:22px 10px}.content{padding:28px 20px}.topbar{padding:0 20px}.keyhelp{display:none}.toolbar{flex-wrap:wrap}.editorgrid{grid-template-columns:1fr}.editor+.editor{border-left:0;border-top:1px solid var(--border)}.codearea{min-height:220px}.codearea textarea{min-height:210px}}@media (max-width:600px){.app{display:block}.sidebar{z-index:10;width:240px;display:none;position:fixed;box-shadow:20px 0 70px #0009}.app.menuopen .sidebar{display:flex}.mobilemenu{display:block}.topbar{height:58px;padding:0 16px}.topright .pill{display:none}.content{padding:27px 16px}.heading{margin-bottom:22px}.heading h1{font-size:27px}.toolbar{padding:11px}.btn{padding:7px 10px}.bottomline span:last-child{display:none}.lower{margin-top:24px}.crumb>span{display:none}.two-column-form{grid-template-columns:1fr}.publication-item{flex-direction:column}}