html,body,#root{height:100%;width:100%;margin:0}*,*:before,*:after{box-sizing:border-box}body{color-scheme:var(--theme-color-scheme, light dark);background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.4}button,input,select,textarea{font:inherit}:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}:root{--theme-color-scheme: light dark;--color-bg: Canvas;--color-text: CanvasText;--color-accent: Highlight;--color-accent-contrast: HighlightText;--color-muted: color-mix(in srgb, var(--color-text) 72%, transparent);--ui-border-strong: color-mix(in srgb, CanvasText 28%, transparent);--ui-border: color-mix(in srgb, CanvasText 18%, transparent);--ui-border-soft: color-mix(in srgb, CanvasText 12%, transparent);--ui-border-softer: color-mix(in srgb, CanvasText 10%, transparent);--ui-border-light: color-mix(in srgb, CanvasText 8%, transparent);--ui-bg: Canvas;--ui-surface: color-mix(in srgb, Canvas 96%, CanvasText 4%);--ui-surface-strong: color-mix(in srgb, Canvas 92%, CanvasText 8%);--ui-surface-hover: color-mix(in srgb, Canvas 92%, CanvasText 8%);--ui-surface-active: color-mix(in srgb, Canvas 88%, CanvasText 12%);--state-success: color-mix(in srgb, green 65%, var(--color-text));--state-warning: color-mix(in srgb, orange 68%, var(--color-text));--state-danger: color-mix(in srgb, red 72%, var(--color-text));--ui-radius: 6px;--ui-radius-sm: 6px}:root[data-theme=light]{--theme-color-scheme: light;--color-bg: #f6f7fb;--color-text: #0f172a;--color-accent: #2563eb;--color-accent-contrast: #ffffff;--ui-border-strong: color-mix(in srgb, var(--color-text) 22%, transparent);--ui-border: color-mix(in srgb, var(--color-text) 14%, transparent);--ui-border-soft: color-mix(in srgb, var(--color-text) 10%, transparent);--ui-border-softer: color-mix(in srgb, var(--color-text) 8%, transparent);--ui-border-light: color-mix(in srgb, var(--color-text) 6%, transparent);--ui-bg: var(--color-bg);--ui-surface: #ffffff;--ui-surface-strong: color-mix(in srgb, #ffffff 88%, var(--color-text));--ui-surface-hover: color-mix(in srgb, #ffffff 90%, var(--color-accent));--ui-surface-active: color-mix(in srgb, #ffffff 82%, var(--color-accent))}:root[data-theme=dark]{--theme-color-scheme: dark;--color-bg: #0b1220;--color-text: #e5e7eb;--color-accent: #60a5fa;--color-accent-contrast: #0b1220;--ui-border-strong: color-mix(in srgb, var(--color-text) 24%, transparent);--ui-border: color-mix(in srgb, var(--color-text) 16%, transparent);--ui-border-soft: color-mix(in srgb, var(--color-text) 12%, transparent);--ui-border-softer: color-mix(in srgb, var(--color-text) 10%, transparent);--ui-border-light: color-mix(in srgb, var(--color-text) 8%, transparent);--ui-bg: var(--color-bg);--ui-surface: #111a2e;--ui-surface-strong: color-mix(in srgb, #111a2e 88%, var(--color-text));--ui-surface-hover: color-mix(in srgb, #111a2e 88%, var(--color-accent));--ui-surface-active: color-mix(in srgb, #111a2e 78%, var(--color-accent))}:root[data-theme=system]{--theme-color-scheme: light dark}.app-shell{height:100vh;padding:6px}.app-column{height:100%;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center}.row.gap-6{gap:6px}.row.gap-8{gap:8px}.row.gap-12{gap:12px}.title{font-size:22px;font-weight:700}.btn{border:1px solid var(--ui-border-strong);background:var(--ui-surface);border-radius:var(--ui-radius-sm);font-weight:600;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}.btn:hover:not(:disabled){background:var(--ui-surface-hover)}.btn:active:not(:disabled){background:var(--ui-surface-active)}.btn--sm{padding:2px 4px}.btn--md{padding:2px 6px}.btn--xs{padding:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-active{background:var(--ui-surface-active);cursor:pointer}.btn.btn--error-pulse{border-color:color-mix(in srgb,var(--state-danger) 42%,var(--ui-border-strong));background:color-mix(in srgb,var(--state-danger) 10%,var(--ui-surface))}.btn.btn--error-pulse:hover:not(:disabled){background:color-mix(in srgb,var(--state-danger) 14%,var(--ui-surface))}.btn--primary{background:color-mix(in srgb,var(--color-accent) 18%,var(--ui-surface));border-color:color-mix(in srgb,var(--color-accent) 52%,var(--ui-border-strong))}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 24%,var(--ui-surface))}.btn--ghost{background:transparent;border-color:var(--ui-border)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-muted)}.app-menu{position:relative}.app-menu>summary{list-style:none}.app-menu>summary::-webkit-details-marker{display:none}.app-menu[open] .app-menu__trigger{background:var(--ui-surface-active)}.app-menu__content{position:absolute;top:calc(100% + 6px);right:0;min-width:230px;display:grid;gap:6px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);padding:8px;z-index:20}.app-menu__item{width:100%;text-align:left}.app-menu__item:disabled{opacity:.72}.app-menu__nested{border-top:1px solid var(--ui-border-soft);padding-top:6px}.app-menu__nested>summary{list-style:none;cursor:pointer;font-weight:700;padding:2px 4px}.app-menu__nested>summary::-webkit-details-marker{display:none}.app-menu__nested[open]>summary{color:color-mix(in srgb,CanvasText 80%,Highlight)}.app-menu__nested .app-menu__item{margin-top:4px}.control{padding:4px 6px;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border-strong);background:var(--ui-surface);cursor:pointer;font-weight:600;transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}.control:hover{background:var(--ui-surface-hover)}.control--input{cursor:text;font-weight:400;border:1px solid var(--ui-border);background:var(--ui-surface);padding:4px 6px;border-radius:var(--ui-radius-sm)}.control--md{padding:4px 6px;border:1px solid var(--ui-border)}.pyro-variant-picker{position:relative;width:100%}.pyro-variant-picker__trigger{width:100%;min-height:29px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;text-align:left;padding:4px 8px}.pyro-variant-picker__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pyro-variant-picker__label--empty{opacity:.75}.pyro-variant-picker__meta{font-size:11px;white-space:nowrap}.pyro-variant-picker__caret{font-size:12px;line-height:1}.pyro-variant-picker__menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:320px;overflow-y:auto;padding:6px;z-index:30;box-shadow:0 12px 28px color-mix(in srgb,CanvasText 16%,transparent)}.pyro-variant-picker__group+.pyro-variant-picker__group{margin-top:6px}.pyro-variant-picker__group-label{padding:4px 8px 3px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pyro-variant-picker__group-options{display:grid;gap:2px}.pyro-variant-picker__option{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:inherit;text-align:left;padding:6px 8px;cursor:pointer}.pyro-variant-picker__option:hover:not(:disabled),.pyro-variant-picker__option.is-active{background:var(--ui-surface-hover)}.pyro-variant-picker__option.is-selected{background:color-mix(in srgb,var(--color-accent) 10%,var(--ui-surface))}.pyro-variant-picker__option:disabled{opacity:.5;cursor:not-allowed}.pyro-variant-picker__option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pyro-variant-picker__option-meta{font-size:11px;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.panel{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:12px;background:var(--ui-surface)}.panel--flush{padding:0;overflow:hidden}.panel-title{font-weight:700}.rule{border:0;border-top:1px solid var(--ui-border-soft)}.muted{opacity:.75}.muted-2{opacity:.7}.linkish{cursor:pointer;text-decoration:underline;opacity:.9}.linkish:hover{opacity:1}.pyro-authoring__where-used-jump{cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.pyro-authoring__where-used-jump:hover,.pyro-authoring__where-used-jump:focus-visible{border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}.devnotes-token-link{font-weight:700;text-decoration-thickness:2px;text-underline-offset:2px;color:color-mix(in srgb,CanvasText 78%,Highlight)}.devnotes-token-link:hover{color:color-mix(in srgb,CanvasText 60%,Highlight)}.inspector-section{display:block}.inspector-section>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.inspector-section>summary>span:first-child{font-size:12px;font-weight:800;opacity:.85}.inspector-section-body{margin-top:8px;display:flex;flex-direction:column;gap:6px}.inv-card{display:grid;grid-template-columns:1fr auto;gap:0 10px;border-radius:var(--ui-radius);padding:8px 10px;border:1px solid transparent;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.inv-card--clickable{cursor:pointer}.inv-card--clickable:hover{background:var(--ui-surface-hover)}.inv-card--selected{background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.inv-card--short{background:color-mix(in srgb,var(--state-danger) 6%,transparent);border-color:color-mix(in srgb,var(--state-danger) 28%,transparent)}.inv-card--exhausted{opacity:.45}.inv-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.inv-card__header{display:flex;align-items:center;gap:8px}.inv-card__name{font-size:12px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-card__type-badge{font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 6px;border-radius:3px;white-space:nowrap;background:var(--ui-surface-strong);border:1px solid var(--ui-border-soft)}.inv-card__meta-row{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--color-muted)}.inv-card__meta-row span{white-space:nowrap}.inv-card__divider{border:0;border-top:1px solid var(--ui-border-light);margin:2px 0}.inv-card__stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--color-muted)}.inv-card__stats .inv-card__stat--short{color:var(--state-danger);font-weight:600}.inv-card__aside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.inv-card__actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.inv-card__thumb{border-radius:4px;object-fit:cover;flex-shrink:0}.inv-page{flex:1;min-height:0;display:flex;gap:12px}.inv-page__main{flex:1;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.inv-page__header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--ui-border-soft)}.inv-page__sidebar{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.inv-group{display:flex;flex-direction:column;gap:4px}.inv-group__header{display:flex;align-items:center;gap:8px;padding:2px 4px}.inv-group__label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.inv-group__count{font-size:10px;opacity:.55}.inv-detail{display:flex;flex-direction:column;gap:6px}.inv-detail__hero{display:flex;gap:12px;align-items:flex-start}.inv-detail__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.inv-detail__name{font-weight:700;font-size:14px}.inv-detail__meta{font-size:12px;color:var(--color-muted)}.inv-consumer{padding:8px;display:flex;flex-direction:column;gap:4px}.inv-consumer__title{font-size:12px;font-weight:700}.inv-consumer__detail{font-size:11px;color:var(--color-muted)}.inv-shell{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:4px}.inv-shell__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px}.inv-shell__header-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.inv-shell__header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inv-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,320px) minmax(0,1fr) minmax(400px,400px);gap:6px}.inv-nav{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px}.inv-nav__header{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;background:var(--ui-surface);z-index:1;padding-bottom:6px}.inv-nav__groups{display:flex;flex-direction:column;gap:8px}.inv-nav__group{display:flex;flex-direction:column;gap:6px}.inv-nav__group-toggle{width:94%;border:1px solid;border-radius:8px;background:#4d4d4ef3;color:#e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-Left:6px}.inv-nav__items{display:flex;flex-direction:column;gap:4px}.inv-nav__item{width:90%;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:color-mix(in srgb,var(--ui-surface) 88%,transparent);color:inherit;display:flex;flex-direction:column;gap:1px;padding:1px;cursor:pointer;text-align:left;margin-Left:12px}.inv-nav__item:hover,.inv-nav__item.is-active{background:var(--ui-surface-hover)}.inv-nav__item.is-active{border-color:color-mix(in srgb,var(--color-accent) 34%,transparent)}.inv-nav__item-name{font-size:14px;font-weight:700}.inv-nav__item-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:var(--color-muted)}.inv-editor{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.inv-editor--empty{justify-content:center;align-items:flex-start}.inv-editor__empty-title{font-size:18px;font-weight:800}.inv-editor__hero{display:flex;justify-content:flex-start;gap:16px;align-items:flex-start}.inv-editor__hero-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.inv-editor__eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.inv-editor__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-editor__title{font-size:24px;line-height:1.1;font-weight:800}.inv-editor__status-row{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--color-muted)}.inv-editor__actions{display:flex;flex-wrap:wrap;gap:6px}.inv-editor__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inv-editor__field{display:flex;flex-direction:column;gap:4px}.inv-editor__field-row{display:flex;gap:8px;align-items:center}.inv-editor__field-row>.control{flex:1;min-width:0}.inv-editor__field--wide{grid-column:span 2}.inv-editor__field--full{width:100%}.inv-editor__footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;border-top:1px solid var(--ui-border-soft)}.inv-editor__footer-actions{display:flex;gap:8px;align-items:center}.inv-editor__media-section{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--ui-border-soft)}.inv-editor__media-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.inv-editor__media-title{font-size:13px;font-weight:700}.inv-editor__media-gallery{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}@media(max-width:1180px){.inv-workspace{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.inv-page__sidebar{grid-column:1 / -1}}@media(max-width:900px){.inv-workspace{grid-template-columns:1fr}.inv-shell__header{flex-direction:column;align-items:stretch}.inv-shell__header-actions{justify-content:space-between}.inv-editor__hero{flex-direction:column}.inv-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-editor__field--wide{grid-column:span 2}.inv-editor__footer{flex-direction:column;align-items:stretch}.inv-editor__footer-actions{justify-content:flex-end}.inv-editor__media-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.inv-editor__grid{grid-template-columns:1fr}.inv-editor__field--wide{grid-column:span 1}}