:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7edf4;background:#0f1216;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,select,input,.toolbar-link{font:inherit}button,select,.file-button,.toolbar-link{color:#e7edf4;background:#1a2028;border:1px solid #343c47;border-radius:6px;min-height:34px}button,.file-button,.toolbar-link{cursor:pointer;padding:0 12px}.toolbar-link{color:#e7edf4;align-items:center;text-decoration:none;display:inline-flex}button:hover,.file-button:hover,select:hover,.toolbar-link:hover{background:#222a35;border-color:#596575}button:disabled{cursor:not-allowed;opacity:.48}button:disabled:hover{background:#1a2028;border-color:#343c47}button.primary{color:#fff;background:#1476df;border-color:#4ea1ff;font-weight:700}.shell{background:#0f1216;grid-template-rows:auto minmax(0,1fr) 190px;min-width:0;height:100%;display:grid}.toolbar{background:#151a21;border-bottom:1px solid #252b34;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 14px;display:flex}.brand{align-items:center;gap:10px;min-width:230px;display:flex}.mark{object-fit:contain;width:40px;display:block}.brand h1,.panel-header h2{margin:0;font-size:14px;line-height:1.2}.app-version{color:#9aa7b7;font-size:12px;font-weight:600}.lite-version{color:#4ea1ff}.brand p{color:#92a0b1;margin:3px 0 0;font-size:12px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}#snippetSelect{width:min(260px,26vw);padding:0 10px}.workspace{grid-template-columns:minmax(360px,48%) minmax(360px,1fr);min-height:0;display:grid}.editor-pane,.preview-pane{min-width:0;min-height:0}.editor-pane{border-right:1px solid #252b34}.editor-host,iframe{width:100%;height:100%}iframe{background:#11151b;border:0;display:block}.bottom-pane{background:#131820;border-top:1px solid #252b34;grid-template-columns:minmax(260px,34%) minmax(0,1fr);min-height:0;display:grid}.asset-panel,.console-panel{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.asset-panel{border-right:1px solid #252b34}.panel-header{border-bottom:1px solid #252b34;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}.asset-actions{align-items:center;gap:8px;display:flex}.file-button{align-items:center;display:inline-flex}.file-button input{display:none}.asset-list{margin:0;padding:8px 12px;list-style:none;overflow:auto}.asset-list li{color:#c7d0dc;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 0 0 8px;font-size:12px;display:flex}.asset-list li.selected{color:#eef6ff;background:#1e2c3b}.asset-list li:focus-visible{outline-offset:2px;outline:2px solid #4ea1ff}.asset-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-list button{min-height:28px;padding:0 8px;font-size:12px}.empty-assets{color:#748091}.console-output{background:#0d1117;padding:10px 12px 14px;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.console-line{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8dee9}.console-line.warn{color:#ffd166}.console-line.error{color:#ff7a8a}.corner-link{z-index:20;color:#fff;background:#000000b8;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex;position:fixed;bottom:10px;right:14px;box-shadow:0 8px 22px #00000061}.corner-link-site{right:58px}.corner-link:hover{background:#111820;border-color:#ffffff85}.corner-logo{width:24px;height:24px;display:block}.repo-icon{width:21px;height:21px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.shell{grid-template-rows:auto minmax(0,1fr) 230px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start}#snippetSelect{flex:100%;width:100%}.workspace,.bottom-pane{grid-template-columns:1fr}.workspace{grid-template-rows:minmax(260px,1fr) minmax(260px,1fr)}.editor-pane,.asset-panel{border-bottom:1px solid #252b34;border-right:0}}