.theme-light{--primary-background-color:#fafafa;--secondary-background-color:#e5e5e5;--card-background-color:#fff;--primary-text-color:#212121;--secondary-text-color:#727272;--divider-color:#e0e0e0;--primary-color:#03a9f4}.theme-dark{--primary-background-color:#111;--secondary-background-color:#282828;--card-background-color:#1c1c1c;--primary-text-color:#e1e1e1;--secondary-text-color:#9b9b9b;--divider-color:#e1e1e11f;--primary-color:#03a9f4}body{--red-color:#f44336;--pink-color:#e91e63;--purple-color:#926bc7;--deep-purple-color:#6e41ab;--indigo-color:#3f51b5;--blue-color:#2196f3;--light-blue-color:#03a9f4;--cyan-color:#00bcd4;--teal-color:#009688;--green-color:#4caf50;--light-green-color:#8bc34a;--lime-color:#cddc39;--yellow-color:#ffeb3b;--amber-color:#ffc107;--orange-color:#ff9800;--deep-orange-color:#ff6f22;--brown-color:#795548;--light-grey-color:#bdbdbd;--grey-color:#9e9e9e;--dark-grey-color:#606060;--blue-grey-color:#607d8b;--black-color:#000;--white-color:#fff}*{box-sizing:border-box}body{background:var(--primary-background-color);min-height:100vh;color:var(--primary-text-color);margin:0;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.theme-light{--ui-bg:#fff;--ui-fg:#0a0a0a;--ui-muted:#f4f4f5;--ui-muted-fg:#6b6b6b;--ui-border:#e5e5e5;--ui-accent:#f4f4f5;--ui-primary:#171717;--ui-primary-fg:#fafafa;--ui-ring:#a1a1a1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark{--ui-bg:#0a0a0a;--ui-fg:#fafafa;--ui-muted:#1c1c1c;--ui-muted-fg:#a1a1a1;--ui-border:#262626;--ui-accent:#262626;--ui-primary:#fafafa;--ui-primary-fg:#171717;--ui-ring:#52525b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{--ui-stage:var(--primary-background-color);--ui-sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ui-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Cascadia Mono", "Roboto Mono", monospace;--ui-radius:8px;--ui-radius-sm:6px;--ui-nav:240px;--ui-inspector:300px}html,body{height:100%;overflow:hidden}body{background:var(--ui-bg);color:var(--ui-fg);font:400 14px/20px var(--ui-sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased}#app{height:100%}.site{grid-template-columns:var(--ui-nav) 1fr var(--ui-inspector);grid-template-areas:"nav main inspect";height:100%;display:grid}.sidebar{grid-area:nav}.main{grid-area:main}.inspector{border-left:1px solid var(--ui-border);grid-area:inspect;height:100%;padding:20px;overflow-y:auto}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.canvas{background:var(--ui-stage);flex:auto;padding:24px 32px 40px;overflow:hidden auto}:where(a,button,select,input,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.sidebar{border-right:1px solid var(--ui-border);flex-direction:column;height:100%;padding:20px 12px;display:flex;overflow-y:auto}.brand{color:inherit;letter-spacing:-.015em;align-items:baseline;gap:8px;padding:0 10px 20px;font-weight:600;text-decoration:none;display:flex}.brand-version{font:400 12px/16px var(--ui-mono);color:var(--ui-muted-fg)}.nav-label{color:var(--ui-muted-fg);margin:0;padding:0 10px 6px;font-size:12px;font-weight:500}.nav-list+.nav-label{margin-top:20px}.nav-list{margin:0;padding:0;list-style:none}.nav-item{border-radius:var(--ui-radius-sm);color:inherit;align-items:center;gap:8px;padding:7px 10px;text-decoration:none;transition:background-color .1s linear;display:flex}.nav-item:hover{background:var(--ui-accent)}.nav-item.is-current{background:var(--ui-accent);font-weight:500}.nav-item.is-planned{color:var(--ui-muted-fg);cursor:default}.nav-item.is-planned:hover{background:0 0}.nav-name{flex:auto;min-width:0}.nav-note{color:var(--ui-muted-fg);font-size:12px}.sidebar-foot{color:var(--ui-muted-fg);margin-top:auto;padding:20px 10px 0;font-size:12px}.sidebar-foot p{margin:0}.icon{fill:currentColor;flex:none;width:16px;height:16px}.header{border-bottom:1px solid var(--ui-border);flex:none;align-items:center;gap:16px;padding:8px 32px;display:flex}.header-title{flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex}.header h1{letter-spacing:-.01em;flex:none;margin:0;font-size:15px;font-weight:600;line-height:20px}.header p{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ui-muted-fg);margin:0;font-size:13px;line-height:20px;overflow:hidden}.icon-button{border-radius:var(--ui-radius-sm);width:28px;height:28px;color:var(--ui-fg);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;transition:background-color .1s linear;display:grid}.icon-button:hover{background:var(--ui-accent)}.previews:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.previews{flex-wrap:wrap;align-items:flex-start;gap:28px 32px;display:flex;overflow-x:auto}.preview{margin:0}.preview-head{align-items:center;gap:8px;padding-bottom:10px;font-size:13px;font-weight:500;display:flex}.badge{background:var(--ui-accent);font:500 11px/16px var(--ui-mono);color:var(--ui-muted-fg);border-radius:999px;padding:1px 8px}.box{display:block}.drag-box{resize:both;min-width:var(--drag-min-w,161px);min-height:var(--drag-min-h,184px);max-width:720px;max-height:480px;position:relative;overflow:hidden}.advanced{border-top:1px solid var(--ui-border);margin-top:32px}.advanced-head{cursor:pointer;color:var(--ui-muted-fg);align-items:center;gap:8px;padding:14px 2px;font-size:13px;font-weight:500;list-style:none;display:flex}.advanced-head::-webkit-details-marker{display:none}.advanced-head:hover{color:var(--ui-fg)}.advanced-mark{transition:transform .15s}.advanced[open] .advanced-mark{transform:rotate(90deg)}.advanced-body{padding-bottom:8px}.panel+.panel{margin-top:28px}.panel-name{margin:0 0 12px;font-size:13px;font-weight:500}.panel-note{color:var(--ui-muted-fg);margin:0 0 12px;font-size:13px}.editor{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.editor-form{flex:0 280px}.editor-config{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);max-width:340px;font:400 12px/20px var(--ui-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:240px;margin:0;padding:12px 14px}.controls{padding-top:4px}.controls-group{color:var(--ui-muted-fg);margin:18px 0 2px;font-size:12px;font-weight:500}.controls-group:first-child{margin-top:4px}.control{border-bottom:1px solid var(--ui-border);flex-direction:column;gap:8px;padding:12px 0;display:flex}.control:last-child{border-bottom:0}.control-label{min-width:0}.control-name{font-weight:500;display:block}.control-hint{color:var(--ui-muted-fg);font-size:13px;display:block}.control-field{min-width:0}.control.is-inert .control-field{opacity:.5}.field-menu{position:relative}.field-select{appearance:none;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);width:100%;height:34px;color:var(--ui-fg);font:400 13px/18px var(--ui-sans);cursor:pointer;text-overflow:ellipsis;padding:0 30px 0 10px}.menu-mark{pointer-events:none;border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--ui-muted-fg);width:0;height:0;position:absolute;top:50%;right:11px;transform:translateY(-2px)}.field-range{align-items:center;gap:12px;display:flex}.field-range input{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:20px}.field-range input::-webkit-slider-runnable-track{background:var(--ui-muted);border-radius:999px;height:5px}.field-range input::-moz-range-track{background:var(--ui-muted);border-radius:999px;height:5px}.field-range input::-webkit-slider-thumb{appearance:none;background:var(--ui-bg);border:1px solid var(--ui-fg);border-radius:999px;width:15px;height:15px;margin-top:-5px}.field-range input::-moz-range-thumb{background:var(--ui-bg);border:1px solid var(--ui-fg);border-radius:999px;width:15px;height:15px}.field-readout{text-align:right;min-width:52px;font:400 12px/16px var(--ui-mono);color:var(--ui-muted-fg)}.button{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);height:32px;color:var(--ui-fg);font:500 13px/18px var(--ui-sans);cursor:pointer;align-items:center;gap:6px;padding:0 12px;transition:background-color .1s linear;display:inline-flex}.button:hover{background:var(--ui-accent)}.button .icon{width:14px;height:14px}.config{border-bottom:1px solid var(--ui-border);padding-bottom:16px}.config-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.config-title{color:var(--ui-muted-fg);margin:0;font-size:12px;font-weight:500}.config-note{color:var(--ui-muted-fg);margin:8px 0 0;font-size:12px}.config-yaml{background:var(--ui-muted);border-radius:var(--ui-radius);font:400 12px/20px var(--ui-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px}.canvas,.inspector,.previews{scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ui-border);background-clip:content-box;border:3px solid #0000;border-radius:999px}@media not (min-width:1200px){.site{grid-template-columns:var(--ui-nav) 1fr;grid-template-rows:1fr auto;grid-template-areas:"nav main""nav inspect"}.inspector{border-left:0;border-top:1px solid var(--ui-border);grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:0 32px;height:auto;max-height:42dvh;padding-inline:32px;display:grid}.config{border-bottom:0;padding-bottom:0}}@media not (min-width:900px){.site{grid-template:"nav""main"1fr"inspect"/1fr}.inspector{grid-template-columns:minmax(0,1fr);padding-inline:20px}.sidebar{border-right:0;border-bottom:1px solid var(--ui-border);flex-direction:row;align-items:center;gap:4px;height:auto;padding:8px 12px;overflow-x:auto}.brand,.nav-label,.sidebar-foot{display:none}.nav,.nav-list{gap:4px;display:flex}.nav-item{white-space:nowrap}.header{padding-inline:20px}.canvas{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}}