.thw-workspace{gap:var(--thw-space-sm);display:grid}.thw-workspace-canvas{border:var(--thw-border-width-thick) dashed var(--thw-color-border);border-radius:var(--thw-radius-lg);background:var(--thw-color-surface-sunken);min-height:28rem;position:relative;overflow:hidden}.thw-panel{border:var(--thw-border-width-hairline) solid var(--thw-color-border-strong);border-radius:var(--thw-radius-md);background:var(--thw-color-surface-raised);min-width:0;color:var(--thw-color-on-surface-raised);box-shadow:var(--thw-elevation-1);flex-direction:column;display:flex;position:absolute;overflow:hidden}.thw-panel:focus-visible{outline:var(--thw-focus-ring-width) solid var(--thw-color-focus-ring);outline-offset:var(--thw-focus-ring-offset);box-shadow:0 0 0 var(--thw-focus-ring-offset) var(--thw-color-focus-ring-inner)}.thw-panel--grabbed{box-shadow:var(--thw-elevation-2)}.thw-panel--collapsed{height:auto}.thw-panel--fullscreen{z-index:20;border-radius:0;width:auto;height:auto;inset:0}.thw-panel__header{justify-content:space-between;align-items:center;gap:var(--thw-space-sm);padding:var(--thw-space-2xs) var(--thw-space-sm);background:var(--thw-color-primary-soft);color:var(--thw-color-on-primary-soft);cursor:grab;touch-action:none;display:flex}.thw-panel__title{font-size:var(--thw-font-size-sm);font-weight:var(--thw-font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.thw-panel__actions{gap:var(--thw-space-3xs);flex:none;display:flex}.thw-panel__body{padding:var(--thw-space-sm);flex:auto;overflow:auto}.thw-panel__empty{color:var(--thw-color-muted);margin:0}.thw-panel__resize{border-right:var(--thw-border-width-accent) solid var(--thw-color-border-strong);border-bottom:var(--thw-border-width-accent) solid var(--thw-color-border-strong);cursor:nwse-resize;touch-action:none;width:1.25rem;height:1.25rem;position:absolute;bottom:0;right:0}.thw-floating{border:var(--thw-border-width-hairline) solid var(--thw-color-border-strong);border-radius:var(--thw-radius-md);background:var(--thw-color-surface-raised);min-width:12rem;color:var(--thw-color-on-surface-raised);box-shadow:var(--thw-elevation-2);z-index:90;flex-direction:column;display:flex;position:fixed;overflow:hidden}.thw-floating:focus-visible{outline:var(--thw-focus-ring-width) solid var(--thw-color-focus-ring);outline-offset:var(--thw-focus-ring-offset)}.thw-floating__header{align-items:center;gap:var(--thw-space-xs);padding:var(--thw-space-2xs) var(--thw-space-sm);background:var(--thw-color-primary-strong);color:var(--thw-color-on-primary-strong);cursor:grab;touch-action:none;display:flex}.thw-floating__title{font-size:var(--thw-font-size-sm);font-weight:var(--thw-font-weight-bold);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;overflow:hidden}.thw-floating__handle{cursor:move}.thw-floating__body{padding:var(--thw-space-sm);flex:auto;overflow:auto}.thw-floating__resize{border-right:var(--thw-border-width-accent) solid var(--thw-color-border-strong);border-bottom:var(--thw-border-width-accent) solid var(--thw-color-border-strong);cursor:nwse-resize;touch-action:none;width:1.25rem;height:1.25rem;position:absolute;bottom:0;right:0}.thw-stack{gap:var(--thw-space-sm);display:grid}.thw-stack__item{border:var(--thw-border-width-hairline) solid var(--thw-color-border);border-radius:var(--thw-radius-md);background:var(--thw-color-surface-raised);color:var(--thw-color-on-surface-raised);overflow:hidden}.thw-workspace-panel{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;container-type:inline-size}.thw-workspace-panel__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-width:0;min-height:0;overflow:auto}.thw-stack__header{border-radius:var(--thw-radius-md) var(--thw-radius-md) 0 0}.thw-stack__body{padding:var(--thw-space-sm)}.thw-workspace--mobile{align-content:start;gap:var(--thw-space-sm);overscroll-behavior:contain;scrollbar-width:thin;min-width:0;height:100%;min-height:0;display:grid;overflow:auto}.thw-mobile-workspace__controls{gap:var(--thw-space-2xs);z-index:var(--thw-z-nav);background:var(--thw-color-surface);display:grid;position:sticky;top:0}.thw-mobile-workspace__controls .thw-mobile-workspace__picker{position:static}.thw-mobile-workspace__quick{gap:var(--thw-space-2xs);padding:var(--thw-space-2xs) var(--thw-space-3xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.thw-mobile-workspace__quick button{align-items:center;gap:var(--thw-space-3xs);min-height:var(--thw-control-min-size);border:var(--thw-border-width-hairline) solid var(--thw-color-border-strong);border-radius:var(--thw-radius-pill);background:var(--thw-color-surface-raised);color:var(--thw-color-on-surface-raised);padding:var(--thw-space-3xs) var(--thw-space-sm);font:inherit;font-size:var(--thw-font-size-xs);white-space:nowrap;cursor:pointer;flex:none;display:inline-flex}.thw-mobile-workspace__quick button[aria-pressed=true]{border-color:var(--thw-color-selected-border);background:var(--thw-color-selected-surface);color:var(--thw-color-on-selected-surface);font-weight:var(--thw-font-weight-bold)}.thw-mobile-workspace__quick button:focus-visible{outline:var(--thw-focus-ring-width) solid var(--thw-color-focus-ring);outline-offset:var(--thw-focus-ring-offset)}.thw-mobile-workspace__quick-icon{align-items:center;display:inline-flex}.thw-mobile-workspace__quick-icon svg{width:1rem;height:1rem}.thw-mobile-workspace__picker{gap:var(--thw-space-2xs);z-index:var(--thw-z-nav);padding:var(--thw-space-xs);border:var(--thw-border-width-hairline) solid var(--thw-color-border);border-radius:var(--thw-radius-md);background:var(--thw-color-surface-raised);color:var(--thw-color-on-surface-raised);box-shadow:var(--thw-elevation-1);font-weight:var(--thw-font-weight-bold);display:grid;position:sticky;top:0}.thw-mobile-workspace__picker select{width:100%;min-height:var(--thw-control-min-size);border:var(--thw-border-width-hairline) solid var(--thw-color-border-strong);border-radius:var(--thw-radius-sm);padding:var(--thw-control-padding-block) var(--thw-control-padding-inline);color:var(--thw-color-on-select-surface);background:var(--thw-color-select-surface);font:inherit}.thw-mobile-workspace__active{min-height:min(36rem,100dvh - 14rem)}.thw-workspace--mobile .thw-screen-head__description{display:none}.thw-workspace--mobile .thw-stack__header,.thw-workspace--mobile .thw-stack__body{padding:var(--thw-space-xs)}.thw-workspace--mobile .thw-mobile-workspace__picker>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.thw-workspace-demo{gap:var(--thw-space-md);display:grid}.thw-workspace-demo__controls{align-items:end;gap:var(--thw-space-sm);flex-wrap:wrap;display:flex}.thw-workspace-demo__field{gap:var(--thw-space-2xs);font-weight:var(--thw-font-weight-bold);display:grid}@media (pointer:coarse){.thw-panel__resize,.thw-floating__resize{width:var(--thw-control-min-size);height:var(--thw-control-min-size)}}@media (prefers-reduced-motion:no-preference){.thw-panel,.thw-floating{transition:box-shadow var(--thw-motion-duration-fast) var(--thw-motion-easing-standard)}}.thw-flex-workspace-canvas{isolation:isolate;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.thw-workspace :is(.flexlayout__layout,.flexlayout__layout_main,.flexlayout__tabset,.flexlayout__tabset_content){min-width:0;min-height:0}.thw-workspace .flexlayout__layout{--color-text:var(--thw-color-on-surface);--color-background:var(--thw-color-surface);--color-base:var(--thw-color-surface);--color-1:var(--thw-color-surface-raised);--color-2:var(--thw-color-surface-sunken);--color-3:var(--thw-color-surface-raised);--color-4:var(--thw-color-border);--color-5:var(--thw-color-border-strong);--color-6:var(--thw-color-border-strong);--color-icon:var(--thw-color-muted);--color-overflow:var(--thw-color-muted);--color-focus:var(--thw-color-focus-ring);--font-family:inherit;--font-size:var(--thw-font-size-sm);--color-tabset-background:var(--thw-color-surface-sunken);--color-tabset-background-selected:var(--thw-color-surface);--color-tabset-background-maximized:var(--thw-color-surface-sunken);--color-tabset-divider-line:var(--thw-color-border);--color-tab-content:var(--thw-color-surface);--color-tab-selected:var(--thw-color-on-surface);--color-tab-selected-background:var(--thw-color-surface-raised);--color-tab-unselected:var(--thw-color-muted);--color-tab-unselected-background:transparent;--color-tab-textbox:var(--thw-color-on-surface);--color-tab-textbox-background:var(--thw-color-surface-raised);--color-border-background:var(--thw-color-surface-sunken);--color-border-divider-line:var(--thw-color-border);--color-border-tab-content:var(--thw-color-surface);--color-border-tab-selected:var(--thw-color-on-surface);--color-border-tab-selected-background:var(--thw-color-surface-raised);--color-border-tab-unselected:var(--thw-color-muted);--color-border-tab-unselected-background:transparent;--color-splitter:var(--thw-color-border);--color-splitter-hover:var(--thw-color-primary);--color-splitter-drag:var(--thw-color-primary);--color-splitter-handle:var(--thw-color-border-strong);--color-drag-rect-border:var(--thw-color-primary);--color-drag-rect-background:var(--thw-color-primary-soft);--color-drag-rect:var(--thw-color-on-primary-soft);--color-popup-border:var(--thw-color-border-strong);--color-popup-unselected:var(--thw-color-on-surface);--color-popup-unselected-background:var(--thw-color-surface-raised);--color-popup-selected:var(--thw-color-on-primary-soft);--color-popup-selected-background:var(--thw-color-primary-soft);--color-toolbar-button-hover:var(--thw-color-primary-soft);--color-float-window-header-background:var(--thw-color-primary-soft)}.thw-workspace .flexlayout__tab_button:focus-visible,.thw-workspace .flexlayout__border_button:focus-visible{outline:var(--thw-focus-ring-width) solid var(--thw-color-focus-ring);outline-offset:var(--thw-focus-ring-offset)}.thw-workspace .flexlayout__tab_button,.thw-workspace .flexlayout__border_button{min-height:var(--thw-control-min-size)}.thw-workspace .flexlayout__tab_button{border-radius:var(--thw-radius-xs) var(--thw-radius-xs) 0 0;padding:var(--thw-space-2xs) var(--thw-space-sm);gap:var(--thw-space-2xs);font-size:var(--thw-font-size-xs);letter-spacing:.01em;position:relative}.thw-workspace .flexlayout__tab_button--selected{font-weight:var(--thw-font-weight-bold);background-image:var(--thw-tab-active-backdrop);box-shadow:inset 0 -3px 0 var(--thw-color-accent), inset 0 0 0 1px color-mix(in srgb, var(--thw-color-accent) 22%, transparent)}.thw-workspace .flexlayout__tab_button--unselected:hover{background:var(--thw-color-surface-raised)}.thw-workspace .flexlayout__tabset_tabbar_outer{min-height:var(--thw-control-min-size);border-bottom:var(--thw-border-width-hairline) solid var(--thw-color-border)}.thw-workspace .flexlayout__border_inner{min-height:var(--thw-control-min-size)}.thw-workspace .flexlayout__tabset_tabbar_outer_top{padding-inline:var(--thw-space-2xs)}.thw-workspace .flexlayout__tab_toolbar{gap:var(--thw-space-2xs);padding-inline:var(--thw-space-2xs) var(--thw-space-xs)}.thw-workspace .flexlayout__tab_button_trailing,.thw-workspace .flexlayout__tab_toolbar_button,.thw-workspace .flexlayout__border_button_trailing,.thw-workspace .flexlayout__border_toolbar_button{width:var(--thw-control-min-size);height:var(--thw-control-min-size);min-width:var(--thw-control-min-size);min-height:var(--thw-control-min-size);border-radius:var(--thw-radius-xs);justify-content:center;align-items:center}.thw-workspace .flexlayout__tab_button_trailing{opacity:.55;transition:opacity .12s,background .12s;visibility:visible!important}.thw-workspace .flexlayout__tab_button_trailing:hover,.thw-workspace .flexlayout__tab_button--selected .flexlayout__tab_button_trailing{opacity:1}.thw-workspace :is(.flexlayout__tab_button_trailing,.flexlayout__border_button_trailing){color:var(--thw-color-danger)}.thw-workspace :is(.flexlayout__tab_button_trailing,.flexlayout__border_button_trailing):hover{color:var(--thw-color-danger);background:var(--thw-color-danger-soft)}.thw-workspace .flexlayout__tab_toolbar_button:hover{background:var(--thw-color-primary-soft)}.thw-workspace .flexlayout__tab_button_trailing:focus-visible,.thw-workspace .flexlayout__tab_toolbar_button:focus-visible{outline:var(--thw-focus-ring-width) solid var(--thw-color-focus-ring);outline-offset:calc(-1 * var(--thw-focus-ring-width))}.thw-workspace .flexlayout__popup_menu_item{min-height:var(--thw-control-min-size);padding:var(--thw-space-2xs) var(--thw-space-sm);border-radius:var(--thw-radius-xs);align-items:center;display:flex}.thw-workspace .flexlayout__splitter{position:relative}.thw-workspace .flexlayout__splitter:after{content:"";border-radius:var(--thw-radius-pill);background:var(--thw-color-border-strong);opacity:.8;margin:auto;position:absolute;inset:0}.thw-workspace .flexlayout__splitter_horz:after{width:2px;height:1.6rem}.thw-workspace .flexlayout__splitter_vert:after{width:1.6rem;height:2px}.thw-workspace .flexlayout__splitter:hover:after,.thw-workspace .flexlayout__splitter_drag:after{background:var(--thw-color-on-primary);opacity:1}.thw-workspace .flexlayout__tab_button_content{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thw-workspace .flexlayout__tab_button_leading{margin-right:var(--thw-space-2xs);align-items:center;display:inline-flex}.thw-tab-icon{color:var(--thw-color-muted);align-items:center;display:inline-flex}.thw-tab-icon svg{width:1rem;height:1rem}.thw-workspace .flexlayout__tab_button--selected .thw-tab-icon{color:var(--thw-color-primary)}.thw-workspace .flexlayout__tab{padding:var(--thw-density-section-gap);overflow:hidden}.thw-workspace .flexlayout__tab_moveable{min-width:0;height:100%;min-height:0;overflow:hidden}.thw-workspace .flexlayout__tab>*{min-width:0;max-width:100%}.thw-workspace .flexlayout__tab :is(div,section,article,aside,header,footer,form,dl,ol,ul,li,table,p,h1,h2,h3,h4,h5){min-width:0}.thw-workspace .flexlayout__tab :is(h1,h2,h3,h4,h5,p,small,strong,dt,dd,li,label,legend,caption,td,th,time,code){overflow-wrap:anywhere}.thw-workspace .flexlayout__tab .thw-status-pill{overflow-wrap:normal}.thw-workspace .flexlayout__tab :is(h1,h2){font-size:1.05rem;line-height:1.3}@media (max-width:64rem){.thw-workspace .flexlayout__tab{padding:var(--thw-density-section-gap)}}.thw-workspace.thw-workspace--flex{flex-direction:column;gap:0;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.thw-workspace.thw-workspace--flex>.thw-flex-workspace-canvas{flex:1 1 0;min-height:0}