:root{--color-studio-chrome: #1d1c1a;--color-studio-panel: #262523;--color-studio-raised: #2f2d2a;--color-studio-field: #191817;--color-studio-board: #141413;--color-studio-hover: #34322e;--color-studio-selected: #3e3525;--color-studio-line: #393733;--color-studio-line-control: #857f75;--color-studio-ink: #ecebe7;--color-studio-ink-secondary: #bdb9af;--color-studio-ink-muted: #aaa59a;--color-studio-accent: #e5b860;--color-studio-accent-hover: #f5c870;--color-studio-accent-ink: #1a1815;--color-studio-checker-a: #393835;--color-studio-checker-b: #2d2c2a;--color-studio-doc-edge: #55524c;--color-studio-tooltip: #0c0c0b;--color-studio-tooltip-ink: #f2f0ea;--color-studio-info: #1b2a38;--color-studio-info-ink: #bcd7f3;--color-studio-info-line: #2d4a66;--color-studio-warning: #352a12;--color-studio-warning-ink: #f0d48c;--color-studio-warning-line: #5c4a1f;--color-studio-danger-ink: #f2a39b}[data-contrast=high]{--color-studio-chrome: #000000;--color-studio-panel: #0a0a0a;--color-studio-raised: #161616;--color-studio-field: #000000;--color-studio-board: #000000;--color-studio-hover: #2a2a2a;--color-studio-selected: #3d3100;--color-studio-line: #6e6e6e;--color-studio-line-control: #bdbdbd;--color-studio-ink: #ffffff;--color-studio-ink-secondary: #f2f2f2;--color-studio-ink-muted: #dedede;--color-studio-accent: #f7d075;--color-studio-accent-hover: #ffe08a;--color-studio-accent-ink: #000000;--color-studio-checker-a: #2b2b2b;--color-studio-checker-b: #1c1c1c;--color-studio-doc-edge: #a0a0a0;--color-studio-tooltip: #000000;--color-studio-tooltip-ink: #ffffff;--color-studio-info: #00213f;--color-studio-info-ink: #ffffff;--color-studio-info-line: #7ab8ff;--color-studio-warning: #2e2300;--color-studio-warning-ink: #ffffff;--color-studio-warning-line: #f7d075;--color-studio-danger-ink: #ffb4ab}.ts-kbd{display:inline-block;min-width:1.75rem;padding:.0625rem .4375rem;border:1px solid var(--color-line-strong);border-radius:.3125rem;background:var(--color-surface-secondary);color:var(--color-ink-primary);font-family:var(--font-mono);font-size:.875rem;text-align:center;white-space:nowrap}.ts-page{container:ts-page / inline-size}.ts-studio{--ts-dock-w: 19rem;--ts-library-w: 18.75rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-studio-chrome);color:var(--color-studio-ink);color-scheme:dark;font-size:.75rem;line-height:1.35}@container ts-page (min-width: 64rem){.ts-studio{height:100dvh;min-height:36rem}}.ts-studio *,.ts-studio *:before,.ts-studio *:after{box-sizing:border-box}.ts-studio [hidden]{display:none!important}.ts-studio :focus-visible{outline:2px solid var(--color-studio-accent);outline-offset:1px}.ts-studio button,.ts-studio input,.ts-studio select{font:inherit}.ts-icon{width:1rem;height:1rem;flex-shrink:0}.ts-icon--sm{width:.875rem;height:.875rem}.ts-icon--rot90{transform:rotate(90deg)}.ts-studio [data-tooltip]:after{background-color:var(--color-studio-tooltip);color:var(--color-studio-tooltip-ink);box-shadow:0 0 0 1px var(--color-studio-line)}.ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:1.75rem;padding:0 .625rem;border:1px solid var(--color-studio-line-control);border-radius:.25rem;background:var(--color-studio-raised);color:var(--color-studio-ink);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer}.ts-btn:hover{background:var(--color-studio-hover)}.ts-btn[aria-pressed=true]{background:var(--color-studio-selected);border-color:var(--color-studio-accent)}.ts-btn:disabled,.ts-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ts-btn--primary{background:var(--color-studio-accent);border-color:var(--color-studio-accent);color:var(--color-studio-accent-ink);font-weight:600}.ts-btn--primary:hover{background:var(--color-studio-accent-hover);border-color:var(--color-studio-accent-hover)}.ts-btn--ghost{border-color:transparent;background:transparent;color:var(--color-studio-ink-secondary)}.ts-btn--ghost:hover{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;padding:0;border:0;border-radius:.25rem;background:transparent;color:var(--color-studio-ink-secondary);cursor:pointer}.ts-iconbtn:hover{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-iconbtn[aria-pressed=true]{background:var(--color-studio-selected);color:var(--color-studio-accent)}.ts-iconbtn.is-on{color:var(--color-studio-accent)}.ts-iconbtn:disabled,.ts-iconbtn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.ts-menubar{position:relative;z-index:20;display:flex;align-items:center;gap:.125rem;min-height:2.5rem;padding:.25rem .5rem .25rem .75rem;background:var(--color-studio-chrome);border-bottom:1px solid var(--color-studio-line)}.ts-menubar__brand{display:flex;margin:0 .375rem 0 0;font-size:.875rem;font-weight:600;line-height:1}.ts-menubar__home{display:inline-flex;align-items:center;gap:.5rem;min-height:1.75rem;padding:0 .5rem 0 .25rem;border-radius:.25rem;color:var(--color-studio-ink);text-decoration:none;white-space:nowrap}.ts-menubar__home:hover{background:var(--color-studio-hover)}.ts-menubar__home .ts-icon{color:var(--color-studio-accent)}.ts-menubar__spacer{flex:1 1 auto}.ts-menubar [data-tooltip]:after{top:calc(100% + .375rem);bottom:auto}.ts-a11y{display:flex}.ts-a11y>div>button{width:1.75rem;height:1.75rem;border-radius:.25rem;color:var(--color-studio-ink-secondary)}.ts-a11y>div>button:hover{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-a11y>div>button svg{width:1rem;height:1rem}.ts-menu{position:relative}.ts-menu__button{min-height:1.75rem;padding:0 .5625rem;border:0;border-radius:.25rem;background:transparent;color:var(--color-studio-ink-secondary);font-size:.75rem;cursor:pointer}.ts-menu__button:hover,.ts-menu__button[aria-expanded=true]{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-menu__list{position:absolute;top:calc(100% + .25rem);left:0;z-index:40;min-width:min(16.5rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem);margin:0;padding:.25rem;list-style:none;background:var(--color-studio-raised);border:1px solid var(--color-studio-line-control);border-radius:.375rem;box-shadow:0 .75rem 2rem #00000073}.ts-menu__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:1.75rem;padding:0 .625rem;border:0;border-radius:.25rem;background:transparent;color:var(--color-studio-ink);font-size:.75rem;text-align:left;text-decoration:none;cursor:pointer}.ts-menu__item:hover,.ts-menu__item:focus-visible{background:var(--color-studio-selected)}.ts-menu__item:focus-visible{outline-offset:-2px}.ts-menu__item[aria-disabled=true]{color:var(--color-studio-ink-muted);cursor:default}.ts-menu__item[aria-disabled=true]:hover{background:transparent}.ts-menu__shortcut,.ts-menu__external{color:var(--color-studio-ink-muted);font-size:.6875rem}.ts-menu__separator{height:1px;margin:.25rem .375rem;background:var(--color-studio-line)}.ts-popover{position:absolute;top:calc(100% + .25rem);right:0;z-index:40;display:flex;flex-direction:column;gap:.75rem;width:19.5rem;max-width:calc(100vw - 1rem);padding:.875rem;background:var(--color-studio-raised);border:1px solid var(--color-studio-line-control);border-radius:.5rem;box-shadow:0 .875rem 2.125rem #00000073}.ts-popover__title{margin:0;font-size:.875rem;font-weight:600}.ts-popover__submit{min-height:2rem}.ts-legal{margin:0;padding-top:.625rem;border-top:1px solid var(--color-studio-line);font-size:.75rem;line-height:1.5;color:var(--color-studio-ink-muted)}.ts-error{margin:0;color:var(--color-studio-danger-ink)}.ts-link{color:var(--color-studio-ink-secondary);text-decoration:underline;text-underline-offset:2px}.ts-link:hover{color:var(--color-studio-ink)}.ts-options{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-height:2.5rem;padding:.25rem .75rem;background:var(--color-studio-panel);border-bottom:1px solid var(--color-studio-line);white-space:nowrap}.ts-options__group{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-width:0;flex:1 1 auto}.ts-options [data-tooltip]:after{top:calc(100% + .375rem);bottom:auto}.ts-options__tool{display:inline-flex;align-items:center;gap:.375rem;font-weight:600}.ts-options__hint{flex:1 1 auto;min-width:0;margin:0 0 0 auto;overflow:hidden;text-overflow:ellipsis;text-align:right;color:var(--color-studio-ink-muted)}.ts-options__note{margin:0;white-space:normal;color:var(--color-studio-ink-muted)}.ts-sep{width:1px;height:1.25rem;flex-shrink:0;background:var(--color-studio-line)}.ts-field{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-studio-ink-secondary)}.ts-value{display:inline-flex;align-items:center;justify-content:flex-end;min-width:3rem;height:1.5rem;padding:0 .375rem;border:1px solid var(--color-studio-line);border-radius:.1875rem;background:var(--color-studio-field);color:var(--color-studio-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.ts-range{width:7rem;margin:0;accent-color:var(--color-studio-accent)}.ts-range--fill{flex:1 1 auto;width:auto;min-width:0}.ts-input,.ts-select{min-height:1.75rem;padding:0 .5rem;border:1px solid var(--color-studio-line-control);border-radius:.25rem;background:var(--color-studio-field);color:var(--color-studio-ink);font-size:.75rem}.ts-input{width:100%}.ts-input::placeholder{color:var(--color-studio-ink-muted)}.ts-color{width:2.125rem;height:1.5rem;padding:0;border:1px solid var(--color-studio-line-control);border-radius:.1875rem;background:var(--color-studio-field);cursor:pointer}.ts-check{display:flex;align-items:center;gap:.5rem;color:var(--color-studio-ink);cursor:pointer}.ts-check input{width:.9375rem;height:.9375rem;margin:0;accent-color:var(--color-studio-accent)}.ts-seg{display:inline-flex;flex-shrink:0;min-inline-size:0;margin:0;padding:0;border:1px solid var(--color-studio-line-control);border-radius:.25rem;overflow:hidden;background:var(--color-studio-field)}.ts-seg__option{position:relative;display:inline-flex;margin:0}.ts-seg__option+.ts-seg__option{border-left:1px solid var(--color-studio-line)}.ts-seg__option input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.ts-seg__option span{display:inline-flex;align-items:center;justify-content:center;gap:.3125rem;min-width:1.875rem;min-height:1.625rem;padding:0 .5625rem;color:var(--color-studio-ink-secondary);cursor:pointer}.ts-seg__option:hover span{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-seg__option input:checked+span{background:var(--color-studio-selected);color:var(--color-studio-accent)}.ts-seg__option input:focus-visible+span{outline:2px solid var(--color-studio-accent);outline-offset:-2px}.ts-notice{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:.5rem .625rem;border:1px solid;border-radius:.3125rem;font-size:.75rem;line-height:1.45}.ts-notice--info{background:var(--color-studio-info);border-color:var(--color-studio-info-line);color:var(--color-studio-info-ink)}.ts-notice--warning{background:var(--color-studio-warning);border-color:var(--color-studio-warning-line);color:var(--color-studio-warning-ink)}.ts-note{margin:0;font-size:.75rem;line-height:1.45;color:var(--color-studio-ink-muted)}.ts-body{display:grid;grid-template-columns:auto auto minmax(0,1fr) var(--ts-dock-w);grid-template-rows:minmax(0,1fr);min-height:0}.ts-body>.ts-rail{grid-column:1;grid-row:1}.ts-body>.ts-library{grid-column:2;grid-row:1}.ts-body>.ts-board{grid-column:3;grid-row:1}.ts-body>.ts-dock{grid-column:4;grid-row:1}.ts-rail{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:3.25rem;padding:.5rem 0;background:var(--color-studio-chrome);border-right:1px solid var(--color-studio-line)}.ts-rail__sep{width:1.75rem;height:1px;flex-shrink:0;margin:.3125rem 0;background:var(--color-studio-line)}.ts-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:2.5rem;height:2.5rem;flex-shrink:0;padding:0;border:0;border-radius:.3125rem;background:transparent;color:var(--color-studio-ink-secondary);cursor:pointer}.ts-tool:hover{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-tool[aria-pressed=true]{background:var(--color-studio-selected);color:var(--color-studio-accent)}.ts-tool .ts-icon{width:1.1875rem;height:1.1875rem}.ts-tool__label{display:none;font-size:.6875rem;font-weight:500;line-height:1}@container ts-page (min-width: 64rem){.ts-rail [data-tooltip]:after{top:50%;bottom:auto;left:calc(100% + .5rem);transform:translateY(-50%)}}.ts-library{display:flex;flex-direction:column;width:var(--ts-library-w);min-height:0;background:var(--color-studio-panel);border-right:1px solid var(--color-studio-line)}.ts-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.875rem;padding:0 .75rem;background:var(--color-studio-raised);border-bottom:1px solid var(--color-studio-line)}.ts-panel__title{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-studio-ink-muted)}.ts-panel__meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-studio-ink-secondary)}.ts-tabs{display:flex;flex-shrink:0;gap:.125rem;padding:0 .5rem;border-bottom:1px solid var(--color-studio-line);overflow-x:auto}.ts-tab{min-height:2.125rem;padding:0 .5625rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-studio-ink-secondary);font-weight:500;white-space:nowrap;cursor:pointer}.ts-tab:hover{color:var(--color-studio-ink)}.ts-tab[aria-selected=true]{border-bottom-color:var(--color-studio-accent);color:var(--color-studio-ink)}.ts-library__filters{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.625rem .75rem .5rem}.ts-library__import{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:.375rem;padding:.625rem .75rem;border-bottom:1px solid var(--color-studio-line)}.ts-search{position:relative;display:block}.ts-search__icon{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);color:var(--color-studio-ink-muted);pointer-events:none}.ts-search .ts-input{padding-left:1.75rem}.ts-chips{display:flex;flex-wrap:wrap;gap:.3125rem}.ts-chip{min-height:1.5rem;padding:0 .5625rem;border:1px solid var(--color-studio-line-control);border-radius:999px;background:transparent;color:var(--color-studio-ink-secondary);font-size:.75rem;cursor:pointer}.ts-chip:hover{background:var(--color-studio-hover);color:var(--color-studio-ink)}.ts-chip[aria-pressed=true]{background:var(--color-studio-selected);border-color:var(--color-studio-accent);color:var(--color-studio-ink)}.ts-library__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 .75rem .75rem}.ts-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ts-library__empty{margin:0;line-height:1.45;color:var(--color-studio-ink-secondary)}.ts-library__footer{display:flex;flex-shrink:0;align-items:center;gap:.375rem;padding:.625rem .75rem;border-top:1px solid var(--color-studio-line)}.ts-library__hint{flex:1 1 auto;min-width:0;color:var(--color-studio-ink-muted)}.ts-tile{display:flex;flex-direction:column;gap:.3125rem;min-width:0;padding:.3125rem;border:1px solid var(--color-studio-line);border-radius:.3125rem;background:var(--color-studio-field);color:var(--color-studio-ink);font-size:.75rem;text-align:left;cursor:pointer}.ts-tile:hover{border-color:var(--color-studio-line-control)}.ts-tile[aria-pressed=true]{border-color:var(--color-studio-accent);box-shadow:0 0 0 1px var(--color-studio-accent)}.ts-tile__thumb{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:.1875rem;background-color:var(--color-studio-checker-b);background-image:repeating-conic-gradient(var(--color-studio-checker-a) 0% 25%,transparent 0% 50%);background-size:.625rem .625rem}.ts-tile__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;hyphens:auto;line-height:1.25}.ts-board{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:var(--color-studio-board);container-type:size}.ts-fit{flex-shrink:0;width:min(100cqw - 3rem,100cqh - 3rem);aspect-ratio:1;pointer-events:none}.ts-artboard{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;background-color:var(--color-studio-checker-b);background-image:repeating-conic-gradient(var(--color-studio-checker-a) 0% 25%,transparent 0% 50%);background-size:1.25rem 1.25rem;box-shadow:0 0 0 1px var(--color-studio-doc-edge),0 .625rem 1.875rem #00000059}.ts-stage{position:absolute;inset:0;touch-action:none}.ts-zoom{position:absolute;right:.625rem;bottom:.625rem;z-index:1;display:flex;align-items:center;gap:.125rem;padding:.1875rem;background:var(--color-studio-panel);border:1px solid var(--color-studio-line);border-radius:.375rem;box-shadow:0 .25rem .75rem #00000059}.ts-zoom__value{min-width:3.25rem;color:var(--color-studio-ink-secondary);font-variant-numeric:tabular-nums;text-align:center}.ts-zoom__fit{min-height:1.75rem;padding:0 .5rem}.ts-zoom [data-tooltip]:last-child:after{left:auto;right:0;transform:none}.ts-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.ts-empty__card{display:flex;flex-direction:column;align-items:center;gap:.875rem;width:min(100%,24rem);padding:1.5rem 1.625rem;text-align:center;pointer-events:auto;background:var(--color-studio-panel);border:1px dashed var(--color-studio-line-control);border-radius:.625rem;box-shadow:0 .75rem 2rem #00000059}.ts-empty__icon{width:1.75rem;height:1.75rem;color:var(--color-studio-ink-muted)}.ts-empty__text{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-studio-ink)}.ts-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.ts-empty__actions .ts-btn{min-height:2rem}.ts-dock{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--color-studio-panel);border-left:1px solid var(--color-studio-line)}.ts-sheet-tabs{display:none}.ts-panel{display:flex;flex-direction:column;flex-shrink:0;border-bottom:1px solid var(--color-studio-line)}.ts-panel--props{flex-shrink:1;min-height:6rem;overflow-y:auto}.ts-panel--layers{flex:1 1 auto;min-height:14rem;border-bottom:0}.ts-panel__body{display:flex;flex-direction:column;gap:.625rem;padding:.625rem .75rem .75rem}.ts-row{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.ts-label{flex-shrink:0;color:var(--color-studio-ink-secondary)}.ts-label--fixed{width:4.5rem}.ts-subhead{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-studio-ink-muted)}.ts-section{display:flex;flex-direction:column;gap:.5625rem}.ts-section+.ts-section{padding-top:.75rem;border-top:1px solid var(--color-studio-line)}.ts-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.ts-asset{display:flex;align-items:center;gap:.625rem}.ts-asset__thumb{width:2.75rem;height:2.75rem;flex-shrink:0;object-fit:contain;border:1px solid var(--color-studio-line);border-radius:.25rem;background-color:var(--color-studio-checker-b);background-image:repeating-conic-gradient(var(--color-studio-checker-a) 0% 25%,transparent 0% 50%);background-size:.5rem .5rem}.ts-asset__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.ts-layer-toolbar{display:flex;flex-shrink:0;align-items:center;gap:.5rem;padding:.4375rem .625rem;border-bottom:1px solid var(--color-studio-line)}.ts-layer-toolbar .ts-select{flex:1 1 auto;min-width:0}.ts-layer-toolbar .ts-range{width:4rem}.ts-layers{flex:1 1 auto;min-height:0;margin:0;padding:.375rem;overflow-y:auto;list-style:none}.ts-layer{display:flex;align-items:center;gap:.375rem;min-height:2.375rem;padding:0 .25rem;border-radius:.25rem}.ts-layer:hover{background:var(--color-studio-hover)}.ts-layer.is-selected{background:var(--color-studio-selected)}.ts-layer__thumb{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;flex-shrink:0;overflow:hidden;border:1px solid var(--color-studio-line);border-radius:.1875rem;background-color:var(--color-studio-checker-b);background-image:repeating-conic-gradient(var(--color-studio-checker-a) 0% 25%,transparent 0% 50%);background-size:.375rem .375rem;color:var(--color-studio-ink-secondary)}.ts-layer__thumb img{display:block;width:100%;height:100%;object-fit:contain}.ts-layer__name{flex:1 1 auto;min-width:0;min-height:2.25rem;padding:0 .25rem;border:0;background:transparent;color:var(--color-studio-ink);font-size:.75rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ts-layer.is-hidden .ts-layer__name{color:var(--color-studio-ink-muted)}.ts-layer__rename{flex:1 1 auto;min-width:0}.ts-layers__empty{margin:0;padding:.75rem;color:var(--color-studio-ink-muted)}.ts-layer-footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:.125rem;min-height:2.125rem;padding:0 .5rem;border-top:1px solid var(--color-studio-line)}.ts-layer-footer [data-tooltip]:last-child:after{left:auto;right:0;transform:none}.ts-status{display:flex;align-items:center;gap:.875rem;min-height:1.625rem;padding:.125rem .75rem;background:var(--color-studio-chrome);border-top:1px solid var(--color-studio-line);font-size:.75rem;color:var(--color-studio-ink-muted);white-space:nowrap;overflow:hidden}.ts-status__hint{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-studio-ink-secondary)}.ts-status__end{margin-left:auto}@container ts-page (max-width: 63.999rem){.ts-studio{grid-template-rows:auto auto 1fr auto}.ts-body{display:flex;flex-direction:column}.ts-board{order:1;padding:1rem;container-type:inline-size}.ts-fit{width:min(100cqw,32rem)}.ts-rail{order:2;flex-direction:row;width:auto;padding:.375rem;gap:.125rem;overflow-x:auto;border-right:0;border-top:1px solid var(--color-studio-line);border-bottom:1px solid var(--color-studio-line)}.ts-rail__sep{width:1px;height:2rem;margin:0 .25rem}.ts-tool{width:auto;min-width:3.75rem;height:3.25rem;padding:0 .375rem}.ts-tool__label{display:block}.ts-rail [data-tooltip]:after{content:none}.ts-library{order:3;width:auto;max-height:28rem;border-right:0}.ts-dock{order:4;border-left:0}.ts-studio.has-library .ts-dock{display:none}.ts-sheet-tabs{display:flex;border-bottom:1px solid var(--color-studio-line)}.ts-sheet-tab{flex:1 1 0;min-height:2.75rem;padding:0 .5rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-studio-ink-secondary);font-size:.875rem;font-weight:500;cursor:pointer}.ts-sheet-tab[aria-pressed=true]{border-bottom-color:var(--color-studio-accent);color:var(--color-studio-ink)}.ts-studio[data-ts-sheet=layers] .ts-dock>.ts-panel:not(.ts-panel--layers),.ts-studio[data-ts-sheet=props] .ts-dock>.ts-panel:not(.ts-panel--props),.ts-studio[data-ts-sheet=token] .ts-dock>.ts-panel:not(.ts-panel--token){display:none}.ts-dock .ts-panel__header{display:none}.ts-panel--props{overflow:visible}.ts-layers{max-height:16rem}.ts-menubar__secondary{display:none}.ts-menubar__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ts-menubar__home{min-height:2.25rem;padding:0 .375rem}.ts-menubar{flex-wrap:wrap;row-gap:.25rem;padding-left:.375rem}.ts-menubar .ts-menu__button{padding:0 .4375rem}.ts-menubar [data-ts-export]{margin-left:auto}.ts-menubar [data-ts-export-toggle]{padding:0 .5rem}.ts-menubar [data-ts-export-toggle] .ts-icon:last-child{display:none}.ts-menu__button{min-height:2.25rem}.ts-menu__item{min-height:2.5rem}.ts-iconbtn,.ts-a11y>div>button{width:2.5rem;height:2.5rem}.ts-btn{min-height:2.25rem}.ts-layer{min-height:2.75rem}.ts-status{flex-wrap:wrap;white-space:normal}.ts-options__hint,.ts-options__tool,.ts-options .ts-sep{display:none}@media(hover:none){.ts-options{flex-wrap:nowrap;overflow-x:auto}.ts-options__group{flex-wrap:nowrap}}}