.tile-shell{background:var(--t-card);min-width:0;height:100%;min-height:0;color:var(--t-ink);flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.tile-shell>*{height:auto!important;top:auto!important}.tile-shell>.tile-shell__body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.tile-shell__header{align-items:center;gap:var(--t-space-3);min-height:56px;padding:var(--t-space-3) var(--t-space-4);border-bottom:1px solid var(--t-line);background:var(--t-card);font-family:var(--t-font-ui);flex:none;display:flex}.tile-shell__icon>svg{width:16px;height:16px}.tile-shell__titles{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.tile-shell__title,.tile-shell__purpose{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tile-shell__actions{align-items:center;gap:var(--t-space-2);flex:none;margin-left:auto;display:flex}.tile-shell__status,.tile-shell__primary{align-items:center;gap:var(--t-space-2);display:inline-flex}.tile-shell__status:empty,.tile-shell__primary:empty{display:none}.tile-shell__primary>:not(:first-child){display:none!important}.tile-shell-primary>svg{width:16px;height:16px}.tile-shell-more{display:inline-flex;position:relative}.tile-shell-more__panel{top:calc(100% + var(--t-space-1));z-index:60;min-width:220px;max-width:320px;padding:var(--t-space-2);background:var(--t-card);color:var(--t-ink);border:1px solid var(--t-line);border-radius:var(--t-radius);box-shadow:var(--t-shadow);gap:var(--t-space-1);flex-direction:column;display:flex;position:absolute;right:0}.tile-shell-more__panel[data-open="0"]{visibility:hidden;pointer-events:none}.tile-shell-more__panel[data-open="0"] [data-testid=send-feedback-dialog]{visibility:visible;pointer-events:auto}.tile-shell-more__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tile-shell-more__item{width:100%;min-height:32px;padding:var(--t-space-1) var(--t-space-2);border-radius:calc(var(--t-radius) - 2px);color:var(--t-ink);font:600 13px/20px var(--t-font-ui);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.tile-shell-more__item:hover:not(:disabled){background:var(--t-hover)}.tile-shell-more__item:disabled{opacity:.55;cursor:default}.tile-shell-more__detail{font:400 12px/16px var(--t-font-ui);color:var(--t-muted)}.tile-shell-more__controls{align-items:stretch;gap:var(--t-space-1);flex-direction:column;display:flex}.tile-shell-more__controls:empty{display:none}.tile-shell-more__list+.tile-shell-more__controls:not(:empty){border-top:1px solid var(--t-line);padding-top:var(--t-space-2)}.tile-shell-more__controls>.tile-header-controls-row{align-items:stretch;gap:var(--t-space-1);flex-direction:column;margin:0}.tile-shell-more__controls button{justify-content:flex-start;width:100%}.tile-shell__views,.tile-shell__filters{align-items:center;gap:var(--t-space-2);padding:var(--t-space-2) var(--t-space-4);border-bottom:1px solid var(--t-line);background:var(--t-card);flex-wrap:wrap;flex:none;display:flex}.tile-shell__views:empty,.tile-shell__filters:empty{display:none}.tile-shell__filters{z-index:3;position:relative}.tile-shell-segmented{align-self:flex-start}.tile-shell-filters__group,.tile-shell-filters--inline{align-items:center;gap:var(--t-space-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.tile-shell-filters__group+.tile-shell-filters__group{flex:0 auto}.tile-shell-chip{align-items:center;gap:var(--t-space-1);min-height:28px;padding:0 var(--t-space-3);border:1px solid var(--t-line);border-radius:var(--t-radius-pill);background:var(--t-card);color:var(--t-muted);font:600 12px/16px var(--t-font-ui);white-space:nowrap;cursor:pointer;display:inline-flex}.tile-shell-chip:hover:not(:disabled){color:var(--t-ink);background:var(--t-hover)}.tile-shell-chip[aria-pressed=true]{background:var(--t-brand-soft);color:var(--t-brand);border-color:color-mix(in srgb, var(--t-brand) 40%, var(--t-line))}.tile-shell-chip:focus-visible{outline:2px solid var(--t-brand);outline-offset:1px}.tile-shell-chip:disabled{opacity:.5;cursor:default}.tile-shell-count{font-family:var(--t-font-numbers);font-variant-numeric:tabular-nums;color:inherit;opacity:.8;font-size:12px}.tile-shell-phone-head{align-items:center;gap:var(--t-space-2);min-height:52px;padding:var(--t-space-1) calc(var(--t-space-4) + env(safe-area-inset-right,0px)) var(--t-space-1) calc(var(--t-space-4) + env(safe-area-inset-left,0px));background:var(--t-ground);color:var(--t-ink);box-sizing:border-box;max-width:100%;display:flex}.tile-shell__purpose--phone{min-width:0;font:400 13px/18px var(--t-font-ui);color:var(--t-muted);flex:auto}.tile-shell__purpose-spacer{flex:auto}.tile-shell-phone-head .tile-shell-primary--phone{height:44px;min-height:44px;padding:0 var(--t-space-3)}.tile-shell-more__button--phone{border-radius:var(--t-radius-pill);border:1px solid var(--t-line);background:var(--t-card);width:44px;height:44px;color:var(--t-ink);cursor:pointer;touch-action:manipulation;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tile-shell-phone-bars{top:calc(env(safe-area-inset-top,0px) + var(--mob-phone-bar-height,56px));z-index:30;background:var(--t-ground);max-width:100%;position:sticky}.tile-shell__views--phone,.tile-shell__filters--phone{padding:var(--t-space-1) calc(var(--t-space-4) + env(safe-area-inset-right,0px)) var(--t-space-1) calc(var(--t-space-4) + env(safe-area-inset-left,0px));background:var(--t-ground);border-bottom:0}.tile-shell__views--phone{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tile-shell__views--phone::-webkit-scrollbar{display:none}.tile-shell-chips{gap:var(--t-space-2);flex-wrap:nowrap;min-width:0;display:flex}.tile-shell__views--phone .tile-shell-chip,.tile-shell__filters--phone .tile-shell-chip{min-height:44px;padding:0 var(--t-space-4);font-size:14px}.tile-shell-sheet-list{margin:0;padding:0;list-style:none}.tile-shell-sheet-row{width:100%;min-height:56px;padding:var(--t-space-2) var(--t-space-1);border:0;border-bottom:1px solid var(--t-line);color:var(--t-ink);font:600 16px/22px var(--t-font-ui);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}.tile-shell-sheet-row:disabled{opacity:.55;cursor:default}.tile-shell-sheet-row__detail{font:400 13px/18px var(--t-font-ui);color:var(--t-muted)}.tile-shell__body .t-tile-header .t-tile-header__icon,.tile-shell__body .t-tile-header .t-tile-title:not(input):not([data-shell-keep]),.tile-shell__body [data-tile-own-title]{display:none!important}.tile-shell__body .t-tile-header:not(:has(button,input,select,a,[role=tab],[role=button])){display:none!important}.t-table{border-collapse:separate;border-spacing:0;width:100%;font:400 13px/20px var(--t-font-ui);color:var(--t-ink)}.t-table thead th{height:32px;padding:0 var(--t-space-3);text-align:left;font:600 11px/16px var(--t-font-numbers);letter-spacing:.06em;text-transform:uppercase;color:var(--t-muted);background:var(--t-card-2);border-bottom:1px solid var(--t-line);white-space:nowrap}.t-table tbody td{height:40px;padding:0 var(--t-space-3);border-bottom:1px solid var(--t-line);vertical-align:middle}.t-table tbody tr:hover td{background:var(--t-hover)}.t-table tbody tr[aria-selected=true] td,.t-table tbody tr[data-selected=true] td{background:var(--t-brand-soft)}.t-table td.t-num,.t-table th.t-num{text-align:right;font-family:var(--t-font-numbers);font-variant-numeric:tabular-nums}.t-card-pad{padding:var(--t-space-4)}.t-empty{justify-content:center;align-items:center;gap:var(--t-space-3);padding:var(--t-space-8) var(--t-space-6);text-align:center;color:var(--t-ink);flex-direction:column;display:flex}.t-empty__icon{border-radius:var(--t-radius-pill);background:var(--t-hover);width:48px;height:48px;color:var(--t-muted);justify-content:center;align-items:center;display:inline-flex}.t-empty__icon>svg{width:22px;height:22px}.t-empty__line{max-width:36ch;font:600 15px/20px var(--t-font-ui);color:var(--t-ink);margin:0}.t-empty__detail{max-width:40ch;font:400 13px/20px var(--t-font-ui);color:var(--t-muted);margin:0}.t-empty--phone .t-empty__action .t-btn{min-height:44px}.t-skeleton-list{gap:var(--t-space-2);padding:var(--t-space-3);flex-direction:column;display:flex}.t-skeleton-row{align-items:center;gap:var(--t-space-3);padding:var(--t-space-3);border:1px solid var(--t-line);border-radius:var(--t-radius);background:var(--t-card);display:flex}.t-skeleton-dot{border-radius:var(--t-radius-pill);background:var(--t-hover);flex-shrink:0;width:32px;height:32px}.t-skeleton-bar{border-radius:var(--t-radius-pill);background:var(--t-hover);height:12px}.t-skeleton-bar--short{height:10px;margin-top:var(--t-space-2)}.tile-shell-filters__chips{align-items:center;gap:var(--t-space-2);flex-wrap:wrap;min-width:0;display:flex}.tile-shell-search{max-width:360px}.tile-shell__filters--phone .tile-shell-search{max-width:none}.tile-shell__filters--phone .tile-shell-search input{min-height:44px;font-size:16px}.style-page{height:100%;padding:var(--t-space-4);gap:var(--t-space-4);background:var(--t-card-2);flex-direction:column;display:flex;overflow-y:auto}.style-page__intro{align-items:center;gap:var(--t-space-2);color:var(--t-muted);display:flex}.style-page__grid{gap:var(--t-space-4);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));display:grid}.style-page--phone .style-page__grid{grid-template-columns:minmax(0,1fr)}.style-page__panel{--t-hover:color-mix(in srgb, var(--t-ink) 6%, transparent);--t-pressed:color-mix(in srgb, var(--t-ink) 11%, transparent);gap:var(--t-space-3);min-width:0;padding:var(--t-space-4);border:1px solid var(--t-line);border-radius:var(--t-radius);flex-direction:column;display:flex}.style-page__window{border:1px solid var(--t-line);border-radius:var(--t-radius);background:var(--t-card);flex-direction:column;min-width:0;height:640px;display:flex;overflow:hidden}.style-page__phone{border:1px solid var(--t-line);border-radius:var(--t-radius);background:var(--t-card);flex-direction:column;width:100%;max-width:390px;display:flex;overflow:hidden}.style-page__body{gap:var(--t-space-3);padding:var(--t-space-3);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.style-page__body .t-table{display:block;overflow-x:auto}.style-page__tokens{gap:var(--t-space-4);flex-direction:column;display:flex}.style-page__swatches{gap:var(--t-space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.style-page__swatch{align-items:center;gap:var(--t-space-2);min-width:0;display:flex}.style-page__swatch code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-page__chip{border-radius:var(--t-radius);border:1px solid var(--t-line);flex:none;width:24px;height:24px}.style-page__spacing,.style-page__type{gap:var(--t-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.style-page__spacing li{align-items:center;gap:var(--t-space-3);display:flex}.style-page__bar{background:var(--t-brand);border-radius:2px;height:12px;display:inline-block}.style-page__row{align-items:center;gap:var(--t-space-2);flex-wrap:wrap;display:flex}
