*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--accent: #ff6b2c;--accent-hover: #f2551a;--accent-contrast: #ffffff;--bg: #f0f0f7;--surface: #ffffff;--surface-2: #f4f5fb;--border: #e2e4ee;--text: #1c2030;--text-muted: #5a607a;--danger: #e5484d;--viewport-bg: #181b22;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(20, 24, 40, .06), 0 6px 20px rgba(20, 24, 40, .08);--toolbar-w: 168px;--sidebar-w: 288px}@media(prefers-color-scheme:dark){:root{--bg: #14161c;--surface: #1c1f27;--surface-2: #23262f;--border: #2c303b;--text: #e8eaf0;--text-muted: #9aa0b5;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}}body{min-height:100dvh;background-color:var(--bg);color:var(--text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.route-fallback{display:flex;align-items:center;justify-content:center;height:100dvh;color:var(--text-muted)}.btn{--btn-bg: var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--text);font-size:.9rem;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg: var(--accent);border-color:transparent;color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--lg{padding:.7rem 1.4rem;font-size:1rem}:where(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home{display:flex;flex-direction:column;min-height:100dvh}.home__nav,.home__footer{display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,5vw,3rem)}.home__footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.home__footer a{color:var(--text-muted)}.home__brand,.editor__title{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.home__logo,.editor__logo{color:var(--accent);font-size:1.3rem}.home__main{flex:1;width:min(1040px,100%);margin-inline:auto;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,5vw,3rem) 3rem}.hero{text-align:center;padding:clamp(1rem,4vw,3rem) 0 clamp(2rem,5vw,3.5rem)}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:650;color:var(--accent);margin-bottom:.75rem}.hero__title{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.02em;max-width:16ch;margin-inline:auto}.hero__lede{margin:1.1rem auto 0;max-width:52ch;font-size:clamp(1rem,2.2vw,1.2rem);color:var(--text-muted)}.hero__cta{margin-top:1.8rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}.hero__note{font-size:.85rem;color:var(--text-muted)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}.feature-card__glyph{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:1.2rem;margin-bottom:.9rem}.feature-card__title{font-size:1.05rem;margin-bottom:.35rem}.feature-card__body{color:var(--text-muted);font-size:.92rem}.workflow{margin-top:3rem}.workflow__title{text-align:center;font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:1.6rem}.workflow__steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.workflow__steps li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;color:var(--text-muted);font-size:.92rem}.workflow__steps strong{color:var(--text);display:block;margin:.3rem 0}.workflow__num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-weight:700}.editor{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.editor__topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);z-index:3}.editor__brand{display:inline-flex;align-items:center;gap:.5rem}.editor__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);font-size:1.4rem;line-height:1;text-decoration:none;color:var(--text)}.editor__back:hover{background:var(--surface-2)}.editor__actions{display:flex;align-items:center;gap:.5rem}.editor__body{flex:1;display:flex;min-height:0}.toolbar{width:var(--toolbar-w);flex-shrink:0;padding:.9rem;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column;gap:1.3rem}.toolbar__heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.55rem}.toolbar__grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.toolbar__row{display:flex;flex-direction:column;gap:.45rem}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:.72rem;transition:background .12s ease,border-color .12s ease,color .12s ease}.tool-btn:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn--wide{flex-direction:row;justify-content:flex-start;gap:.5rem;flex:1}.tool-btn--full{flex-direction:row;justify-content:center;gap:.5rem;width:100%;margin-top:.45rem}.tool-btn__glyph{font-size:1.15rem;line-height:1}.tool-btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:var(--accent);color:var(--accent)}.tool-btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.editor__viewport{position:relative;flex:1;min-width:0;background:var(--viewport-bg)}.editor__canvas{position:absolute;inset:0}.editor__canvas canvas{display:block;width:100%!important;height:100%!important}.viewport-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#c7ccda;pointer-events:none}.viewport-empty__glyph{font-size:3.5rem;color:var(--accent);opacity:.9;margin-bottom:.5rem}.viewport-empty__title{color:#eef1f8;font-size:1.3rem}.viewport-empty__hint{margin-top:.5rem;max-width:40ch;color:#9aa2b8;font-size:.92rem}.editor__status{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);background:#141822eb;color:#fff;padding:.55rem 1rem;border-radius:999px;font-size:.85rem;box-shadow:var(--shadow);max-width:90%}.editor__sidebar{width:var(--sidebar-w);flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.panel{padding:.9rem;display:flex;flex-direction:column;min-height:0}.outliner{flex:1;border-bottom:1px solid var(--border);overflow:hidden}.properties{flex:1;overflow-y:auto}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.panel__title{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.panel__count{font-size:.75rem;color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:.1rem .55rem}.panel__empty{color:var(--text-muted);font-size:.85rem;padding:.5rem 0}.outliner__list{list-style:none;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.outliner__item{display:flex;align-items:center;border-radius:var(--radius-sm)}.outliner__item--active{background:color-mix(in srgb,var(--accent) 14%,transparent)}.outliner__select{flex:1;display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;min-width:0}.outliner__swatch{width:.85rem;height:.85rem;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.outliner__name{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outliner__item--active .outliner__name{font-weight:600}.outliner__visibility{background:none;border:none;cursor:pointer;padding:.35rem .5rem;font-size:.9rem;opacity:.75}.outliner__visibility:hover{opacity:1}.properties__body{display:flex;flex-direction:column;gap:.85rem}.field{display:flex;flex-direction:column;gap:.3rem;border:none;padding:0;margin:0}.field__label{font-size:.75rem;color:var(--text-muted);font-weight:550}.field__input{padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);width:100%}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field--color{flex-direction:row;align-items:center;justify-content:space-between}.field__color{width:3rem;height:1.9rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer}.field--vector .vector{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.vector__axis{display:flex;flex-direction:column;gap:.2rem}.vector__label{font-size:.68rem;color:var(--text-muted);text-align:center}.field__input--num{padding:.4rem .3rem;text-align:center;font-variant-numeric:tabular-nums}.bed-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.bed-field{display:flex;flex-direction:column;gap:.3rem}.bed-field__label{font-size:.68rem;color:var(--text-muted)}.bed-field__axis{color:var(--accent);font-weight:600}.bed-hint{margin-top:.5rem;font-size:.68rem;line-height:1.35;color:var(--text-muted)}.export-menu{position:relative}.export-menu__list{position:absolute;right:0;top:calc(100% + .35rem);list-style:none;padding:.3rem;margin:0;min-width:168px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:10}.export-menu__item{display:block;width:100%;text-align:left;padding:.5rem .6rem;border:none;border-radius:var(--radius-sm);background:none;color:var(--text);cursor:pointer;font-size:.88rem}.export-menu__item:hover{background:var(--surface-2)}@media(max-width:860px){:root{--toolbar-w: 128px;--sidebar-w: 240px}.tool-btn__label{display:none}.tool-btn--wide,.tool-btn--full{justify-content:center}}@media(max-width:620px){.editor__body{flex-direction:column}.toolbar{width:100%;flex-direction:row;overflow-x:auto;gap:1rem;border-right:none;border-bottom:1px solid var(--border)}.toolbar__grid{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:1fr 1fr}.editor__sidebar{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--border)}.editor__viewport{min-height:45vh}}