@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";.app-render-diagnostics-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,320px);gap:12px;min-height:520px}.app-render-diagnostics-layout__nav,.app-render-diagnostics-layout__inspector{display:flex;flex-direction:column;gap:12px}.app-render-diagnostics-layout__content{min-height:0}.app-render-diagnostics-layout__card{border:1px solid var(--app-border);border-radius:12px;background:color-mix(in srgb,var(--app-panel-bg) 84%,black 16%);padding:12px;display:flex;flex-direction:column;gap:10px}.app-render-diagnostics-layout__card h3{margin:0;font-size:.95rem}.app-render-diagnostics-layout__stream-nav{display:flex;flex-direction:column;gap:6px}.app-render-diagnostics-layout__stream-button{text-align:left;border:1px solid color-mix(in srgb,var(--app-border) 88%,white 12%);border-radius:8px;background:transparent;color:inherit;padding:8px 10px;cursor:pointer}.app-render-diagnostics-layout__stream-button.is-active{border-color:color-mix(in srgb,var(--app-accent) 65%,var(--app-border) 35%);background:color-mix(in srgb,var(--app-accent) 20%,transparent 80%)}.app-diagnostics-view{border:1px solid var(--app-border);border-radius:12px;background:color-mix(in srgb,var(--app-panel-bg) 84%,black 16%);padding:12px;display:flex;flex-direction:column;gap:12px;min-height:520px}.app-diagnostics-view h3{margin:0}.app-diagnostics-replay-controls{border:1px solid color-mix(in srgb,var(--app-border) 88%,transparent 12%);border-radius:10px;padding:10px;display:grid;gap:10px;max-width:820px}.app-diagnostics-replay-controls label{display:grid;gap:6px}.app-diagnostics-replay-controls__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.app-render-diagnostics-layout__actions{flex-direction:column;align-items:stretch}.app-bundle-viewer__layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:10px;min-height:360px}.app-bundle-viewer__tree{list-style:none;margin:0;padding:0;border:1px solid var(--app-border);border-radius:10px;overflow:auto}.app-bundle-viewer__entry{width:100%;border:0;border-bottom:1px solid color-mix(in srgb,var(--app-border) 80%,transparent 20%);background:transparent;color:inherit;text-align:left;padding:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.app-bundle-viewer__entry:hover{background:color-mix(in srgb,var(--app-accent) 14%,transparent 86%)}.app-bundle-viewer__entry.is-active{background:color-mix(in srgb,var(--app-accent) 22%,transparent 78%)}.app-bundle-viewer__folder{font-size:.75rem;color:var(--app-muted-color)}.app-bundle-viewer__file{font-family:var(--app-font-mono);font-size:.85rem}.app-bundle-viewer__preview{border:1px solid var(--app-border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:0}.app-bundle-viewer__preview-header{display:flex;justify-content:space-between;gap:12px;align-items:center}@media(max-width:1300px){.app-render-diagnostics-layout{grid-template-columns:minmax(220px,1fr) minmax(0,1fr)}.app-render-diagnostics-layout__inspector{grid-column:1 / -1}}@media(max-width:900px){.app-render-diagnostics-layout,.app-bundle-viewer__layout{grid-template-columns:minmax(0,1fr)}}.template-composer{color:var(--dui-text-primary);display:grid;gap:.75rem;min-height:0;position:relative}.template-composer.is-workspace{display:flex;flex-direction:column;height:100%;overflow:hidden}.template-composer.is-workspace>.studio-editor-shell,.template-composer.is-workspace>.studio-layout{flex:1 1 auto;height:100%;min-height:0}.template-composer.is-showcase-minimal .studio-layout{height:min(72dvh,54rem);max-height:min(72dvh,54rem);min-height:34rem}.studio-editor-topbar{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:flex;gap:.75rem;justify-content:space-between;padding:.7rem}.studio-editor-topbar__identity{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:.45rem}.studio-editor-topbar__title{font-size:.92rem}.studio-editor-topbar__state{color:var(--dui-text-secondary);font-size:.78rem}.studio-editor-topbar__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.studio-editor-shell{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.studio-editor-shell__left,.studio-editor-shell__right{display:flex;flex-direction:column;min-height:0}.studio-editor-shell__left{height:auto;align-self:start;overflow:visible}.studio-editor-shell__right{align-self:stretch;height:100%;min-height:0;overflow:hidden}.studio-editor-shell__left.is-fill{align-self:stretch;height:100%;overflow:hidden}.studio-editor-shell__left.is-fill>.studio-editor-pane{flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow:hidden}.studio-editor-shell__left.is-fill>.studio-editor-pane.studio-editor-pane--input{grid-template-rows:auto minmax(0,1fr)}.studio-editor-shell__left>.studio-editor-pane{flex:0 0 auto;height:auto;max-height:none;overflow:visible;min-height:0}.studio-editor-shell__right>.studio-editor-pane{flex:1 1 auto;height:100%;min-height:0}.studio-editor-pane{background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.62rem;min-height:0;overflow:hidden;padding:.72rem}.template-composer.is-workspace .studio-editor-pane{background:transparent;border:0;border-radius:0;gap:.5rem;padding:.32rem 0}.studio-editor-pane--input{grid-template-rows:auto auto auto}.studio-editor-pane--preview{display:flex;flex-direction:column;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.studio-editor-pane__header{align-items:center;display:flex;gap:.62rem;justify-content:space-between}.studio-editor-pane__actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.42rem;justify-content:flex-end}.studio-editor-pane--input .studio-editor-pane__header{justify-content:flex-end}.studio-input-layout{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:3rem minmax(20rem,22rem);height:auto;min-height:0;position:relative}.studio-input-layout.is-overlay-active,.studio-input-layout.is-overlay-active .studio-input-panel__settings-nav,.studio-input-layout.is-overlay-active .studio-input-panel__body,.studio-input-layout.is-overlay-active .studio-visual-wrap{overflow:hidden}.studio-input-rail{align-content:start;display:grid;gap:.3rem}.studio-input-rail__button{align-items:center;appearance:none;background:color-mix(in oklab,var(--dui-surface-elevated) 55%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.52rem;color:var(--dui-text-secondary);cursor:pointer;display:inline-flex;height:2.6rem;justify-content:center;padding:0;position:relative;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease;width:2.6rem}.studio-input-rail__button:hover{color:var(--dui-text-primary);transform:translateY(-1px)}.studio-input-rail__button.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 64%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 44%,var(--dui-border-subtle));color:color-mix(in oklab,var(--dui-accent-base) 78%,var(--dui-text-primary))}.studio-input-rail__button[data-tooltip]:before,.studio-input-rail__button[data-tooltip]:after{opacity:0;pointer-events:none;position:absolute;transition:opacity .14s ease,transform .14s ease}.studio-input-rail__button[data-tooltip]:before{border:6px solid transparent;border-right-color:color-mix(in oklab,var(--dui-surface-elevated) 95%,var(--dui-surface-panel));content:"";left:calc(100% + .22rem);top:50%;transform:translateY(-50%) translate(-4px);z-index:11}.studio-input-rail__button[data-tooltip]:after{background:color-mix(in oklab,var(--dui-surface-elevated) 94%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.52rem;box-shadow:var(--dui-shadow-sm);color:var(--dui-text-primary);content:attr(data-tooltip);font-size:.72rem;font-weight:600;left:calc(100% + .56rem);line-height:1.28;max-width:13rem;min-width:max-content;padding:.36rem .5rem;top:50%;transform:translateY(-50%) translate(-4px);white-space:normal;z-index:12}.studio-input-rail__button[data-tooltip]:hover:before,.studio-input-rail__button[data-tooltip]:hover:after,.studio-input-rail__button[data-tooltip]:focus-visible:before,.studio-input-rail__button[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.studio-input-rail__icon{display:inline-flex;height:1.12rem;width:1.12rem}.studio-input-rail__icon svg{display:block;height:100%;width:100%}.studio-input-panel{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.52rem;grid-template-rows:auto auto minmax(0,1fr);min-height:0;overflow:hidden;padding:.62rem}.studio-input-panel__header{align-items:center;display:flex;justify-content:flex-start}.studio-input-panel__segment{display:grid;gap:.28rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0}.studio-input-panel__segment-button{appearance:none;background:color-mix(in oklab,#ffffff 88%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.48rem;color:var(--dui-text-secondary);cursor:pointer;font-size:.76rem;font-weight:650;min-height:1.9rem;padding:.24rem .4rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.studio-input-panel__segment-button.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 65%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 44%,var(--dui-border-subtle));color:var(--dui-text-primary)}.studio-input-panel__segment-button.is-disabled{cursor:not-allowed;opacity:.58}.studio-input-panel__settings-nav{border-top:1px solid var(--dui-border-subtle);display:block;margin-top:.18rem;overflow:auto;padding-top:.42rem}.studio-input-panel__nav-list{display:grid;gap:.2rem;list-style:none;margin:0;padding:0}.studio-input-panel__nav-item{min-width:0}.studio-input-panel__nav-link{appearance:none;background:transparent;border:0;border-radius:.38rem;color:var(--dui-text-secondary);cursor:pointer;display:block;font-size:.78rem;font-weight:620;line-height:1.32;min-height:1.68rem;padding:.18rem .34rem;text-align:left;width:100%}.studio-input-panel__nav-link.is-active{color:color-mix(in oklab,var(--dui-accent-base) 78%,var(--dui-text-primary));font-weight:700}.studio-input-panel__nav-link.is-disabled{cursor:not-allowed;opacity:.58}.studio-input-panel__nav-label{align-items:center;display:flex;gap:.35rem;justify-content:space-between;width:100%}.studio-input-panel__nav-lock{color:color-mix(in oklab,var(--dui-text-subtle) 86%,transparent)}.studio-input-panel__nav-lock svg{display:block;height:.88rem;width:.88rem}.studio-input-panel__nav-experimental{align-items:center;color:color-mix(in oklab,var(--dui-text-subtle) 84%,transparent);display:inline-flex;flex:0 0 auto;justify-content:center}.studio-input-panel__nav-experimental svg{display:block;height:.88rem;width:.88rem}.studio-input-panel__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.studio-input-panel__body>.studio-panel-fill,.studio-input-panel__body>.studio-visual-wrap,.studio-input-panel__body>.studio-panel,.studio-input-panel__body>.studio-code-wrap{flex:1 1 auto;min-height:0}.studio-editor-pane__input-layout{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:minmax(9.4rem,10.8rem) minmax(0,1fr);height:auto;min-height:0;position:relative}.studio-editor-pane__input-layout.is-overlay-active,.studio-editor-pane__input-layout.is-overlay-active .studio-editor-pane__section-nav,.studio-editor-pane__input-layout.is-overlay-active .studio-editor-pane__body,.studio-editor-pane__input-layout.is-overlay-active .studio-visual-wrap{overflow:hidden}.studio-editor-pane__section-nav{background:transparent;border:0;border-radius:0;display:grid;gap:.14rem;grid-auto-rows:min-content;max-height:none;overflow:visible;padding:.16rem .18rem .16rem 0}.studio-editor-pane__nav-list{display:grid;gap:.12rem;list-style:none;margin:0;padding:0}.studio-editor-pane__nav-item{min-width:0}.studio-editor-pane__group-label{color:var(--dui-text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.04em;margin:.18rem 0 .08rem;text-transform:uppercase}.studio-editor-pane__section-divider{border-top:1px solid var(--dui-border-subtle);margin:.14rem 0}.studio-toggle-group{background:color-mix(in oklab,#ffffff 94%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.58rem;display:inline-grid;gap:.22rem;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:.2rem}.studio-toggle-button{background:transparent;border:1px solid transparent;border-radius:.48rem;color:var(--dui-text-secondary);cursor:pointer;font-size:.78rem;font-weight:700;min-height:1.8rem;padding:.24rem .46rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.studio-toggle-button:hover:not(:disabled){color:var(--dui-text-primary)}.studio-toggle-button:disabled{cursor:not-allowed;opacity:.55}.studio-toggle-button.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 72%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 42%,var(--dui-border-subtle));color:var(--dui-text-primary)}.studio-editor-pane__nav-link{appearance:none;background:transparent;border:0;border-radius:.32rem;display:block;color:var(--dui-text-secondary);cursor:pointer;font-size:.76rem;font-weight:600;line-height:1.3;min-height:1.58rem;padding:.15rem .3rem;text-align:left;text-decoration:none;width:100%;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.studio-editor-pane__nav-link[data-tooltip]{position:relative}.studio-editor-pane__nav-link[data-tooltip]:before,.studio-editor-pane__nav-link[data-tooltip]:after{opacity:0;pointer-events:none;position:absolute;transition:opacity .14s ease,transform .14s ease}.studio-editor-pane__nav-link[data-tooltip]:before{border:6px solid transparent;border-right-color:color-mix(in oklab,var(--dui-surface-elevated) 95%,var(--dui-surface-panel));content:"";left:calc(100% + .22rem);top:50%;transform:translateY(-50%) translate(-4px);z-index:9}.studio-editor-pane__nav-link[data-tooltip]:after{background:color-mix(in oklab,var(--dui-surface-elevated) 94%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.52rem;box-shadow:var(--dui-shadow-sm);color:var(--dui-text-primary);content:attr(data-tooltip);font-size:.72rem;font-weight:600;left:calc(100% + .56rem);line-height:1.28;max-width:13rem;min-width:max-content;padding:.36rem .5rem;text-wrap:pretty;top:50%;transform:translateY(-50%) translate(-4px);white-space:normal;z-index:10}.studio-editor-pane__nav-link[data-tooltip]:hover:before,.studio-editor-pane__nav-link[data-tooltip]:hover:after,.studio-editor-pane__nav-link[data-tooltip]:focus-visible:before,.studio-editor-pane__nav-link[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.studio-editor-pane__nav-label{align-items:center;display:flex;gap:.35rem;justify-content:space-between;width:100%}.studio-editor-pane__nav-lock{color:color-mix(in oklab,var(--dui-text-subtle) 86%,transparent)}.studio-editor-pane__nav-lock svg{display:block;height:.88rem;width:.88rem}.studio-editor-pane__nav-experimental{align-items:center;color:color-mix(in oklab,var(--dui-text-subtle) 84%,transparent);display:inline-flex;flex:0 0 auto;justify-content:center}.studio-editor-pane__nav-experimental svg{display:block;height:.88rem;width:.88rem}.studio-editor-pane__nav-link:hover:not(:disabled){background:transparent;border-color:transparent;color:color-mix(in oklab,var(--dui-accent-base) 52%,var(--dui-text-primary))}.studio-editor-pane__nav-link.is-active{background:transparent;border-color:transparent;box-shadow:none;color:color-mix(in oklab,var(--dui-accent-base) 78%,var(--dui-text-primary));font-weight:700}.studio-editor-pane__nav-link.is-disabled{cursor:not-allowed;opacity:.58}.studio-editor-pane__nav-link.is-disabled:hover{background:transparent;border-color:transparent;color:var(--dui-text-secondary)}.studio-editor-pane__nav-link.is-experimental{color:var(--dui-text-secondary)}.studio-editor-pane__body{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.studio-editor-pane__body>.studio-panel-fill,.studio-editor-pane__body>.studio-visual-wrap{flex:1 1 auto;min-height:0}.studio-editor-pane--input .studio-editor-pane__body{height:auto;overflow:visible}.studio-editor-shell__left.is-fill .studio-editor-pane--input .studio-editor-pane__body{height:100%;min-height:0;overflow:hidden}.studio-editor-shell__left.is-fill .studio-editor-pane__input-layout{height:100%;min-height:0}.studio-editor-shell__right>.studio-editor-pane.studio-editor-pane--preview{align-self:stretch;height:100%;min-height:0}.studio-editor-pane--preview .studio-editor-pane__body{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.studio-editor-pane--preview .studio-editor-pane__body>.studio-panel{flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.studio-editor-pane--preview .studio-editor-pane__body>.studio-panel--preview-surface,.studio-editor-pane--preview .studio-editor-pane__body>.studio-preview-stage{flex:1 1 auto;height:100%;max-height:100%;min-height:0}.studio-editor-pane__validation{border-top:1px solid var(--dui-border-subtle);display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.52rem}.studio-editor-pane--preview .dui-callout{margin:0}.studio-editor-overflow{position:relative}.studio-editor-overflow>summary{background:color-mix(in oklab,var(--dui-surface-elevated) 74%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);color:var(--dui-text-secondary);cursor:pointer;font-size:.78rem;list-style:none;padding:.38rem .55rem}.studio-editor-overflow>summary::-webkit-details-marker{display:none}.studio-editor-overflow[open]>summary{border-color:color-mix(in oklab,var(--dui-accent-base) 42%,var(--dui-border-subtle));color:var(--dui-text-primary)}.studio-editor-overflow__menu{background:color-mix(in oklab,var(--dui-surface-panel) 96%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);box-shadow:var(--dui-shadow-md);display:grid;gap:.3rem;min-width:13rem;padding:.45rem;position:absolute;right:0;top:calc(100% + .35rem);z-index:15}.studio-inline-link{background:transparent;border:0;color:var(--dui-accent-strong);cursor:pointer;font:inherit;padding:0;text-decoration:underline}@media(max-width:1260px){.studio-editor-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.studio-editor-shell__right{grid-column:1 / -1}}@media(max-width:920px){.studio-editor-shell{grid-template-columns:minmax(0,1fr)}.studio-input-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.studio-input-rail{grid-auto-columns:minmax(2.6rem,1fr);grid-auto-flow:column;overflow:auto hidden}.studio-input-panel{grid-template-rows:auto auto minmax(0,1fr)}.studio-editor-pane__input-layout{grid-template-columns:minmax(0,1fr)}.studio-editor-pane__section-nav{grid-auto-flow:column;grid-auto-columns:minmax(6.2rem,1fr);overflow:auto hidden;padding-bottom:.2rem}}.studio-toolbar{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:flex;flex-wrap:wrap;gap:.72rem;justify-content:space-between;padding:.72rem}.studio-toolbar .dui-tabs{background:color-mix(in oklab,var(--dui-surface-elevated) 70%,transparent)}.studio-row-actions,.studio-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.studio-token-insert-row{align-items:end;column-gap:.5rem;display:grid;grid-template-columns:minmax(12rem,16rem) auto;row-gap:.35rem}.studio-token-insert-row--wide{grid-template-columns:minmax(8rem,12rem) minmax(12rem,16rem) auto}.studio-token-insert-row .studio-select{min-width:0}.studio-token-insert-row .studio-button{justify-self:start}.studio-inline-control{align-items:end;flex-wrap:wrap}.studio-chip{font-size:.72rem}.studio-button{min-width:0}.studio-button.is-primary{box-shadow:var(--dui-shadow-sm)}.studio-file-picker{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.62rem;cursor:pointer;display:inline-flex;gap:.45rem;max-width:min(22rem,55vw);min-height:2.2rem;padding:.26rem .38rem;position:relative}.studio-file-picker__button{background:color-mix(in oklab,var(--dui-surface-elevated) 80%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.48rem;color:var(--dui-text-primary);font-size:.76rem;font-weight:600;padding:.28rem .5rem;white-space:nowrap}.studio-file-picker__name{color:var(--dui-text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-file-picker:hover{border-color:color-mix(in oklab,var(--dui-accent-base) 36%,transparent)}.studio-file-picker:focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--dui-accent-base) 24%,transparent)}.studio-file-input{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.studio-asset-library{border:1px solid var(--dui-border-subtle);border-radius:.62rem;display:flex;flex-direction:column;gap:.35rem;max-width:min(24rem,65vw);min-height:2.2rem;padding:.35rem .45rem}.studio-asset-library__header{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.studio-asset-library__label{color:var(--dui-text-primary);font-size:.76rem;font-weight:600}.studio-asset-library__summary{color:var(--dui-text-secondary);font-size:.72rem}.studio-asset-library__list{display:flex;flex-direction:column;gap:.3rem;max-height:8rem;overflow:auto}.studio-asset-library__item{align-items:center;color:var(--dui-text-secondary);display:inline-flex;font-size:.74rem;gap:.4rem}.studio-asset-library__empty{color:var(--dui-text-secondary);font-size:.72rem}.studio-layout{display:grid;flex:1;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;max-height:100%;min-height:0}@media(max-width:1180px){.studio-layout{grid-template-columns:1fr}}.studio-left,.studio-right,.studio-panel{min-height:0}.studio-left,.studio-right{display:flex;flex-direction:column;max-height:100%}.studio-panel,.studio-right{background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);max-height:100%;overflow:hidden;padding:.8rem}.studio-panel--preview-surface{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.studio-right{display:flex;flex-direction:column;gap:.72rem;overflow:auto}.studio-inspector-drawer{background:color-mix(in oklab,var(--dui-surface-elevated) 74%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.62rem;padding:.72rem}.studio-inspector-drawer__header{align-items:center;display:flex;flex-wrap:wrap;gap:.52rem;justify-content:space-between}.studio-inspector-drawer__select{max-width:18rem}.studio-panel--inspector{max-height:none}.studio-inspector-ids{display:grid;gap:.42rem}.studio-inspector-ids__row{align-items:center;border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-sm);display:grid;gap:.42rem;grid-template-columns:minmax(6.2rem,auto) minmax(0,1fr) auto;padding:.38rem .46rem}.studio-panel-fill{display:flex;flex-direction:column;gap:.62rem;height:100%;min-height:0;overflow:auto;position:relative;border-radius:var(--dui-radius-md)}.studio-panel-fill.is-overlay-active{overflow:hidden}.studio-assets-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:auto;padding:.62rem}.studio-assets-panel.is-studio{background:color-mix(in oklab,var(--dui-surface-panel) 96%,#fff);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md)}.studio-assets-panel.is-playground{background:transparent;border:0;border-radius:0;padding:0}.studio-assets-panel.is-locked{overflow:hidden}.studio-assets-panel .studio-section{flex:0 0 auto;margin:0}.studio-editor-shell__left.is-fill .studio-editor-pane__body>.studio-assets-panel{height:100%;min-height:0}.studio-visual-wrap{display:flex;flex-direction:column;gap:.56rem;border-radius:var(--dui-radius-md);flex:1 1 auto;height:100%;min-height:0;overflow:visible;position:relative}.studio-visual-wrap>.studio-form-grid{min-height:0}.studio-visual-wrap--all-sections{display:grid;gap:.62rem;padding-right:.1rem}.studio-visual-anchor{scroll-margin-top:.5rem}.studio-visual-wrap--all-sections .studio-form-grid--halves{gap:.62rem;grid-template-rows:repeat(2,minmax(17rem,auto));height:auto}.studio-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dui-surface-base) 88%,transparent);border-radius:inherit;display:flex;inset:0;justify-content:center;overflow:hidden;padding:.9rem;position:absolute;z-index:3}.studio-locked-overlay--assets,.studio-locked-overlay--visual{border:1px solid color-mix(in oklab,var(--dui-border-subtle) 92%,transparent);border-radius:var(--dui-radius-md)}.studio-locked-overlay__card{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);box-shadow:var(--dui-shadow-sm);display:grid;gap:.55rem;max-width:34rem;padding:.85rem;width:min(100%,34rem)}.studio-locked-overlay__title{font-size:.9rem;font-weight:700;margin:0}.studio-locked-overlay__message{color:var(--dui-text-secondary);margin:0}.studio-panel-footnote{border-top:1px solid var(--dui-border-subtle);font-size:.75rem;line-height:1.35;margin-top:auto;padding:.4rem .1rem 0}.studio-panel-footnote.is-info{color:var(--dui-text-secondary)}.studio-panel-footnote.is-error{color:var(--dui-danger-base)}.studio-code-panel{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.studio-code-panel .studio-code-wrap{flex:1 1 auto;min-height:14rem}.studio-code-wrap{flex:1;min-height:16rem;overflow:hidden}.studio-readonly-editor{border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);min-height:220px;overflow:hidden}.studio-code-hint-wrap{display:grid;gap:.35rem}.studio-code-hint{background:color-mix(in oklab,var(--dui-surface-elevated) 80%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);color:var(--dui-text-secondary);font-family:var(--dui-font-mono);font-size:.74rem;line-height:1.45;margin:0;padding:.7rem}.studio-form-grid{display:grid;gap:.48rem;min-height:0}.studio-form-grid--halves{grid-template-rows:repeat(2,minmax(0,auto));height:auto}.studio-form-tabbed{display:grid;gap:.7rem}.studio-subsection{background:color-mix(in oklab,var(--dui-surface-elevated) 70%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);display:grid;gap:.46rem;min-height:0;overflow:hidden;padding:.5rem}.studio-editor-pane--input .studio-subsection{background:color-mix(in oklab,var(--dui-surface-panel) 96%,#fff)}.studio-subsection--editor{align-content:start;min-height:0}.studio-subsection--editor .studio-token-editor-wrap,.studio-subsection--editor .studio-code-wrap{height:100%;min-height:0}.studio-subsection-title{color:var(--dui-text-subtle);font-size:.75rem;font-weight:700;letter-spacing:.03em;margin:0;text-transform:uppercase}.studio-subsection-fields{display:grid;gap:.5rem}.studio-experimental-alert{align-items:start;background:color-mix(in oklab,var(--dui-danger-soft) 72%,transparent);border:1px solid color-mix(in oklab,var(--dui-danger-base) 62%,var(--dui-border-subtle));border-radius:var(--dui-radius-md);color:color-mix(in oklab,var(--dui-danger-base) 88%,var(--dui-text-primary));display:grid;gap:.4rem;padding:.58rem .68rem}.studio-experimental-alert__title{align-items:center;display:inline-flex;gap:.32rem}.studio-experimental-alert__icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.studio-experimental-alert__icon svg{display:block;height:.92rem;width:.92rem}.studio-margin-grid{display:grid;gap:.62rem;grid-template-columns:repeat(2,minmax(14rem,1fr))}@media(max-width:820px){.studio-margin-grid{grid-template-columns:1fr}.studio-token-insert-row,.studio-token-insert-row--wide{grid-template-columns:minmax(0,1fr)}}.studio-label-row,.studio-section{display:grid;gap:.42rem}.studio-label{color:var(--dui-text-subtle);font-size:.74rem;font-weight:700;letter-spacing:.03em}.studio-input,.studio-select,.studio-textarea,.studio-html-preview{width:100%}.studio-inline-control .studio-input,.studio-inline-control .studio-select{min-width:7.4rem;width:auto}.studio-select .dui-form-row,.studio-input .dui-form-row{gap:.24rem}.studio-multiselect{min-height:120px}.studio-font-picker{display:grid;gap:.52rem}.studio-font-options,.studio-font-selected{display:flex;flex-wrap:wrap;gap:.42rem}.studio-font-option,.studio-font-chip{font-size:.75rem}.studio-textarea{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);color:var(--dui-text-primary);font-family:var(--dui-font-mono);font-size:.8rem;min-height:112px;padding:.65rem;resize:vertical}.studio-html-preview{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);color:var(--dui-text-primary);font-family:var(--dui-font-sans);min-height:96px;padding:.65rem}.studio-html-preview.is-readonly{background:color-mix(in oklab,var(--dui-surface-elevated) 82%,transparent)}.studio-notice-list{display:grid;gap:.5rem}.studio-notice{margin:0}.studio-help{color:var(--dui-text-secondary);font-size:.78rem;margin:0}.studio-error-inline{color:var(--dui-danger-base);font-size:.78rem}.studio-error{background:color-mix(in oklab,var(--dui-danger-soft) 72%,transparent);border:1px solid var(--dui-danger-base);border-radius:var(--dui-radius-md);color:var(--dui-danger-base);font-family:var(--dui-font-mono);font-size:.76rem;margin:0;padding:.62rem;white-space:pre-wrap}.studio-message-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dui-surface-base) 42%,transparent);display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:40}.studio-message-overlay__card{background:color-mix(in oklab,var(--dui-surface-panel) 96%,transparent);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);box-shadow:var(--dui-shadow-md);display:grid;gap:.72rem;max-width:min(42rem,92vw);max-height:min(70dvh,38rem);overflow:auto;padding:.84rem;width:min(42rem,92vw)}.studio-title{font-size:.9rem;margin:0 0 .55rem}.studio-preview{border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);height:520px;width:100%}.studio-html-preview-surface{display:flex;flex:1 1 auto;height:100%;max-height:none;min-height:260px;min-width:0;overflow:hidden}.studio-html-preview-page{background:#fff;box-shadow:0 12px 40px #0f172a24;color:#0f172a;overflow:hidden;position:relative}.studio-html-preview-boundaries{background-image:linear-gradient(to bottom,transparent calc(100% - 1px),color-mix(in oklab,var(--dui-border-subtle) 80%,transparent) 1px);inset:0;pointer-events:none;position:absolute;z-index:2}.studio-html-preview-frame{background:#fff;border:0;display:block;height:100%;position:relative;z-index:1;width:100%}.studio-html-preview-watermark-layer{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;z-index:3}.studio-html-preview-watermark{color:#0f172a;font-family:var(--dui-font-sans);font-size:44px;font-weight:700;letter-spacing:2px;max-width:92%;text-align:center;text-transform:uppercase;white-space:nowrap}.studio-pdf-viewer{display:flex;flex:1 1 auto;height:100%;min-height:0;min-width:0;overflow:hidden}.studio-pdf-viewer__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.studio-pdf-viewer__toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.studio-pdf-viewer__body{display:flex;flex:1 1 auto;justify-content:center;min-height:0}.studio-pdf-viewer__fallback{display:grid;gap:.62rem}.studio-pdf-viewer__native-frame{background:#fff;min-height:0;width:100%;height:100%}.studio-pdf-viewer__fallback{min-height:0}.studio-pdf-viewer__fallback .studio-pdf-viewer__native-frame{min-height:30rem;width:100%}.studio-pdf-viewer__single-page{align-items:flex-start;display:flex;flex:0 0 auto;height:100%;justify-items:center;max-height:none;min-height:0;overflow:visible;padding:0}.studio-pdf-viewer__canvas{background:#fff;box-shadow:0 12px 28px #0f172a1f;display:block}.studio-pdf-viewer__page-input{max-width:4.2rem}.studio-preview-stage{display:flex;flex:1 1 auto;min-height:0;position:relative}.studio-preview-stage__viewport{align-content:start;align-items:start;display:grid;flex:1 1 auto;height:100%;max-height:100%;justify-items:center;min-height:0;min-width:0;overflow:auto;padding:.72rem}.studio-preview-controls{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 96%,transparent);border:1px solid var(--dui-border-subtle);border-radius:999px;box-shadow:var(--dui-shadow-sm);display:inline-flex;gap:.28rem;left:50%;opacity:0;padding:.3rem;pointer-events:none;position:absolute;transform:translate(-50%) translateY(8px);transition:opacity .16s ease,transform .16s ease;z-index:5;bottom:.72rem}.studio-preview-stage:hover .studio-preview-controls,.studio-preview-stage:focus-within .studio-preview-controls{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.studio-preview-controls__button{align-items:center;background:color-mix(in oklab,var(--dui-surface-elevated) 70%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 90%,transparent);border-radius:.48rem;color:var(--dui-text-primary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;height:1.95rem;justify-content:center;min-width:1.95rem;padding:0 .56rem}.studio-preview-controls__button:disabled{cursor:not-allowed;opacity:.55}.studio-preview-controls__icon{display:block;height:.95rem;width:.95rem}.studio-preview-controls__page-input{background:color-mix(in oklab,var(--dui-surface-panel) 94%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.44rem;color:var(--dui-text-primary);font-size:.78rem;font-weight:600;height:1.95rem;min-width:2.5rem;padding:0 .42rem;width:3.1rem}.studio-preview-controls__page-total,.studio-preview-controls__zoom{color:var(--dui-text-secondary);font-size:.8rem;font-weight:600;min-width:2.2rem;text-align:center}.studio-bundle-list{display:grid;gap:.56rem}.studio-bundle-row{align-items:center;border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-sm);display:flex;gap:.6rem;justify-content:space-between;padding:.52rem .62rem}.studio-table{border-collapse:collapse;font-size:.76rem;margin-top:.62rem;width:100%}.studio-table th,.studio-table td{border:1px solid var(--dui-border-subtle);padding:.45rem;text-align:left;vertical-align:top}.studio-code,.studio-code-inline{font-family:var(--dui-font-mono)}.studio-code-preview{display:grid;gap:.5rem}.studio-code-preview__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.studio-code-preview__title{margin:0}.studio-code-preview__body{background:linear-gradient(150deg,color-mix(in oklab,var(--dui-code-bg) 78%,var(--dui-surface-elevated)),color-mix(in oklab,var(--dui-code-bg) 92%,#0b1220));border:1px solid color-mix(in oklab,var(--dui-code-border) 82%,var(--dui-border-subtle));border-radius:var(--dui-radius-md);color:var(--dui-code-text);font-family:var(--dui-font-mono);font-size:.76rem;line-height:1.5;margin:0;max-height:28rem;overflow:auto;padding:.72rem}.studio-code-token-key{color:color-mix(in oklab,#93c5fd 84%,var(--dui-code-text))}.studio-code-token-string{color:color-mix(in oklab,#86efac 82%,var(--dui-code-text))}.studio-code-token-number{color:color-mix(in oklab,#fdba74 84%,var(--dui-code-text))}.studio-code-token-boolean{color:color-mix(in oklab,#f0abfc 80%,var(--dui-code-text))}.studio-code-token-null{color:color-mix(in oklab,#c4b5fd 78%,var(--dui-code-text))}.studio-download-list{display:grid;gap:.72rem}.studio-token-editor-wrap{border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);overflow:hidden}.studio-token-editor-wrap--monaco{min-height:17rem}.studio-monaco-loading{align-items:center;color:var(--dui-text-secondary);display:flex;font-size:.78rem;height:100%;justify-content:center;min-height:5rem;width:100%}.studio-token-editor-wrap>div,.studio-code-wrap>div{height:100%!important}.studio-token-editor-wrap .monaco-editor,.studio-token-editor-wrap .monaco-editor .overflow-guard,.studio-code-wrap .monaco-editor,.studio-code-wrap .monaco-editor .overflow-guard{height:100%!important}.studio-token-preview-controls{display:grid;gap:.68rem;margin-bottom:.8rem}.studio-inline-toggle{display:flex;min-height:100%}.studio-inline-toggle .dui-switch{margin-top:auto}.studio-permission-grid{display:grid;gap:.48rem;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.monaco-editor .studio-token-chip{background:color-mix(in oklab,var(--dui-accent-soft) 68%,transparent);border-bottom:1px dashed var(--dui-accent-base);border-radius:4px}.monaco-editor .studio-token-chip-label{background:color-mix(in oklab,var(--dui-accent-soft) 72%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-accent-base) 35%,transparent);border-radius:10px;color:var(--dui-accent-strong);font-size:10px;font-weight:700;padding:1px 4px}:root{--dui-surface-base: #f3f6fb;--dui-surface-panel: #ffffff;--dui-surface-elevated: #ebf1ff;--dui-surface-overlay: #ffffff;--dui-surface-gradient-start: #dfe9ff;--dui-text-primary: #0f172a;--dui-text-secondary: #334155;--dui-text-subtle: #64748b;--dui-text-inverse: #f8fafc;--dui-border-subtle: #d7dfed;--dui-border-strong: #a8b5d1;--dui-accent-soft: #dbe8ff;--dui-accent-base: #2563eb;--dui-accent-strong: #1d4ed8;--dui-warn-soft: #fff4d8;--dui-warn-base: #b45309;--dui-danger-soft: #ffe2e6;--dui-danger-base: #b42318;--dui-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--dui-shadow-md: 0 18px 42px rgba(30, 48, 94, .12);--dui-shadow-lg: 0 30px 80px rgba(15, 23, 42, .18);--dui-radius-sm: .5rem;--dui-radius-md: .7rem;--dui-radius-lg: .95rem;--dui-radius-xl: 1.25rem;--dui-font-sans: "Space Grotesk", "Segoe UI", sans-serif;--dui-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--dui-focus-ring: 0 0 0 3px rgba(37, 99, 235, .3);--dui-code-bg: #0b1220;--dui-code-border: #1f2e4f;--dui-code-text: #d7e4ff}:root.dark{--dui-surface-base: #050910;--dui-surface-panel: #0d1422;--dui-surface-elevated: #131e31;--dui-surface-overlay: #101a2e;--dui-surface-gradient-start: #0f1d34;--dui-text-primary: #e2e8f7;--dui-text-secondary: #b4c1d9;--dui-text-subtle: #8ea0bd;--dui-text-inverse: #f8fafc;--dui-border-subtle: #243249;--dui-border-strong: #344966;--dui-accent-soft: #142b4f;--dui-accent-base: #5a95ff;--dui-accent-strong: #93b9ff;--dui-warn-soft: #31260d;--dui-warn-base: #f7b84f;--dui-danger-soft: #3c1f28;--dui-danger-base: #fca5a5;--dui-shadow-sm: 0 1px 2px rgba(2, 5, 10, .5);--dui-shadow-md: 0 22px 50px rgba(2, 5, 10, .62);--dui-shadow-lg: 0 40px 90px rgba(2, 5, 10, .72);--dui-focus-ring: 0 0 0 3px rgba(90, 149, 255, .35);--dui-code-bg: #04070e;--dui-code-border: #203253;--dui-code-text: #dce8ff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 0% 0%,color-mix(in oklab,var(--dui-surface-gradient-start) 72%,transparent) 0%,transparent 52%),linear-gradient(180deg,color-mix(in oklab,var(--dui-surface-base) 90%,#0a0f19) 0%,var(--dui-surface-base) 100%);color:var(--dui-text-primary);font-family:var(--dui-font-sans);line-height:1.5;text-rendering:optimizeLegibility}a{color:inherit}.dui-container{margin:0 auto;max-width:84rem;padding:0 1.25rem}.dui-surface-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dui-surface-base) 88%,transparent);border-bottom:1px solid var(--dui-border-subtle);position:sticky;top:0;z-index:30}.dui-surface-header__row{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:4.25rem;padding-bottom:.65rem;padding-top:.65rem}.dui-surface-header__row--full{margin:0 auto;max-width:none;padding-left:1.25rem;padding-right:1.25rem;width:100%}.dui-surface-header__left{align-items:center;display:flex;flex:1;gap:1.1rem;min-width:0}.dui-surface-header__brand{align-items:center;display:inline-flex;flex-shrink:0}.dui-surface-header__main{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.38rem;min-width:0}.dui-surface-header__right{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.dui-surface-header__right .dui-form-row{gap:.2rem}.dui-surface-header__right .dui-label{font-size:.72rem}.dui-surface-nav-link{border:1px solid transparent;border-radius:.52rem;color:var(--dui-text-secondary);display:inline-flex;font-size:.84rem;font-weight:600;min-height:2.1rem;padding:.35rem .48rem;text-decoration:none}.dui-surface-nav-link:hover{background:color-mix(in oklab,var(--dui-surface-elevated) 72%,transparent);color:var(--dui-text-primary)}.dui-surface-nav-link.is-active,.dui-surface-nav-link[data-active]{background:color-mix(in oklab,var(--dui-accent-soft) 54%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 32%,transparent);color:var(--dui-text-primary)}.dui-surface-footer{background:color-mix(in oklab,var(--dui-surface-panel) 94%,transparent);border-top:1px solid var(--dui-border-subtle)}.dui-surface-footer__grid{display:grid;gap:1.6rem;grid-template-columns:minmax(16rem,1.2fr) repeat(2,minmax(12rem,1fr));padding-bottom:2rem;padding-top:2rem}.dui-surface-footer__brand{display:grid;gap:.55rem}.dui-surface-footer__title{font-size:1rem;font-weight:700;margin:0}.dui-surface-footer__muted{color:var(--dui-text-secondary);font-size:.86rem;margin:0;max-width:32ch}.dui-surface-footer__list{display:grid;gap:.32rem;list-style:none;margin:0;padding:0}.dui-surface-footer__list a{color:var(--dui-text-secondary);text-decoration:none}.dui-surface-footer__list a:hover{color:var(--dui-accent-base)}.dui-page{padding:1.25rem 0 2.5rem}.dui-stack{display:flex;flex-direction:column;gap:1rem}.dui-grid{display:grid;gap:1rem}.dui-grid--2{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.dui-grid--3{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.dui-page-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.dui-page-header__eyebrow{color:var(--dui-text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dui-page-header__title{font-size:clamp(1.8rem,1.8vw + .85rem,2.7rem);letter-spacing:-.02em;line-height:1.08;margin:0}.dui-page-header__subtitle{color:var(--dui-text-secondary);margin:0;max-width:58rem}.dui-card{background:linear-gradient(180deg,color-mix(in oklab,var(--dui-surface-panel) 92%,transparent),var(--dui-surface-panel));border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);box-shadow:var(--dui-shadow-sm);overflow:hidden}.dui-card__header{border-bottom:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,transparent);padding:.95rem 1rem .75rem}.dui-card__title{margin:0;font-size:1.02rem;line-height:1.2}.dui-card__subtitle{color:var(--dui-text-subtle);margin:.35rem 0 0;font-size:.85rem}.dui-card__body{padding:1rem}.dui-card h3,.dui-card h4{margin:0 0 .55rem}.dui-button{align-items:center;border:1px solid transparent;border-radius:var(--dui-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.45rem;justify-content:center;letter-spacing:.01em;min-height:2.3rem;padding:.5rem .88rem;text-decoration:none;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.dui-button:focus-visible,.dui-link:focus-visible,.dui-tab:focus-visible,.dui-sidenav__link:focus-visible,.dui-input:focus-visible,.dui-select-trigger:focus-visible,.dui-switch__control:focus-visible{box-shadow:var(--dui-focus-ring);outline:none}.dui-button:disabled{cursor:not-allowed;opacity:.5}.dui-button--primary{background:linear-gradient(145deg,var(--dui-accent-base) 0%,var(--dui-accent-strong) 100%);color:var(--dui-text-inverse)}.dui-button--secondary{background:color-mix(in oklab,var(--dui-surface-panel) 88%,transparent);border-color:var(--dui-border-subtle);color:var(--dui-text-primary)}.dui-button--ghost{background:transparent;border-color:color-mix(in oklab,var(--dui-border-subtle) 84%,transparent);color:var(--dui-text-secondary)}.dui-button:hover:not(:disabled){transform:translateY(-1px)}.dui-link{color:var(--dui-accent-base);font-weight:600;text-decoration:none}.dui-link:hover{color:var(--dui-accent-strong);text-decoration:underline}.dui-pill{align-items:center;background:color-mix(in oklab,var(--dui-accent-soft) 76%,transparent);border:1px solid color-mix(in oklab,var(--dui-accent-base) 22%,transparent);border-radius:999px;color:var(--dui-accent-strong);display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:.18rem .54rem}.dui-tabs{border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-md);display:inline-flex;gap:.25rem;padding:.22rem;background:color-mix(in oklab,var(--dui-surface-elevated) 82%,transparent)}.dui-tab{background:transparent;border:none;border-radius:.5rem;color:var(--dui-text-secondary);cursor:pointer;font:inherit;font-size:.79rem;font-weight:600;min-height:1.9rem;padding:.38rem .7rem}.dui-tab[aria-selected=true],.dui-tab[data-selected]{background:var(--dui-surface-panel);box-shadow:var(--dui-shadow-sm);color:var(--dui-text-primary)}.dui-table{border-collapse:collapse;width:100%}.dui-table th,.dui-table td{border-bottom:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);font-size:.86rem;padding:.62rem;text-align:left}.dui-table th{color:var(--dui-text-subtle);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.dui-code-block{background:var(--dui-code-bg);border:1px solid var(--dui-code-border);border-radius:var(--dui-radius-md);color:var(--dui-code-text);font-family:var(--dui-font-mono);font-size:.82rem;margin:0;overflow-x:auto;padding:.9rem}.dui-callout{border:1px solid var(--dui-border-subtle);border-left-width:4px;border-radius:var(--dui-radius-md);padding:.72rem .82rem}.dui-callout--info{background:color-mix(in oklab,var(--dui-accent-soft) 54%,transparent);border-left-color:var(--dui-accent-base)}.dui-callout--warn{background:color-mix(in oklab,var(--dui-warn-soft) 72%,transparent);border-left-color:var(--dui-warn-base)}.dui-sidenav{list-style:none;margin:0;padding:0;display:grid;gap:.34rem}.dui-sidenav__link{border-radius:.58rem;color:var(--dui-text-secondary);display:block;font-size:.86rem;font-weight:500;padding:.45rem .55rem;text-decoration:none}.dui-sidenav__link:hover{background:color-mix(in oklab,var(--dui-surface-elevated) 72%,transparent);color:var(--dui-text-primary)}.dui-sidenav__link[aria-current=page]{background:color-mix(in oklab,var(--dui-accent-soft) 54%,transparent);border:1px solid color-mix(in oklab,var(--dui-accent-base) 36%,transparent);color:var(--dui-text-primary)}.dui-form-row,.dui-field{display:grid;gap:.35rem}.dui-label{color:var(--dui-text-subtle);font-size:.72rem;font-weight:600;letter-spacing:.02em}.dui-input,.dui-select,.dui-select-trigger{align-items:center;appearance:none;background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.6rem;color:var(--dui-text-primary);display:inline-flex;font:inherit;gap:.5rem;justify-content:space-between;min-height:2.3rem;padding:.45rem .62rem;width:100%}.dui-input::placeholder{color:var(--dui-text-subtle)}.dui-select__icon{color:var(--dui-text-subtle);display:inline-flex;font-size:.75rem;margin-left:auto}.dui-select-popup{background:var(--dui-surface-overlay);border:1px solid var(--dui-border-subtle);border-radius:.62rem;box-shadow:var(--dui-shadow-md);max-height:18rem;min-width:max-content;overflow:auto;padding:.25rem;z-index:1200}.dui-select-positioner{z-index:1300}.dui-select-list{display:grid;gap:.2rem;margin:0;padding:0}.dui-select-item{border-radius:.5rem;color:var(--dui-text-primary);cursor:pointer;font-size:.83rem;padding:.42rem .55rem}.dui-select-item[data-highlighted]{background:color-mix(in oklab,var(--dui-accent-soft) 56%,transparent)}.dui-select-item[data-selected]{color:var(--dui-accent-strong);font-weight:600}.dui-select-item[data-disabled]{color:var(--dui-text-subtle);cursor:not-allowed;opacity:.6}.dui-switch{align-items:center;display:inline-flex;gap:.48rem}.dui-switch__label{color:var(--dui-text-secondary);font-size:.84rem}.dui-switch__control{align-items:center;background:color-mix(in oklab,var(--dui-border-strong) 80%,transparent);border:none;border-radius:999px;cursor:pointer;display:inline-flex;height:1.3rem;padding:.14rem;transition:background-color .12s ease;width:2.2rem}.dui-switch__control[data-disabled]{cursor:not-allowed;opacity:.55}.dui-switch__control[data-checked]{background:var(--dui-accent-base)}.dui-switch__thumb{background:#fff;border-radius:999px;box-shadow:var(--dui-shadow-sm);height:1rem;transform:translate(0);transition:transform .12s ease;width:1rem}.dui-switch__control[data-checked] .dui-switch__thumb{transform:translate(.88rem)}.dui-visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.dui-theme-toggle{display:grid;gap:.25rem}.dui-theme-toggle__label{margin:0}.dui-theme-toggle__group{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.62rem;display:inline-flex;gap:.24rem;min-height:2.3rem;padding:.18rem;width:100%}.dui-theme-toggle__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:.48rem;color:var(--dui-text-subtle);cursor:pointer;display:inline-flex;flex:1 1 0;justify-content:center;min-height:1.82rem;min-width:1.82rem;padding:.2rem}.dui-theme-toggle__button:hover{background:color-mix(in oklab,var(--dui-surface-elevated) 68%,transparent);color:var(--dui-text-primary)}.dui-theme-toggle__button[data-active]{background:color-mix(in oklab,var(--dui-accent-soft) 60%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 28%,transparent);color:var(--dui-accent-strong)}.dui-theme-toggle__button:focus-visible{outline:2px solid color-mix(in oklab,var(--dui-accent-base) 48%,transparent);outline-offset:1px}.dui-theme-toggle__icon{align-items:center;display:inline-flex;height:1rem;justify-content:center;width:1rem}.dui-theme-toggle__icon svg{display:block;height:100%;width:100%}@media(max-width:900px){.dui-container{padding:0 .85rem}.dui-page{padding-top:1rem}}.app-data-screen{display:grid;gap:.75rem}.app-route-frame{min-width:0}.app-route-frame__content{min-height:0;min-width:0}.app-route-frame--single-row{display:grid;gap:.75rem;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem);min-height:0;overflow:hidden}.app-route-frame--single-row .app-route-frame__content{display:grid;min-height:0;overflow:hidden}.app-route-frame--single-row .app-route-frame__content>*{min-height:0;min-width:0}.app-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between;padding:.85rem .95rem;transition:gap .18s ease,padding .18s ease,border-color .18s ease,box-shadow .22s ease,border-inline-start-color .18s ease}.app-page-header.is-page{background:linear-gradient(145deg,color-mix(in oklab,var(--dui-surface-panel) 94%,transparent),color-mix(in oklab,var(--dui-surface-elevated) 72%,transparent));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,var(--dui-accent-soft));border-inline-start:3px solid var(--app-page-header-rail);border-radius:.78rem;box-shadow:0 1px color-mix(in oklab,var(--dui-surface-panel) 85%,transparent) inset,0 5px 14px color-mix(in oklab,#0f172a 7%,transparent)}.app-page-header.is-section{background:color-mix(in oklab,var(--dui-surface-panel) 88%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.72rem}.app-page-header__main{display:grid;gap:.42rem;min-width:0;transition:gap .18s ease}.app-page-header__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.52rem;min-width:0;transition:gap .18s ease}.app-page-header__eyebrow{color:var(--dui-text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase;transition:max-height .18s ease,opacity .14s ease,transform .18s ease}.app-page-header__title{font-size:1.22rem;line-height:1.1;margin:0;transition:font-size .18s ease,line-height .18s ease}.app-page-header__summary{max-height:8rem;margin:0;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .22s ease,opacity .14s ease,transform .22s ease}.app-page-header__summary p{margin:0}.app-page-header__actions{align-items:flex-end;display:grid;gap:.52rem;justify-items:end;transition:gap .18s ease}.app-page-header__refresh,.app-page-header__secondary,.app-page-header__primary,.app-page-header__meta{display:flex;flex-wrap:wrap;gap:.45rem;max-height:6rem;opacity:1;transform:translateY(0);transition:max-height .18s ease,opacity .14s ease,transform .18s ease}.app-page-header__overflow{position:relative}.app-page-header__overflow-trigger{align-items:center;background:color-mix(in oklab,var(--dui-surface-elevated) 70%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.55rem;color:var(--dui-text-primary);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;letter-spacing:.02em;min-height:2.1rem;min-width:2.1rem;padding:.1rem .46rem}.app-page-header__overflow-menu{background:color-mix(in oklab,var(--dui-surface-panel) 98%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.6rem;box-shadow:var(--dui-shadow-sm);display:grid;gap:.4rem;min-width:12.5rem;padding:.5rem;position:absolute;right:0;top:calc(100% + .35rem);z-index:70}.app-page-header__overflow-menu .dui-button,.app-page-header__overflow-menu a{justify-content:flex-start;width:100%}.app-page-header__pills{display:flex;flex-wrap:wrap;gap:.42rem;list-style:none;max-height:3.5rem;margin:0;padding:0;transition:max-height .18s ease,opacity .14s ease,transform .18s ease}.app-page-pill{border:1px solid transparent;border-radius:999px;color:var(--dui-text-secondary);display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.03em;min-height:1.5rem;padding:.2rem .5rem}.app-page-pill.is-neutral{background:color-mix(in oklab,var(--dui-surface-elevated) 70%,transparent);border-color:color-mix(in oklab,var(--dui-border-subtle) 88%,transparent)}.app-page-pill.is-good{background:color-mix(in oklab,#22c55e 20%,transparent);border-color:color-mix(in oklab,#22c55e 32%,transparent)}.app-page-pill.is-warn{background:color-mix(in oklab,#f59e0b 24%,transparent);border-color:color-mix(in oklab,#f59e0b 34%,transparent)}.app-page-pill.is-danger{background:color-mix(in oklab,#ef4444 24%,transparent);border-color:color-mix(in oklab,#ef4444 34%,transparent)}.app-filterbar{background:color-mix(in oklab,var(--dui-surface-elevated) 64%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.72rem;display:grid;gap:.62rem;margin-bottom:.62rem;padding:.72rem}.app-filterbar__header{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:space-between}.app-filterbar__label{color:var(--dui-text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.app-filterbar__saved-view{align-items:center;color:var(--dui-text-secondary);display:inline-flex;font-size:.74rem;font-weight:600;gap:.42rem}.app-filterbar__saved-view select{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:.5rem;color:inherit;font:inherit;min-height:1.9rem;padding:0 .45rem}.app-filterbar__chips{display:flex;flex-wrap:wrap;gap:.42rem}.app-filter-chip{background:color-mix(in oklab,var(--dui-surface-panel) 84%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:999px;color:var(--dui-text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;min-height:1.7rem;padding:.22rem .55rem}.app-filter-chip.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 58%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 32%,transparent);color:var(--dui-text-primary)}.app-filterbar__grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.app-filterbar__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-collection-layout{display:grid;gap:.75rem;transition:grid-template-columns .22s ease}.app-collection-layout.has-detail{grid-template-columns:minmax(0,1.35fr) minmax(20rem,1fr)}.app-collection-layout.has-inspector{grid-template-columns:minmax(0,1.2fr) minmax(17rem,1fr) minmax(14rem,.65fr)}.app-route-frame--single-row .app-master-detail,.app-route-frame--single-row .app-collection-layout,.app-route-frame--single-row .app-render-detail-shell,.app-route-frame--single-row .app-version-panel{height:100%;min-height:0}.app-route-frame--single-row .app-collection-layout__collection,.app-route-frame--single-row .app-collection-layout__detail,.app-route-frame--single-row .app-collection-layout__inspector,.app-route-frame--single-row .app-render-detail-shell__main,.app-route-frame--single-row .app-render-detail-shell__inspector{min-height:0}.app-route-frame--single-row .app-inspector-panel{height:100%;max-height:100%;position:static;top:auto}.app-inspector-panel{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:.72rem;display:grid;gap:.62rem;max-height:calc(100dvh - 1rem);overflow:auto;padding:.7rem;position:sticky;top:.5rem}.app-inspector-panel__header{display:grid;gap:.22rem}.app-inspector-panel__header h2{font-size:.92rem;margin:0}.app-inspector-panel__header p{color:var(--dui-text-subtle);font-size:.74rem;margin:0}.app-inspector-panel__body{min-width:0}.app-overview-screen{display:grid;gap:.75rem}.app-overview-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.app-overview-card{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:.72rem;display:grid;gap:.6rem;min-width:0;padding:.72rem}.app-overview-card--wide{grid-column:1 / -1}.app-overview-card header{display:grid;gap:.24rem}.app-overview-card h2{font-size:.98rem;margin:0}.app-overview-card p{margin:0}.app-managed-by-platform{background:color-mix(in oklab,var(--dui-accent-soft) 56%,transparent);border:1px solid color-mix(in oklab,var(--dui-accent-base) 34%,transparent);border-radius:.62rem;color:var(--dui-text-primary);font-size:.78rem;margin:0;padding:.45rem .55rem}.app-impersonation-banner{align-items:start;background:color-mix(in oklab,#1d4ed8 14%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,#1d4ed8 42%,var(--dui-border-subtle));border-radius:.72rem;display:grid;gap:.38rem;margin:.72rem .72rem 0;padding:.56rem .62rem}.app-impersonation-banner--sidebar{border-radius:.72rem;margin:0;padding:.54rem .6rem;width:100%}.app-impersonation-banner__top{align-items:center;display:grid;gap:.56rem;grid-template-columns:minmax(0,1fr) auto}.app-impersonation-banner__copy{display:grid;gap:.12rem;min-width:0;overflow-wrap:anywhere}.app-impersonation-banner__copy strong{font-size:.82rem;font-weight:700;line-height:1.3}.app-impersonation-banner__copy span{color:var(--dui-text-secondary);font-size:.76rem;line-height:1.3}.app-impersonation-banner__actions{align-items:center;align-self:center;display:grid;gap:0;justify-items:end}.app-impersonation-banner--sidebar .app-impersonation-banner__actions{align-items:center;justify-items:end}.app-impersonation-banner__note{color:var(--dui-text-secondary);font-size:.76rem;line-height:1.3;margin:0;width:100%}.app-impersonation-banner__error{margin:0}@media(max-width:760px){.app-impersonation-banner__top{grid-template-columns:1fr}.app-impersonation-banner__actions{justify-items:start}}.app-master-detail{align-items:stretch;display:grid;gap:.75rem;height:100%;min-height:0;transition:grid-template-columns .22s ease}.app-master-detail__primary{height:100%;min-height:0;min-width:0}.app-master-detail.has-detail{grid-template-columns:minmax(0,1.65fr) minmax(23rem,1fr)}.app-data-panel h2,.app-data-panel h3{margin:0 0 .5rem}.app-data-panel h3{font-size:.9rem;margin-top:.75rem}.app-data-panel--table{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative;z-index:2}.app-platform-diagnostics{display:grid;gap:.62rem;grid-template-rows:auto minmax(11rem,.7fr) auto minmax(0,1fr);min-height:0}.app-platform-diagnostics>.app-data-panel-toolbar{margin-bottom:0}.app-platform-diagnostics>.app-data-table-wrap{height:100%;min-height:0}.app-platform-diagnostics>.app-data-table-meta{margin-top:0}.app-platform-diagnostics__bottom{min-height:0;overflow:auto}.app-platform-diagnostics__bottom .app-overview-grid{min-height:0}.app-platform-diagnostics__bottom .app-diagnostics-view{height:100%;min-height:0!important;overflow:auto}.app-data-panel-toolbar{align-content:start;display:grid;gap:.62rem;margin-bottom:.62rem}.app-panel-label{color:var(--dui-text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.app-filter-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.app-filter-grid--dense{grid-template-columns:repeat(auto-fit,minmax(8.2rem,1fr))}.app-filter-cell{min-width:0}.app-filter-actions{align-items:flex-end;display:inline-flex}.app-filter-actions .dui-button{width:100%}.app-data-table-wrap{border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.68rem;min-height:18rem;max-width:100%;overflow:auto}.app-data-panel--table .app-data-table-wrap{flex:1;min-height:0}.app-route-frame--single-row .app-data-panel--table .app-data-table-wrap{height:100%}.app-data-table-meta{align-items:center;color:var(--dui-text-subtle);display:flex;flex-wrap:wrap;font-size:.72rem;gap:.6rem;justify-content:space-between;margin-top:.5rem}.app-template-editor-workspace{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.app-template-editor-workspace>*{min-height:0}.app-template-editor-workspace--modern{border-radius:.82rem}.app-template-editor-workspace-toolbar{background:color-mix(in oklab,var(--dui-surface-elevated) 64%,transparent);border-bottom:1px solid color-mix(in oklab,var(--dui-border-subtle) 86%,transparent);display:grid;gap:.22rem;padding:.58rem .7rem}.app-template-editor-workspace-title{font-size:.84rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.app-template-editor-workspace-canvas{min-height:0}.app-template-editor-workspace-canvas>*{height:100%}.app-data-table{border-collapse:collapse;font-size:.76rem;min-width:100%;table-layout:auto;width:max(100%,max-content)}.app-data-table th,.app-data-table td{border-bottom:1px solid var(--dui-border-subtle);padding:.36rem .44rem;text-align:left;vertical-align:top;white-space:nowrap;width:auto}.app-data-table--comfortable th,.app-data-table--comfortable td{padding:.44rem .52rem}.app-data-table--compact th,.app-data-table--compact td{padding:.28rem .36rem}.app-data-table th{background:color-mix(in oklab,var(--dui-surface-panel) 96%,transparent);color:var(--dui-text-subtle);font-size:.68rem;letter-spacing:.08em;position:sticky;top:0;text-transform:uppercase;z-index:4}.app-data-th-button{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:inherit;font-weight:inherit;gap:.32rem;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit}.app-data-th-button.is-sorted{color:var(--dui-text-primary)}.app-data-th-indicator{color:var(--dui-text-subtle);font-size:.6rem;line-height:1}.app-data-table tbody tr{cursor:pointer}.app-data-table tbody tr.is-selected{background:color-mix(in oklab,var(--dui-accent-soft) 65%,transparent)}.app-data-table tbody tr.is-loading{cursor:default}.app-data-table-skeleton{background:linear-gradient(90deg,color-mix(in oklab,var(--dui-surface-elevated) 60%,transparent),color-mix(in oklab,var(--dui-surface-elevated) 84%,transparent),color-mix(in oklab,var(--dui-surface-elevated) 60%,transparent));background-size:220% 100%;border-radius:999px;display:inline-block;height:.7rem;min-width:5rem;width:72%;animation:app-table-skeleton 1.4s ease-in-out infinite}.app-data-table-density{display:inline-flex;gap:.26rem}.app-data-density-button{background:color-mix(in oklab,var(--dui-surface-elevated) 62%,transparent);border:1px solid var(--dui-border-subtle);border-radius:999px;color:var(--dui-text-secondary);cursor:pointer;font-size:.69rem;font-weight:600;line-height:1;min-height:1.5rem;padding:.24rem .5rem}.app-data-density-button.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 58%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 34%,transparent);color:var(--dui-text-primary)}.app-data-table td.app-version-db-cell{line-height:1.35;max-width:18rem;min-width:12rem;white-space:normal}.app-data-table td.app-log-message-cell{max-width:32rem;min-width:14rem;white-space:normal}.app-shell{--app-sidebar-active-bg: color-mix( in oklab, var(--dui-accent-soft) 46%, var(--dui-surface-panel) );--app-sidebar-active-border: color-mix( in oklab, var(--dui-accent-base) 28%, var(--dui-border-subtle) );--app-sidebar-active-rail: color-mix(in oklab, var(--dui-accent-base) 56%, transparent);--app-sidebar-active-icon: color-mix( in oklab, var(--dui-accent-strong) 84%, var(--dui-text-primary) );--app-sidebar-hover-bg: color-mix(in oklab, var(--dui-surface-elevated) 58%, transparent);--app-sidebar-icon-bg: transparent;--app-sidebar-icon-border: transparent;--app-sidebar-icon-color: var(--dui-text-subtle);--app-page-header-rail: var(--app-sidebar-active-rail);background:linear-gradient(180deg,color-mix(in oklab,var(--dui-surface-base) 98%,#f3f6fb),var(--dui-surface-base));display:grid;grid-template-columns:16.5rem minmax(0,1fr);min-height:100vh;transform-origin:center;transition:filter .24s ease,opacity .22s ease,transform .24s ease}.app-shell.is-auth-exit{filter:blur(6px);opacity:0;pointer-events:none;transform:translateY(8px) scale(.987)}.app-shell.is-sidebar-collapsed{grid-template-columns:4rem minmax(0,1fr)}.app-shell.is-resource-embed-route .app-main{padding:0}.app-shell.is-resource-embed-route .app-main-inner{gap:0}.app-shell.is-resource-embed-route .app-main-inner.dui-container{padding-left:0;padding-right:0}.app-sidebar{background:color-mix(in oklab,var(--dui-surface-panel) 98%,#f5f7fb);border-right:1px solid color-mix(in oklab,var(--dui-border-subtle) 86%,transparent);display:flex;flex-direction:column;gap:.76rem;overflow:hidden;padding:1rem .9rem .8rem;position:sticky;top:0;max-height:100vh;z-index:30}.app-shell[data-plane=platform]{--app-sidebar-active-bg: color-mix(in oklab, #1d4ed8 14%, var(--dui-surface-panel));--app-sidebar-active-border: color-mix(in oklab, #1d4ed8 30%, var(--dui-border-subtle));--app-sidebar-active-rail: color-mix(in oklab, #1d4ed8 58%, transparent);--app-sidebar-active-icon: color-mix(in oklab, #1d4ed8 72%, var(--dui-text-primary))}.app-shell[data-plane=platform] .app-page-header.is-page{border-color:color-mix(in oklab,#1d4ed8 32%,var(--dui-border-subtle))}.app-sidebar-brand{align-items:center;display:flex;gap:.45rem;justify-content:space-between;margin-bottom:.08rem;padding:.1rem .2rem .2rem}.app-sidebar-brand--collapsed{align-items:center;display:flex;flex-direction:column;gap:.35rem;justify-content:center;margin-bottom:.08rem;padding:0 0 .2rem}.app-sidebar-brandmark{align-items:center;color:inherit;display:inline-flex;gap:.5rem;text-decoration:none}.app-sidebar-brandmark:hover .app-sidebar-brand-name{color:var(--dui-text-primary)}.app-sidebar-logo{border-radius:.6rem;box-shadow:var(--dui-shadow-sm);display:block;height:2.15rem;width:2.15rem}.app-sidebar-logo--wordmark{border-radius:0;box-shadow:none;height:auto;margin-bottom:.36rem;margin-top:.36rem;width:9.8rem}.app-sidebar-brand-name{color:var(--dui-text-secondary);font-size:.98rem;font-weight:700;line-height:1;letter-spacing:.01em}.app-sidebar-eyebrow{margin:0;color:var(--dui-text-subtle);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-sidebar-title{margin:.35rem 0 0;font-size:1.05rem;line-height:1.2}.app-sidebar-subtitle{margin:.45rem 0 0;color:var(--dui-text-secondary);font-size:.8rem}.app-nav-group{display:flex;flex-direction:column;gap:.28rem}.app-nav-group-body{display:flex;flex-direction:column;gap:.26rem}.app-sidebar-quick-impersonation-card{background:color-mix(in oklab,#1d4ed8 9%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,#1d4ed8 30%,var(--dui-border-subtle));border-radius:.74rem;display:grid;gap:.45rem;min-width:0;overflow:hidden;padding:.58rem;width:100%}.app-sidebar-quick-impersonation-card .app-nav-group-label,.app-sidebar-quick-impersonation-card__subtitle{margin:0}.app-sidebar-quick-impersonation-header{align-items:center;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:.4rem;justify-content:space-between;margin:0;min-width:0;padding:0;text-align:left;width:100%}.app-sidebar-quick-impersonation-header__chevron{color:var(--dui-text-subtle);display:inline-flex;font-size:.84rem;line-height:1;transition:transform .16s ease}.app-sidebar-quick-impersonation-header__chevron.is-expanded{transform:rotate(180deg)}.app-sidebar-quick-impersonation-form{display:grid;gap:.46rem;min-width:0;width:100%}.app-sidebar-quick-impersonation-form .dui-field-label{font-size:.67rem;letter-spacing:.06em}.app-sidebar-quick-impersonation-form .dui-form-row,.app-sidebar-quick-impersonation-form .dui-select,.app-sidebar-quick-impersonation-form .dui-select-trigger,.app-sidebar-quick-impersonation-form .dui-input{min-width:0;width:100%}.app-sidebar-quick-impersonation-form .dui-select-trigger>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-quick-impersonation-submit{justify-content:center;width:100%}.app-sidebar-quick-impersonation-mode{display:grid;gap:.28rem}.app-sidebar-quick-impersonation-mode-toggle{background:color-mix(in oklab,var(--dui-surface-elevated) 52%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.58rem;display:grid;gap:.22rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.2rem}.app-sidebar-quick-impersonation-mode-button{background:transparent;border:1px solid transparent;border-radius:.48rem;color:var(--dui-text-secondary);cursor:pointer;font-size:.74rem;font-weight:700;min-height:1.8rem;padding:.24rem .36rem}.app-sidebar-quick-impersonation-mode-button:hover{color:var(--dui-text-primary)}.app-sidebar-quick-impersonation-mode-button.is-active{background:color-mix(in oklab,#1d4ed8 24%,var(--dui-surface-elevated));border-color:color-mix(in oklab,#1d4ed8 44%,var(--dui-border-subtle));color:var(--dui-text-primary)}.app-sidebar-quick-impersonation-error{margin:0}.app-nav-group--secondary,.app-nav-group--resources{margin-top:0;padding-top:.46rem}.app-nav-group-label{align-items:center;color:var(--dui-text-subtle);display:flex;font-size:.67rem;font-weight:700;gap:.42rem;letter-spacing:.12em;margin:0 0 .28rem;text-transform:uppercase}.app-nav-group-label:after{background:color-mix(in oklab,var(--dui-border-subtle) 72%,transparent);content:"";flex:1;height:1px}.app-nav-link{align-items:center;border:1px solid transparent;border-radius:.66rem;color:var(--dui-text-secondary);display:flex;font-size:.86rem;font-weight:600;min-height:2.2rem;padding:.3rem .56rem;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.app-nav-link-content{align-items:center;display:inline-flex;gap:.52rem;width:100%}.app-nav-icon{align-items:center;background:var(--app-sidebar-icon-bg);border:1px solid var(--app-sidebar-icon-border);border-radius:.3rem;color:var(--app-sidebar-icon-color);display:inline-flex;flex-shrink:0;height:1.02rem;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:1.02rem}.app-nav-icon svg{display:block;height:100%;width:100%}.app-nav-link:hover{background:var(--app-sidebar-hover-bg);border-color:color-mix(in oklab,var(--dui-border-subtle) 78%,transparent);color:var(--dui-text-primary)}.app-nav-link:hover .app-nav-icon{color:var(--dui-text-primary)}.app-nav-link.is-active{background:var(--app-sidebar-active-bg);border-color:var(--app-sidebar-active-border);box-shadow:inset 2.5px 0 0 var(--app-sidebar-active-rail);color:var(--dui-text-primary)}.app-nav-link.is-active .app-nav-icon{color:var(--app-sidebar-active-icon)}.app-sidebar-nav{display:flex;flex:1;flex-direction:column;gap:.34rem;min-height:0;overflow-y:auto;padding-right:.12rem}.app-sidebar-nav--collapsed{gap:.34rem;padding:0 .08rem}.app-sidebar-footer{border-top:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);display:grid;flex-shrink:0;gap:.6rem;margin-top:auto;min-width:0;padding-top:.62rem}.app-sidebar-footer-actions{display:grid;gap:.42rem;grid-template-columns:minmax(0,1fr) auto}.app-sidebar-collapse-zone{display:none;align-items:center;gap:.55rem;margin-top:auto;width:100%}.app-shell.is-sidebar-collapsed .app-sidebar{align-items:stretch;justify-content:flex-start;min-width:4rem;overflow:visible;padding:.9rem .58rem .74rem;width:4rem}.app-shell.is-sidebar-collapsed .app-sidebar-nav,.app-shell.is-sidebar-collapsed .app-sidebar-nav--collapsed{overflow:visible}.app-shell.is-sidebar-collapsed .app-sidebar-collapse-zone{display:grid;border-top:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);gap:.5rem;margin-top:.5rem;padding-top:.54rem}.app-shell.is-sidebar-collapsed .app-sidebar-brandmark{justify-content:center;width:100%}.app-shell.is-sidebar-collapsed .app-nav-group-label,.app-shell.is-sidebar-collapsed .app-nav-link-content span:last-child{display:none}.app-shell.is-sidebar-collapsed .app-nav-group,.app-shell.is-sidebar-collapsed .app-nav-group-body{align-items:center;gap:.22rem}.app-shell.is-sidebar-collapsed .app-nav-group--secondary,.app-shell.is-sidebar-collapsed .app-nav-group--resources{margin-top:0;padding-top:0;position:relative}.app-shell.is-sidebar-collapsed .app-nav-group--secondary:before,.app-shell.is-sidebar-collapsed .app-nav-group--resources:before{align-self:center;background:color-mix(in oklab,var(--dui-border-subtle) 78%,transparent);content:"";height:1px;margin:.18rem auto;width:1.3rem}.app-shell.is-sidebar-collapsed .app-nav-link{justify-content:center;min-height:2.4rem;padding:.32rem;width:2.48rem}.app-shell.is-sidebar-collapsed .app-nav-link-content{justify-content:center}.app-shell.is-sidebar-collapsed .app-nav-icon{height:1rem;width:1rem}.app-shell.is-sidebar-collapsed .app-nav-link.is-active{box-shadow:inset 0 2px 0 var(--app-sidebar-active-rail)}.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]{position:relative}.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:before,.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:after{opacity:0;pointer-events:none;position:absolute;transition:opacity .14s ease,transform .14s ease}.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:before{border:6px solid transparent;border-right-color:color-mix(in oklab,var(--dui-surface-elevated) 95%,var(--dui-surface-panel));content:"";left:calc(100% + .22rem);top:50%;transform:translateY(-50%) translate(-4px);z-index:179}.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:after{background:color-mix(in oklab,var(--dui-surface-elevated) 94%,var(--dui-surface-panel));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.52rem;box-shadow:var(--dui-shadow-sm);color:var(--dui-text-primary);content:attr(data-tooltip);font-size:.74rem;font-weight:600;left:calc(100% + .56rem);line-height:1.28;max-width:14rem;min-width:max-content;padding:.42rem .55rem;text-wrap:pretty;top:50%;transform:translateY(-50%) translate(-4px);white-space:normal;z-index:180}.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:hover:before,.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:hover:after,.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:focus-visible:before,.app-shell.is-sidebar-collapsed .app-sidebar [data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.app-sidebar-collapse-trigger{align-items:center;display:inline-flex;justify-content:center;min-height:2.35rem;min-width:2.35rem;padding:.4rem}.app-sidebar-collapse-item{display:grid;position:relative;width:100%}.app-sidebar-impersonation-indicator,.app-sidebar-quick-impersonation-indicator{align-items:center;display:inline-flex;justify-content:center;min-height:2.35rem;padding:.35rem;position:relative;width:100%}.app-sidebar-impersonation-indicator svg,.app-sidebar-quick-impersonation-indicator svg{display:block;height:1rem;width:1rem}.app-sidebar-quick-impersonation-indicator.is-active,.app-sidebar-impersonation-indicator.is-active{background:color-mix(in oklab,#1d4ed8 20%,var(--dui-surface-elevated));border-color:color-mix(in oklab,#1d4ed8 38%,var(--dui-border-subtle))}.app-sidebar-impersonation-indicator__dot{background:color-mix(in oklab,#1d4ed8 86%,transparent);border:1px solid color-mix(in oklab,var(--dui-surface-base) 92%,transparent);border-radius:999px;height:.5rem;position:absolute;right:.58rem;top:.5rem;width:.5rem}.app-sidebar-collapsed-popout{bottom:0;left:calc(100% + .55rem);max-height:calc(100vh - 2rem);overflow:auto;position:absolute;top:auto;width:min(18.5rem,calc(100vw - 5.5rem));z-index:160}.app-sidebar-collapsed-popout .app-sidebar-quick-impersonation-card,.app-sidebar-collapsed-popout .app-impersonation-banner--sidebar{box-shadow:none}.app-sidebar-collapsed-popout .app-impersonation-banner--sidebar{margin:0}.app-sidebar-collapse-trigger svg{display:block;height:1rem;width:1rem}.app-sidebar-collapse-trigger--expand{width:100%}.app-theme-select--vertical .dui-theme-toggle__group{align-items:center;display:flex;flex-direction:column;gap:.24rem;width:100%}.app-theme-select--vertical .dui-theme-toggle__button{width:100%}.app-sidebar-footer-section{background:color-mix(in oklab,var(--dui-surface-elevated) 54%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:.72rem;display:grid;gap:.55rem;min-width:0;padding:.56rem}.app-sidebar-footer-section--actions{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent)}.app-account-card{display:grid;gap:.12rem}.app-account-label{color:var(--dui-text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.app-account-email{color:var(--dui-text-primary);font-size:.83rem;font-weight:600;margin:.18rem 0 0;overflow-wrap:anywhere}.app-account-preferences{display:grid;gap:.5rem}.app-account-signout,.app-account-login{justify-content:center;width:100%}.app-body{display:flex;flex-direction:column;min-height:100vh}.app-language-select,.app-theme-select,.app-theme-select .dui-theme-toggle__group{min-width:100%}.app-main{display:flex;flex:1;min-height:100vh;padding:1rem 0}.app-main-inner{display:flex;flex:1;flex-direction:column;gap:.95rem;min-height:100%}.app-main-inner.dui-container{margin:0;max-width:none;padding-left:1rem;padding-right:1rem;width:100%}.app-getting-started{align-items:stretch;background-image:linear-gradient(145deg,#f4f8ff57,#f1f6ff1f),url(https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=2400&q=80);background-position:65% center;background-size:cover;border:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,#ffffff 16%);border-radius:var(--dui-radius-xl);box-shadow:var(--dui-shadow-md);display:flex;height:100%;min-height:calc(100dvh - 2rem);overflow:hidden;padding:0}:root.dark .app-getting-started{background-image:linear-gradient(155deg,color-mix(in oklab,#0f172a 58%,transparent),color-mix(in oklab,#0b1220 48%,transparent)),url(https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=2400&q=80);border-color:color-mix(in oklab,var(--dui-border-subtle) 92%,#0a111d 8%)}.app-getting-started__panel{align-content:start;align-items:start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dui-surface-base) 88%,transparent);border:none;border-radius:inherit;display:grid;flex:1;gap:.55rem;max-width:none;min-height:100%;width:100%;padding:clamp(1rem,2.2vw,1.35rem)}.app-getting-started__eyebrow{color:var(--dui-text-subtle);font-size:.74rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.app-getting-started__panel h1{font-size:clamp(1.5rem,2vw + .8rem,2.2rem);line-height:1.12;margin:0}.app-getting-started__panel p{color:var(--dui-text-secondary);margin:0;max-width:64ch}.app-home{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);padding:1rem}.app-version-hero{display:grid;gap:.72rem;padding:.95rem 1rem}.app-version-hero__copy{display:grid;gap:.44rem}.app-version-hero h1,.app-version-hero__subtitle{margin:0}.app-version-hero__actions{gap:.62rem}.app-home h1,.app-home h2{margin:0 0 .5rem}.app-home p{margin:0;color:var(--dui-text-secondary)}.app-studio-screen{display:flex;flex-direction:column;gap:.8rem;height:calc(100dvh - 2rem);min-height:0;overflow:hidden}.app-studio-toolbar{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.6rem;padding:.8rem}.app-studio-toolbar h2{margin:0;font-size:1.08rem}.app-login-shell{background-image:linear-gradient(145deg,#f4f8ff57,#f1f6ff1f),url(https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=2400&q=80);background-position:65% center;background-size:cover;border:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,#ffffff 16%);border-radius:var(--dui-radius-xl);box-shadow:var(--dui-shadow-md);width:100%;display:grid;gap:0;grid-template-columns:minmax(22rem,1.03fr) minmax(24rem,1fr);height:calc(100dvh - 2rem);min-height:calc(100dvh - 2rem);overflow:hidden;transform-origin:center;transition:filter .28s ease,opacity .22s ease,transform .28s ease}:root.dark .app-login-shell{background-image:linear-gradient(155deg,color-mix(in oklab,#0f172a 58%,transparent),color-mix(in oklab,#0b1220 48%,transparent)),url(https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=2400&q=80);border-color:color-mix(in oklab,var(--dui-border-subtle) 92%,#0a111d 8%)}.app-login-shell.is-exiting{filter:blur(6px);opacity:0;transform:translateY(8px) scale(.987)}.app-login-page{min-height:100dvh;padding:1rem;width:100%}.app-login-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dui-surface-base) 88%,transparent);border-right:1px solid var(--dui-border-subtle);display:grid;gap:1rem;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:1rem 1.1rem .9rem}.app-login-panel__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.app-login-brand{align-items:center;display:inline-flex;gap:.55rem}.app-login-brand__logo{display:block;height:auto;width:10.4rem}.app-login-panel__controls{align-items:center;display:inline-flex;gap:.45rem}.app-login-language{min-width:8.2rem}.app-login-theme .dui-theme-toggle__group{min-width:7rem}.app-login-theme .dui-theme-toggle__label{display:none}.app-login-panel__body{align-content:center;justify-items:center;display:grid;gap:1rem;margin:0}.app-login-panel__copy{display:grid;gap:.4rem;width:min(100%,24rem)}.app-login-panel__copy h1{margin:0}.app-login-panel__copy p{color:var(--dui-text-secondary);margin:0}.app-login-form{display:grid;gap:.74rem;width:min(100%,24rem)}.app-login-input{width:100%;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.app-login-input.is-invalid{border-color:color-mix(in oklab,var(--dui-danger-base) 72%,var(--dui-border-subtle));box-shadow:0 0 0 3px color-mix(in oklab,var(--dui-danger-base) 18%,transparent)}.app-login-submit{justify-content:center;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.app-login-hint{color:var(--dui-text-subtle);font-size:.78rem;margin:0;width:min(100%,24rem)}.app-login-panel__footer{align-items:flex-end;color:var(--dui-text-subtle);display:flex;font-size:.74rem;justify-content:space-between;margin-top:auto;padding-top:.5rem}.app-login-legal-links{display:inline-flex;gap:.7rem}.app-login-legal-links a{color:var(--dui-text-secondary);text-decoration:none;transition:color .16s ease}.app-login-legal-links a:hover{color:var(--dui-text-primary);text-decoration:underline}.app-login-visual{background:transparent;min-height:0}@media(max-width:1120px){.app-login-shell{grid-template-columns:1fr}.app-login-visual{display:none}}.app-login-error{color:var(--dui-danger-base);font-size:.83rem}@media(prefers-reduced-motion:reduce){.app-login-shell{transition:none}}.app-inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:.48rem}.app-inline-form--stacked{align-items:flex-start;display:grid}.app-inline-form input,.app-inline-form select{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:.55rem;color:var(--dui-text-primary);min-height:2.2rem;padding:.48rem .6rem}.app-inline-form button{background:var(--dui-surface-elevated);border:1px solid var(--dui-border-subtle);border-radius:.55rem;color:var(--dui-text-primary);cursor:pointer;min-height:2.2rem;padding:.45rem .72rem}.app-list{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.app-list li{align-items:center;background:color-mix(in oklab,var(--dui-surface-panel) 92%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.58rem;display:flex;flex-wrap:wrap;gap:.5rem;padding:.52rem}.app-list--compact li{background:transparent;border:none;border-radius:0;color:var(--dui-text-secondary);padding:0}.app-muted{color:var(--dui-text-subtle);font-size:.78rem}.app-master-detail__detail{align-self:stretch;background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);height:100%;max-height:100%;min-height:0;overflow:auto;padding:.9rem;position:static;top:auto;z-index:28}@keyframes app-right-detail-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.app-master-detail__detail,.app-collection-layout__detail,.app-collection-layout__inspector,.app-version-layout__detail,.app-render-detail-shell__inspector,.app-inspector-panel{animation:app-right-detail-enter .22s cubic-bezier(.2,.8,.2,1) both;transform-origin:top right}.app-master-detail__detail .dui-tabs{margin-bottom:.62rem}.app-render-detail-shell{align-items:start;column-gap:.72rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(14.5rem,17.5rem)}.app-render-detail-shell__main{display:grid;gap:.72rem;min-width:0}.app-render-detail-shell__inspector{align-self:start}.app-render-detail-shell__actions .dui-button{width:100%}.app-render-detail-shell__rerun-controls{align-items:center;background:color-mix(in oklab,var(--dui-surface-elevated) 62%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 86%,transparent);border-radius:.66rem;gap:.56rem;padding:.58rem}.app-render-detail-shell__rerun-capture{align-items:center;display:inline-flex;gap:.35rem;min-height:2.2rem}.app-render-detail-shell__links{display:grid;gap:.3rem;margin-top:.62rem}.app-render-detail-shell__links a{color:var(--dui-text-secondary);font-size:.78rem;text-decoration:none}.app-render-detail-shell__links a:hover{color:var(--dui-text-primary);text-decoration:underline}.app-template-detail{display:grid;gap:.8rem}.app-template-detail__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between}.app-template-detail__header h2{margin:.24rem 0 .22rem}.app-template-detail__content{display:grid;gap:.66rem}.app-template-detail__panel{background:color-mix(in oklab,var(--dui-surface-elevated) 62%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,transparent);border-radius:.72rem;display:grid;gap:.48rem;padding:.72rem}.app-template-detail__panel h3{margin:0}.app-template-editor-screen{display:grid;gap:.72rem;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem);min-height:0;overflow:hidden}.app-template-editor-screen>.template-composer{height:100%;max-height:100%;min-height:0;overflow:hidden}.app-template-editor-header{align-items:flex-start;background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;padding:.75rem .8rem}.app-template-editor-header h2{margin:.24rem 0 .22rem}.app-template-editor-layout{display:grid;flex:1;gap:.72rem;grid-template-columns:minmax(12.5rem,15.5rem) minmax(0,1fr) minmax(13.5rem,17rem);min-height:0}.app-template-editor-layout--modern{grid-template-columns:minmax(11.5rem,14rem) minmax(0,1fr) minmax(12rem,15rem)}.app-template-editor-panel{align-content:start;background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.56rem;min-height:0;overflow:auto;padding:.7rem}.app-template-editor-panel--left,.app-template-editor-panel--right{position:sticky;top:.5rem}.app-template-editor-panel h3{margin:0}.app-template-editor-preview-actions{border-top:1px solid color-mix(in oklab,var(--dui-border-subtle) 84%,transparent);margin-top:.18rem;padding-top:.52rem}.app-template-editor-kpi-grid{display:grid;gap:.45rem}.app-template-editor-kpi{background:color-mix(in oklab,var(--dui-surface-elevated) 58%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 82%,transparent);border-radius:.58rem;display:grid;gap:.08rem;padding:.45rem .5rem}.app-template-editor-kpi__label{color:var(--dui-text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.app-template-editor-kpi__value{font-size:.82rem;font-weight:600;margin:0}.app-template-editor-checklist{display:grid;gap:.42rem;list-style:none;margin:0;padding:0}.app-template-editor-checklist li{background:color-mix(in oklab,var(--dui-surface-elevated) 52%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 80%,transparent);border-radius:.56rem;display:grid;gap:.14rem;padding:.46rem .52rem}.app-template-editor-checklist li strong{font-size:.79rem}.app-template-editor-checklist li span{color:var(--dui-text-subtle);font-size:.74rem}.app-template-editor-checklist li.is-done{border-color:color-mix(in oklab,#22c55e 32%,transparent)}.app-version-db-meta{display:block;margin-top:.14rem}.app-version-panel{background:var(--dui-surface-panel);border:1px solid var(--dui-border-subtle);border-radius:var(--dui-radius-lg);display:grid;gap:.65rem;padding:.86rem}.app-version-layout{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);min-height:0;transition:grid-template-columns .22s ease}.app-version-layout.has-detail{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem)}.app-version-layout__main{display:grid;gap:.75rem;min-height:0}.app-version-layout__detail{min-height:0}.app-version-panel h2{margin:0}.app-version-panel .app-data-table-wrap{height:auto;max-height:none;min-height:0;overflow:hidden}.app-version-table{border-collapse:separate;border-spacing:0;width:100%}.app-version-table th,.app-version-table td{vertical-align:top}.app-version-table thead th{background-clip:padding-box}.app-version-table thead th:first-child{border-top-left-radius:.68rem}.app-version-table thead th:last-child{border-top-right-radius:.68rem}.app-version-table tbody tr:last-child td{border-bottom:0}.app-version-table tbody tr.is-selected{background:color-mix(in oklab,var(--dui-accent-soft) 65%,transparent)}.app-version-runtime-cell{max-width:26rem;white-space:normal}.app-version-cell-stack{display:grid;gap:.14rem;min-width:0}.app-version-cell-stack__primary{color:var(--dui-text-primary);font-weight:600;overflow-wrap:anywhere}.app-version-cell-stack__line{color:var(--dui-text-secondary);font-size:.76rem;overflow-wrap:anywhere}.app-status-pill{border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.14rem .42rem;text-transform:lowercase}.app-status-pill.is-ok{background:color-mix(in oklab,#22c55e 22%,transparent);color:color-mix(in oklab,#14532d 72%,var(--dui-text-primary))}.app-status-pill.is-loading{background:color-mix(in oklab,#f59e0b 26%,transparent);color:color-mix(in oklab,#7c2d12 68%,var(--dui-text-primary))}.app-status-pill.is-error{background:color-mix(in oklab,#ef4444 22%,transparent);color:color-mix(in oklab,#7f1d1d 72%,var(--dui-text-primary))}.app-json-block{background:linear-gradient(155deg,color-mix(in oklab,var(--dui-code-bg) 78%,var(--dui-surface-elevated)),color-mix(in oklab,var(--dui-code-bg) 92%,#0b1220));border:1px solid color-mix(in oklab,var(--dui-border-subtle) 72%,var(--dui-code-border));border-radius:.5rem;color:var(--dui-code-text);font-family:var(--dui-font-mono);font-size:.75rem;line-height:1.45;margin:0;overflow:auto hidden;padding:.62rem}.app-json-preview{display:grid;gap:.45rem}.app-json-preview__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.app-json-preview__header h3,.app-json-preview__body{margin:0}.app-run-timeline{display:grid;gap:.56rem;list-style:none;margin:0;padding:0}.app-run-timeline__item{display:grid;gap:.64rem;grid-template-columns:auto minmax(0,1fr)}.app-run-timeline__dot{align-self:flex-start;background:color-mix(in oklab,var(--dui-accent-base) 70%,transparent);border:2px solid color-mix(in oklab,var(--dui-surface-panel) 78%,transparent);border-radius:999px;box-shadow:0 0 0 3px color-mix(in oklab,var(--dui-accent-soft) 44%,transparent);display:block;height:.72rem;margin-top:.46rem;width:.72rem}.app-run-timeline__content{background:color-mix(in oklab,var(--dui-surface-elevated) 64%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.62rem;display:grid;gap:.48rem;padding:.58rem .62rem}.app-run-timeline__header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.42rem}.app-timeline-step-button{background:color-mix(in oklab,var(--dui-surface-panel) 90%,transparent);border:1px solid color-mix(in oklab,var(--dui-border-subtle) 88%,transparent);border-radius:999px;color:var(--dui-text-primary);cursor:pointer;font-size:.72rem;font-weight:700;line-height:1;min-height:1.55rem;padding:.2rem .45rem}.app-timeline-step-button.is-active{background:color-mix(in oklab,var(--dui-accent-soft) 58%,transparent);border-color:color-mix(in oklab,var(--dui-accent-base) 30%,transparent)}.app-run-timeline__time{color:var(--dui-text-subtle);font-size:.74rem;margin-left:auto}.app-run-timeline__meta{margin:0;max-height:10.5rem}.app-log-context{background:color-mix(in oklab,var(--dui-surface-elevated) 64%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.62rem;padding:.62rem}.app-log-context__list{display:grid;gap:.44rem;margin:0}.app-log-context__list div{align-items:baseline;display:grid;gap:.35rem;grid-template-columns:minmax(5.8rem,auto) minmax(0,1fr)}.app-log-context__list dt{color:var(--dui-text-subtle);font-size:.74rem;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.app-log-context__list dd{margin:0;overflow-wrap:anywhere}.app-log-context__message dd{white-space:pre-wrap}.app-screenshot-grid{display:grid;gap:.58rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.app-screenshot-card{background:color-mix(in oklab,var(--dui-surface-elevated) 64%,transparent);border:1px solid var(--dui-border-subtle);border-radius:.62rem;display:grid;gap:.45rem;margin:0;overflow:hidden;padding:.5rem}.app-screenshot-card img{aspect-ratio:16 / 10;border-radius:.45rem;display:block;height:auto;object-fit:cover;width:100%}.app-screenshot-card figcaption{display:grid;font-size:.72rem;gap:.18rem}.app-compare-screenshots{display:grid;gap:.62rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.app-code-token-key{color:color-mix(in oklab,#93c5fd 84%,var(--dui-code-text))}.app-code-token-string{color:color-mix(in oklab,#86efac 82%,var(--dui-code-text))}.app-code-token-number{color:color-mix(in oklab,#fdba74 84%,var(--dui-code-text))}.app-code-token-boolean{color:color-mix(in oklab,#f0abfc 80%,var(--dui-code-text))}.app-code-token-null{color:color-mix(in oklab,#c4b5fd 78%,var(--dui-code-text))}.app-embedded-site{display:flex;flex:1;min-height:0;width:100%}.app-embedded-site__frame-wrap{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.app-embedded-site__frame{background:transparent;border:0;display:block;flex:1;height:100%;min-height:0;opacity:0;transition:opacity .14s ease;width:100%}.app-embedded-site__frame.is-ready{opacity:1}.app-embedded-site__loading,.app-embedded-site__error{align-items:center;background:var(--dui-surface-base);display:flex;gap:.58rem;inset:0;justify-content:center;padding:1rem;position:absolute}.app-embedded-site__error{flex-direction:column}.app-embedded-site__error p{margin:0}@keyframes app-table-skeleton{0%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:1280px){.app-route-frame--single-row{height:auto;max-height:none;overflow:visible}.app-route-frame--single-row .app-route-frame__content{overflow:visible}.app-master-detail,.app-master-detail.has-detail,.app-collection-layout,.app-collection-layout.has-detail,.app-collection-layout.has-inspector,.app-version-layout,.app-version-layout.has-detail{grid-template-columns:1fr}.app-master-detail__primary{min-height:0}.app-data-panel--table{height:auto;min-height:0;overflow:visible}.app-platform-diagnostics{grid-template-rows:auto minmax(10rem,.7fr) auto minmax(14rem,1fr)}.app-platform-diagnostics__bottom{min-height:14rem}.app-data-panel--table .app-data-table-wrap{max-height:min(62vh,42rem)}.app-master-detail__detail{max-height:none;min-height:0;overflow:visible;position:static;padding:1rem;top:auto;z-index:auto}.app-render-detail-shell{grid-template-columns:1fr}.app-inspector-panel{max-height:none;position:static}.app-template-editor-screen{height:calc(100dvh - 1rem);min-height:0}.app-template-editor-layout{grid-template-columns:1fr}.app-template-editor-panel--left,.app-template-editor-panel--right{position:static;top:auto}.app-page-header__actions{justify-items:start}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--dui-border-subtle);max-height:none;position:static}.app-sidebar-footer{margin-top:0}}