video::-webkit-media-controls-picture-in-picture-button{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{color:inherit}.ui-button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.ui-button__content{justify-content:center;align-items:center;gap:inherit;min-width:0;display:inline-flex}.ui-button svg{flex-shrink:0;display:block}.ui-button>.t-icon-swap{flex-shrink:0;place-items:center}.ui-button:focus-visible,.ui-icon-button:focus-visible,.quick-action:focus-visible,.color-token:focus-visible,.nav-menu-sample button:focus-visible,.tab-sample button:focus-visible,.pagination-sample button:focus-visible,.account-menu button:focus-visible,.news-panel button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:0;border-color:var(--color-ring)}.ui-button--sm,.ui-button--md{height:32px;padding:0 8px;font-size:12px;line-height:19.5px}.ui-button--lg{height:36px;padding:0 10px;font-size:12px;font-weight:500;line-height:19.5px}.ui-button--primary{background:var(--color-primary);color:var(--color-inverse);box-shadow:none}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--secondary{background:var(--color-surface-raised);color:var(--color-text);box-shadow:none}.ui-button--secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.ui-button--outline{background:var(--color-input-bg);border-color:var(--color-border);color:var(--color-text)}.ui-button--outline:hover:not(:disabled){background:var(--color-control-hover)}.ui-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-surface-hover) 50%, transparent)}.ui-button--ghost{color:var(--color-text);background:0 0}.ui-button--danger{background:color-mix(in srgb, var(--color-danger) 20%, transparent);color:var(--color-danger)}.ui-button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 30%, transparent)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-spinner{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ui-icon-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-icon-button--sm{border-radius:var(--radius-control);width:28px;height:28px}.new-clip-menu{flex:none;display:inline-flex;position:relative}.new-clip-menu__toggle{width:var(--new-clip-size,32px);height:var(--new-clip-size,32px);padding:0}.new-clip-menu__items{right:0;bottom:calc(100% + var(--dropdown-offset));z-index:80;width:208px;padding:var(--dropdown-surface-padding);border:1px solid var(--color-border);border-radius:var(--radius-menu);background:var(--color-popover);color:var(--color-text);box-shadow:var(--shadow-menu);animation:ui-popover-enter var(--duration-fast) var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.new-clip-menu[data-placement=down-left] .new-clip-menu__items{top:calc(100% + var(--dropdown-offset));bottom:auto}.new-clip-menu__items>button{border-radius:var(--radius-sm);width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:14px;line-height:20px;display:flex}.new-clip-menu__items>button:hover,.new-clip-menu__items>button:focus-visible{background:var(--color-surface-hover);outline:0}.ui-icon-button:hover,.ui-icon-button.is-selected{background:color-mix(in srgb, var(--color-surface-raised) 50%, transparent);color:var(--color-text)}.ui-icon-button.is-selected{border-color:var(--color-border-strong)}.ui-badge{border-radius:var(--radius-xs);background:var(--color-surface-raised);min-height:20px;color:var(--color-text);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:14px;display:inline-flex}.ui-badge--light{background:var(--color-text);color:var(--color-inverse);box-shadow:var(--shadow-sm)}.ui-badge--success{background:color-mix(in srgb, var(--color-success) 12%, transparent);border-color:color-mix(in srgb, var(--color-success) 28%, transparent);color:var(--color-success)}.ui-badge--warning{background:color-mix(in srgb, var(--color-warning) 10%, transparent);border-color:color-mix(in srgb, var(--color-warning) 24%, transparent);color:var(--color-warning)}.ui-badge--danger{background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-color:color-mix(in srgb, var(--color-danger) 26%, transparent);color:var(--color-danger)}.ui-badge--info{background:color-mix(in srgb, var(--color-info) 12%, transparent);border-color:color-mix(in srgb, var(--color-info) 25%, transparent);color:var(--color-info)}.ui-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ui-field__label,.ui-control-label{color:var(--color-text);font-size:14px;font-weight:500;line-height:20px}.ui-field__hint,.ui-field__error,.ui-control-description{color:var(--color-text-subtle);font-size:12px;line-height:16px}.ui-field__error{border-radius:var(--radius-sm);background:var(--color-text);max-width:384px;color:var(--color-inverse);animation:ui-tooltip-enter .15s var(--ease-out) both;align-self:flex-start;padding:6px 12px;font-weight:500}.ui-input-shell{border:1px solid var(--color-input-border);border-radius:var(--radius-input);background:var(--color-input-bg);min-height:32px;color:var(--color-text-muted);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;align-items:center;display:flex}.ui-input-shell:focus-within{border-color:var(--color-ring);box-shadow:0 0 0 2px var(--color-focus-ring)}.ui-input-shell:has(input:disabled){opacity:.5;cursor:not-allowed}.has-error .ui-input-shell{border-color:color-mix(in srgb, var(--color-danger) 50%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 40%, transparent)}.ui-input-shell__icon,.ui-input-shell__trailing{flex:none;justify-content:center;align-items:center;padding-left:12px;display:inline-flex}.ui-input-shell__trailing{padding:0 12px 0 8px}.ui-input{width:100%;min-width:0;height:30px;color:var(--color-text);background:0 0;border:0;outline:0;padding:0 8px;font-size:12px;line-height:20px}.ui-input::placeholder{color:var(--color-text-muted)}.ui-select,.form-textarea textarea{border:1px solid var(--color-input-border);border-radius:var(--radius-input);background:var(--color-input-bg);width:100%;min-height:32px;color:var(--color-text);outline:0;padding:0 8px;font-size:12px;line-height:20px}.ui-select:focus,.form-textarea textarea:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px var(--color-focus-ring)}.ui-select-dropdown{width:100%;min-width:0;position:relative}.ui-select-dropdown__trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-family:inherit;display:flex}.ui-select-dropdown__trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select-dropdown__trigger:disabled{cursor:default;opacity:.5}.ui-select-dropdown__menu{--select-menu-max-height:320px;top:calc(100% + var(--dropdown-offset));z-index:80;min-width:180px;position:absolute;left:0;right:0}.ui-select-dropdown__menu .t-dropdown__content{max-height:min(var(--select-menu-max-height),var(--select-menu-available-height,calc(100dvh - 32px)));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) #0000;padding:var(--dropdown-surface-padding);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-popover);box-shadow:var(--shadow-menu);overflow:hidden auto}.ui-select-dropdown__option{width:100%;min-height:var(--dropdown-item-height);padding:0 var(--dropdown-item-padding-x);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;font-size:12px;line-height:19.5px;display:flex}.ui-select-dropdown__option:hover,.ui-select-dropdown__option:focus-visible,.ui-select-dropdown__option.is-active{background:var(--color-surface-hover);outline:0}.ui-select-dropdown__option:disabled{cursor:default;opacity:.45}.ui-select-dropdown__option-label{flex:1;min-width:0}.ui-select-dropdown__option>svg{flex:none;margin-left:8px}.ui-control-row{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;display:flex}.ui-control-copy{flex-direction:column;gap:1px;display:flex}.ui-control-row.is-disabled,.ui-choice.is-disabled{opacity:.45;cursor:not-allowed}.ui-switch{--toggle-travel:11.4px;border-radius:var(--radius-round);cursor:pointer;width:28px;height:16.6px;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease;background:#ffffff1f;border:1px solid #0000;flex:none;padding:0;position:relative}.ui-switch[aria-checked=true]{background:var(--color-primary);border-color:#0000}.ui-switch__thumb{background:var(--color-text-muted);width:12.6px;height:12.6px;transition:background-color var(--duration-fast) ease;border-radius:50%;position:absolute;top:1px;left:1px}.ui-switch[aria-checked=true] .ui-switch__thumb{background:var(--color-inverse)}.ui-choice{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.ui-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-choice__mark{border:1px solid var(--color-border-strong);background:var(--color-surface);flex:none;width:16px;height:16px;display:inline-flex}.ui-choice__mark--checkbox{border-radius:var(--radius-xs)}.ui-choice__mark--radio{border-radius:50%}.ui-choice input:checked+.ui-choice__mark{border-color:var(--color-text);background:var(--color-text);box-shadow:inset 0 0 0 3px var(--color-inverse)}.ui-choice input:checked+.ui-choice__mark--checkbox{box-shadow:inset 0 0 0 3px var(--color-text)}.ui-avatar{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:visible}.ui-avatar--sm{width:28px;height:28px;font-size:11px}.ui-avatar--lg{width:48px;height:48px;font-size:15px}.ui-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.ui-avatar__status{border:2px solid var(--color-sidebar);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.ui-avatar__status--online{background:var(--color-success)}.ui-avatar__status--away{background:var(--color-warning)}.ui-avatar__status--offline{background:var(--color-text-muted)}.ui-progress-wrap{flex-direction:column;gap:7px;display:flex}.ui-progress-label{color:var(--color-text);justify-content:space-between;gap:16px;font-size:12px;line-height:16px;display:flex}.ui-progress-label span:last-child{color:var(--color-text-muted)}.ui-progress{border-radius:var(--radius-round);background:var(--color-surface-raised);width:100%;height:6px;overflow:hidden}.ui-progress__value{border-radius:inherit;background:var(--color-text);height:100%;transition:width .3s}.ui-skeleton{border-radius:var(--radius-xs);background:var(--color-surface-raised);display:block}.design-system .ui-button,.design-system .ui-icon-button{border-radius:var(--radius-control)}.design-system input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),.design-system select,.design-system .ui-input-shell,.design-system .ds-search,.design-system .streamer-search,.design-system .vod-range-field__output{border-radius:var(--radius-input)}.design-system .ui-input-shell,.design-system .ui-select,.design-system .form-textarea textarea{border-color:var(--color-input-border);background:var(--color-input-bg)}.design-system .ui-input{background:0 0}.design-system .form-textarea textarea{border-radius:var(--radius-lg)}.design-system [role=tablist],.design-system [role=tab],.design-system .t-tabs,.design-system .t-tabs-pill,.design-system .list-tabs,.design-system .layout-toggle,.design-system .preview-create__modes{border-radius:var(--radius-tab)}.design-system .ui-skeleton[class*=route-skel-],.design-system .ds-credit-count--loading .ui-skeleton,.design-system .t-dropdown-skeleton__bar{border-radius:var(--radius-skeleton)}.ui-tooltip-anchor{min-width:0;display:inline-flex}.ui-tooltip-anchor--block{width:100%;display:block}.ui-tooltip-content{z-index:10000;border-radius:var(--radius-tooltip);background:var(--tt-bg);color:var(--tt-fg);font-family:var(--font-sans);text-align:left;overflow-wrap:anywhere;pointer-events:none;animation:ui-tooltip-enter var(--tt-in-dur) var(--tt-in-ease) both;padding:6px 12px;font-size:12px;font-weight:400;line-height:16px;position:fixed;overflow:visible}.ui-tooltip-content.is-leaving{animation:ui-tooltip-exit var(--tt-out-dur) var(--tt-out-ease) both}.ui-tooltip-content[data-side=top]{--tooltip-x:0;--tooltip-y:8px}.ui-tooltip-content[data-side=right]{--tooltip-x:-8px;--tooltip-y:0}.ui-tooltip-content[data-side=bottom]{--tooltip-x:0;--tooltip-y:-8px}.ui-tooltip-content[data-side=left]{--tooltip-x:8px;--tooltip-y:0}.ui-tooltip-content:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.ui-tooltip-content[data-side=top]:after{bottom:-4px;left:calc(var(--tooltip-arrow-x,50%) - 5px)}.ui-tooltip-content[data-side=bottom]:after{top:-4px;left:calc(var(--tooltip-arrow-x,50%) - 5px)}.ui-tooltip-content[data-side=left]:after{right:-4px;top:calc(var(--tooltip-arrow-y,50%) - 5px)}.ui-tooltip-content[data-side=right]:after{left:-4px;top:calc(var(--tooltip-arrow-y,50%) - 5px)}.ui-action-error{border-radius:var(--radius-sm);background:var(--color-text);width:fit-content;max-width:384px;color:var(--color-inverse);animation:ui-tooltip-enter .15s var(--ease-out) both;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ui-error-toaster{z-index:10020;pointer-events:none;width:min(687px,100vw - 64px);position:fixed;top:32px;left:50%;transform:translate(-50%)}.ui-error-banner{border:1px solid color-mix(in srgb, var(--color-orange) 50%, transparent);border-radius:var(--radius-sm);background:var(--color-canvas);width:100%;color:var(--color-orange);pointer-events:auto;align-items:center;padding:16px 48px 16px 16px;animation:.4s both ui-error-drop-in;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.ui-error-banner.is-leaving{animation:.4s both ui-error-lift-out}.ui-error-banner p{flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;line-height:20px}.ui-error-banner button{border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ui-error-banner button:hover{background:#ffffff12}.ui-error-banner button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.design-system{--sidebar-collapsed-width:65px;background:var(--color-sidebar);height:100dvh;min-height:0;overflow:hidden}.ds-sidebar{z-index:30;border-right:1px solid var(--color-border);background:var(--color-sidebar);width:224px;transition:width var(--duration-base) ease;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.ds-sidebar__brand{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;height:60px;padding:0 12px;display:flex}.ds-sidebar__brand>img{flex:none;width:24px;height:24px}.ds-sidebar__brand-copy{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.ds-sidebar__brand-copy strong{color:var(--color-text);font-size:14px;font-weight:600}.ds-sidebar__brand-copy span{color:var(--color-text-muted);font-size:11px}.ds-sidebar__search-mobile{display:none}.ds-sidebar__nav{scrollbar-width:thin;scrollbar-color:var(--color-border) #0000;flex:1;padding:12px;overflow-y:auto}.ds-nav-group+.ds-nav-group{margin-top:20px}.ds-nav-group>p{color:var(--color-text-subtle);margin:0 0 6px;font-size:12px;line-height:16px}.ds-nav-group>button{border-radius:var(--radius-control);width:100%;height:36px;color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:0 9px;font-size:14px;font-weight:500;line-height:20px;display:flex}.ds-nav-group>button:hover{color:var(--color-text)}.ds-nav-group>button.is-active{border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 50%, transparent);color:var(--color-text)}.ds-nav-group>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-sidebar__empty{color:var(--color-text-muted);font-size:13px}.ds-sidebar__footer{border-top:1px solid var(--color-border);min-height:48px;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.ds-sidebar__version{color:var(--color-text)}.ds-shell{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-canvas);min-width:0;height:calc(100% - 20px);transition:margin-left var(--duration-base) ease;flex-direction:column;margin:10px 10px 10px 224px;display:flex;overflow:hidden}.ds-topbar{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;padding:0 15px;display:flex;position:sticky;top:0}.ds-search{border:1px solid var(--color-input-border);border-radius:var(--radius-input);background:var(--color-input-bg);width:200px;height:32px;color:var(--color-text-muted);align-items:center;gap:6px;padding:0 8px;display:flex}.ds-search>svg{flex:0 0 15px;width:15px;height:15px}.ds-search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;flex:1;font-size:12px;font-weight:400;line-height:24px}.ds-search input::placeholder{color:var(--color-text-muted)}.ds-search kbd{color:var(--color-text-muted);font-family:var(--font-sans);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:12px;font-weight:400;line-height:20px}.ds-topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ds-topbar__actions>.ds-notifications .ui-icon-button{width:32px;height:32px}.ds-topbar__actions>.ds-topbar__credits{height:32px}.ds-notifications{display:inline-flex;position:relative}.ds-notifications .ui-icon-button{color:var(--color-text)}.ds-dashboard-scroll{scrollbar-color:var(--color-border) #0000;scrollbar-width:thin;flex:auto;min-width:0;min-height:0;overflow:hidden auto}.ds-dashboard-scroll::-webkit-scrollbar{border-radius:var(--radius-round);background:0 0;width:8px;height:8px}.ds-dashboard-scroll::-webkit-scrollbar-track{background:0 0}.ds-dashboard-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border);border:0}.ds-main{width:min(100%,1360px);margin:0 auto;padding:32px 32px 96px}.page-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:25px;display:flex}.page-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:600;line-height:32px}.page-header p{max-width:680px;color:var(--color-text-muted);margin:4px 0 0;font-size:14px;line-height:20px}.page-header__meta{color:var(--color-text-muted);align-items:center;gap:10px;font-size:12px;line-height:16px;display:flex}.route-loading,.route-loading__body{width:100%;min-width:0}.route-loading .ui-skeleton,.schedule-content-skeleton .ui-skeleton{opacity:1;animation:none}.route-loading .route-skeleton-group,.schedule-content-skeleton .route-skeleton-group{animation:t-skel-pulse var(--pulse-dur) ease-in-out infinite}.route-skel-home-title{width:min(540px,92%);height:36px;margin:0 auto 10px}.route-skel-home-sub{width:168px;height:20px;margin:0 auto 26px}.clip-card__media.ui-skeleton,.live-stream-card__media.ui-skeleton{width:100%;display:block}.route-skel-clip-media{background:var(--color-canvas);position:relative;overflow:hidden}.route-skel-stack{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.route-skel-composer-line{width:58%;height:16px;margin:20px}.route-skel-modes{border-radius:var(--radius-skeleton);width:148px;height:28px}.route-skel-submit{width:124px;height:32px}.route-skel-qa-art{border-radius:var(--radius-control);width:100%;height:100%}.route-skel-qa-label{width:72px;height:12px}.route-skel-score{width:36px;height:34px}.route-skel-tool{width:32px;height:32px}.route-skel-list-score{flex:0 0 28px;width:28px;height:24px}.route-skel-list-title{flex:0 auto;max-width:calc(100% - 150px);height:14px}.route-skel-list-tool{width:28px;height:28px}.route-skel-list-meta{align-items:center;gap:8px;display:flex}.route-skel-list-streamer{width:84px;height:11px}.route-skel-list-created{width:54px;height:10px}.route-skel-list-chips{gap:6px;margin-top:2px;display:flex}.route-skel-clip-title{flex-direction:column;gap:10px;height:52px;margin-top:14px;padding:5px 0;display:flex}.route-skel-clip-title.is-single{height:26px}.route-skel-title-line{height:16px}.route-skel-live-title{height:16px;margin:16px 0 4px}.route-skel-chips{gap:6px;margin-top:10px;display:flex}.route-skel-chip{width:72px;height:24px}.route-skel-chip--short{width:52px}.route-skel-tab-count{width:10px;height:10px}.route-skel-count{width:72px;height:14px}.route-skel-sort{width:148px;height:32px}.route-skel-search{width:224px;height:32px}.route-skel-layout{width:64px;height:32px}.route-skel-header-action{width:136px;height:36px}.route-skel-summary{width:104px;height:13px}.route-skel-summary--short{width:76px}.route-skel-summary--wide{width:168px}.route-skel-avatar{border-radius:var(--radius-sm);flex:0 0 36px;width:36px;height:36px}.route-skel-name{width:112px;height:14px}.route-skel-handle{width:76px;height:11px;margin-top:4px}.route-skel-status{width:108px;height:13px}.route-skel-source{width:72px;height:13px}.route-skel-platform{flex:0 0 18px;width:18px;height:18px}.route-skel-stat{width:28px;height:13px}.route-skel-stat-label{width:44px;height:10px}.route-skel-switch{border-radius:var(--radius-round);width:36px;height:20px}.route-skel-monitor-label{width:68px;height:11px}.route-skel-row-action{width:92px;height:32px}.route-skel-row-action--short{width:64px}.route-skel-vod-title{width:180px;max-width:100%;height:14px}.route-skel-vod-meta{width:128px;max-width:100%;height:11px}.route-skel-vod-status{width:88px;height:12px}.route-skel-vod-pct{width:28px;height:11px}.route-skel-dow{width:28px;height:10px}.route-skel-day-num{width:22px;height:18px}.route-skel-day-count{width:20px;height:10px}.route-skel-day-line{justify-content:center;align-items:center;height:24px;display:flex}.route-skel-group-label{width:54px;height:13px}.route-skel-time{flex:0 0 52px;width:52px;height:13px}.route-skel-sched-title{width:220px;max-width:100%;height:13px}.route-skel-target{border-radius:50%;flex:0 0 18px;width:18px;height:18px}.route-skel-settings-title{width:148px;height:14px}.route-skel-settings-copy{width:220px;max-width:100%;height:12px;margin-top:6px}.route-skel-settings-hint{width:min(340px,70%);height:11px;margin:12px 0 4px}.route-skel-badge{width:64px;height:22px}.is-sidebar-collapsed .ds-sidebar{width:var(--sidebar-collapsed-width)}.is-sidebar-collapsed .ds-sidebar__brand{justify-content:center;padding:0 12px}.is-sidebar-collapsed .ds-sidebar__brand-copy,.is-sidebar-collapsed .ds-sidebar__brand>.ui-icon-button,.is-sidebar-collapsed .ds-nav-group>p,.is-sidebar-collapsed .ds-nav-group button span,.is-sidebar-collapsed .ds-sidebar__footer span:last-child{display:none}.is-sidebar-collapsed .ds-nav-group+.ds-nav-group{border-top:1px solid var(--color-border);margin-top:8px;padding-top:8px}.is-sidebar-collapsed .ds-nav-group>button{justify-content:center;width:36px;padding:0}.is-sidebar-collapsed .ds-sidebar__footer{justify-content:center}.system-page{background:var(--color-canvas);min-height:100vh}.system-topbar{z-index:50;border-bottom:1px solid var(--color-border);background:var(--color-sidebar);height:56px;position:sticky;top:0}.system-topbar__inner{align-items:center;gap:20px;width:min(100%,1440px);height:100%;margin:0 auto;padding:0 32px;display:flex}.system-brand{color:var(--color-text);flex:none;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.system-brand>svg{flex:none}.system-brand>span{border-left:1px solid var(--color-border-strong);color:var(--color-text-muted);margin-left:2px;padding-left:10px;font-size:12px;line-height:16px}.system-nav{flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.system-nav a{border-radius:var(--radius-sm);height:32px;color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);align-items:center;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;text-decoration:none;display:inline-flex}.system-nav a:hover{background:var(--color-surface);color:var(--color-text)}.system-back-link{flex:none}.system-main{width:min(100%,1440px);margin:0 auto;padding:32px 32px 96px}.system-main>.ds-section:first-of-type{padding-top:32px}.system-main code,.system-source-map code{color:var(--color-text-subtle);font-family:Geist Mono,ui-monospace,monospace;font-size:11px}.system-source-map{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:16px;overflow:hidden}.system-source-map__header,.system-source-map__row{border-bottom:1px solid var(--color-border);grid-template-columns:160px 260px minmax(0,1fr);align-items:center;gap:20px;min-height:52px;padding:0 16px;display:grid}.system-source-map__header{min-height:40px;color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:16px}.system-source-map__row:last-child{border-bottom:0}.system-source-map__row strong{color:var(--color-text);font-size:13px;font-weight:500;line-height:18px}.system-source-map__row>span{color:var(--color-text-muted);font-size:12px;line-height:17px}.component-stack{flex-direction:column;gap:20px;display:flex}.system-tooltip-row{min-height:72px}.system-toast{border:1px solid var(--color-border);font-family:var(--font-sans);text-align:left;cursor:pointer}.system-dialog-copy{color:var(--color-text-muted);margin:0;font-size:14px;line-height:20px}.system-dialog-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.ds-section{padding-top:48px;scroll-margin-top:84px}.ds-section__heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.ds-section__heading h2{color:var(--color-text);margin:0;font-size:18px;font-weight:600;line-height:28px}.ds-section__heading p{max-width:760px;color:var(--color-text-muted);margin:2px 0 0;font-size:14px;line-height:20px}.ds-section__heading a{color:var(--color-text-muted);border-radius:var(--radius-xs);opacity:0;transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease;padding:6px;display:inline-flex}.ds-section:hover .ds-section__heading a{opacity:1}.ds-section__heading a:hover{color:var(--color-text)}.specimen{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;overflow:visible}.specimen+.specimen{margin-top:16px}.specimen__header{border-bottom:1px solid var(--color-border);min-height:42px;color:var(--color-text);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:13px;font-weight:500;line-height:18px;display:flex}.specimen__note{color:var(--color-text-muted);font-size:12px;font-weight:400}.specimen__body{padding:24px}.component-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.component-row--align-end{align-items:flex-end}.two-column-specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.two-column-specimens .specimen{margin:0}.system-motion-note{color:var(--color-text-muted);margin:0 0 16px;font-size:13px;line-height:18px}.system-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.system-motion-grid .specimen{margin:0;overflow:visible}.system-motion-stage{justify-content:center;align-items:center;min-height:168px;display:flex;overflow:visible}.system-motion-stage--gooey{min-height:180px}.system-motion-actions{justify-content:center;margin-top:12px;display:flex}.system-pro-word{font-size:44px;font-weight:600;line-height:1}.system-drop{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);min-height:120px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.system-drop.is-drop-target{border-color:var(--color-text);color:var(--color-text)}.t-demo-card.is-dissolving{filter:blur(8px)saturate(.35);opacity:.28;transition:filter .55s var(--ease-smooth-out,ease),opacity .55s var(--ease-smooth-out,ease)}@media (max-width:900px){.system-motion-grid{grid-template-columns:1fr}}.overview-grid{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.overview-list,.overview-principles{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.overview-list>div{border-bottom:1px solid var(--color-border);grid-template-columns:120px minmax(110px,1fr) minmax(130px,1fr);align-items:center;gap:16px;min-height:54px;padding:0 16px;font-size:13px;display:grid}.overview-list>div:last-child{border-bottom:0}.overview-list span{color:var(--color-text-muted)}.overview-list strong{color:var(--color-text);font-weight:500}.overview-list code,.type-row code,.weight-row code,.spacing-scale code,.radius-row code,.contrast-row code,.menu-anatomy code,.color-token code{color:var(--color-text-subtle);font-family:Geist Mono,ui-monospace,monospace;font-size:11px}.overview-principles{padding:18px}.overview-principles h3{color:var(--color-text);margin:0 0 12px;font-size:14px;font-weight:600}.overview-principles ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.overview-principles li{color:var(--color-text-muted);gap:9px;font-size:13px;line-height:19px;display:flex}.overview-principles li svg{color:var(--color-text);flex:none;margin-top:2px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.color-token{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:72px;padding:10px;display:grid}.color-token:hover{border-color:var(--color-border-strong)}.color-token__swatch{border-radius:var(--radius-sm);border:1px solid #ffffff1a;width:44px;height:44px}.color-token__content{grid-template-columns:1fr auto;column-gap:8px;min-width:0;display:grid}.color-token__content strong{color:var(--color-text);font-size:13px;font-weight:500}.color-token__content>span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;line-height:16px;overflow:hidden}.color-token>svg{color:var(--color-text-muted)}.contrast-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.contrast-row>div{flex-direction:column;gap:8px;display:flex}.contrast-row__sample{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;height:68px;padding:0 18px;font-size:18px;font-weight:600;display:flex}.contrast-row__sample--primary{color:var(--color-text)}.contrast-row__sample--muted{color:var(--color-text-muted)}.contrast-row__sample--danger{color:var(--color-danger)}.type-table{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.type-row{border-bottom:1px solid var(--color-border);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;min-height:76px;padding:12px 18px;display:grid}.type-row:last-child{border-bottom:0}.type-row>div{flex-direction:column;display:flex}.type-row>div strong{color:var(--color-text);font-size:13px;font-weight:500}.type-row p{color:var(--color-text);margin:0}.type-display{font-size:30px;font-weight:600;line-height:36px}.type-title{font-size:24px;font-weight:600;line-height:32px}.type-heading{font-size:18px;font-weight:600;line-height:28px}.type-body{font-size:16px;font-weight:400;line-height:24px}.type-control{font-size:14px;font-weight:500;line-height:20px}.type-label{font-size:14px;font-weight:400;line-height:20px}.type-supporting{font-size:13px;font-weight:400;line-height:19.5px}.type-compact{font-size:12px;font-weight:500;line-height:16px}.weight-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.weight-row>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:baseline;min-height:64px;padding:18px;display:flex}.weight-row span{color:var(--color-text);font-size:16px}.spacing-scale{flex-wrap:wrap;align-items:flex-end;gap:24px;min-height:92px;display:flex}.spacing-scale>div{flex-direction:column;align-items:center;gap:9px;display:flex}.spacing-scale span{background:var(--color-text);border-radius:2px;min-width:4px;height:44px;display:block}.radius-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.radius-row>div{flex-direction:column;gap:8px;display:flex}.radius-row span{border:1px solid var(--color-border-strong);background:var(--color-surface);height:64px}.shadow-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shadow-row>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:64px;color:var(--color-text);justify-content:center;align-items:center;font-size:12px;display:flex}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-menu{box-shadow:var(--shadow-menu)}.shadow-dialog{box-shadow:var(--shadow-dialog)}.form-grid{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:24px;display:grid}.form-textarea textarea{resize:vertical;min-height:108px;padding:10px 12px}.upload-field{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);min-height:108px;color:var(--color-text-muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.upload-field:hover{border-color:var(--color-text-subtle)}.upload-field strong{color:var(--color-text);margin-top:5px;font-size:14px;font-weight:500}.upload-field span{font-size:12px;line-height:16px}.form-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.form-controls-grid .specimen{margin:0}.choice-stack,.switch-stack{flex-direction:column;gap:14px;display:flex}.switch-stack{gap:18px}.choice-divider{background:var(--color-border);height:1px}.navigation-specimens{grid-template-columns:360px minmax(0,1fr);gap:16px;display:grid}.navigation-specimens .specimen{margin:0}.nav-menu-sample{flex-direction:column;width:100%;display:flex}.nav-menu-sample>p{color:var(--color-text-subtle);margin:16px 8px 5px;font-size:12px;line-height:16px}.nav-menu-sample>p:first-child{margin-top:0}.nav-menu-sample>button{border-radius:var(--radius-control);width:100%;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.nav-menu-sample>button.is-active{border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 50%, transparent)}.nav-menu-sample>button .ui-badge{margin-left:auto}.tab-sample{border-bottom:1px solid var(--color-border);gap:4px;padding-bottom:18px;display:flex}.tab-sample button{border-radius:var(--radius-tab);height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:500}.tab-sample button[aria-selected=true]{background:var(--color-surface);color:var(--color-text)}.breadcrumb-sample{color:var(--color-text-muted);align-items:center;gap:6px;margin:24px 0;font-size:13px;display:flex}.breadcrumb-sample button{color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0}.pagination-sample{align-items:center;gap:4px;display:flex}.pagination-sample>button:not(.ui-icon-button){border-radius:var(--radius-control);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000}.pagination-sample>button.is-current{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.avatar-showcase{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.avatar-stack{padding-left:8px;display:flex}.avatar-stack .ui-avatar{border:2px solid var(--color-sidebar);margin-left:-8px}.identity-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:10px;min-width:230px;margin-left:auto;padding:8px 12px;display:flex}.identity-row>div{flex-direction:column;flex:1;display:flex}.identity-row strong{color:var(--color-text);font-size:13px;line-height:18px}.identity-row span{color:var(--color-text-muted);font-size:11px;line-height:16px}.quick-actions-specimen .specimen__body{overflow-x:auto}.quick-action-grid{grid-template-columns:repeat(7,minmax(96px,1fr));gap:22px 8px;min-width:780px;display:grid}.quick-action{min-width:0;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:relative}.quick-action__art{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-input-bg);width:68px;height:68px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.quick-action__art img{object-fit:contain;width:42px;height:42px;display:block}.quick-action>.ui-badge{min-height:20px;padding:2px 7px;font-size:11px;position:absolute;top:-7px;left:calc(50% + 17px)}.quick-action__label{max-width:110px;color:var(--color-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}.quick-action--compact{gap:6px}.quick-action--compact .quick-action__art{width:48px;height:48px}.quick-action--compact .quick-action__art img{width:32px;height:32px}.quick-action--compact .quick-action__label{max-width:84px;font-size:10px}.quick-action--compact>.ui-badge{min-height:16px;padding:1px 5px;font-size:9px;line-height:12px;top:-6px;left:calc(50% + 10px)}.video-thumbnail-placeholder{background:var(--color-surface);justify-content:center;align-items:center;display:flex}.video-thumbnail-placeholder>.stream-platform-icon{opacity:.72}.home-card-track{--home-carousel-gap:0px;gap:var(--home-carousel-gap);overscroll-behavior-inline:contain;scrollbar-width:none;grid-auto-flow:column;display:grid;overflow-x:auto}.home-card-track::-webkit-scrollbar{display:none}.home-card-track--draggable{cursor:grab;touch-action:pan-y}.home-card-track--draggable.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.home-card-track--draggable.is-dragging img{pointer-events:none}.home-card-carousel{min-width:0;position:relative}.home-card-carousel__fade{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--color-canvas) 0%, transparent), var(--color-canvas));opacity:0;pointer-events:none;width:48px;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;top:0;bottom:0;right:0}.home-card-carousel__fade.is-visible{opacity:1}.live-stream-grid{--home-carousel-peek:4.5;--home-carousel-gaps:4;grid-auto-columns:max(180px,(100% - var(--home-carousel-gap)*var(--home-carousel-gaps))/var(--home-carousel-peek))}@media (max-width:1180px){.live-stream-grid{--home-carousel-peek:3.5;--home-carousel-gaps:3}}@media (max-width:980px){.live-stream-grid{--home-carousel-peek:2.5;--home-carousel-gaps:2}}@media (max-width:520px){.live-stream-grid{--home-carousel-peek:1.5;--home-carousel-gaps:1}}.live-stream-card{isolation:isolate;border-radius:var(--radius-lg);min-width:0;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;padding:10px;position:relative}.live-stream-card:hover{background:var(--color-surface)}.live-stream-card:has(.live-stream-card__primary-link:focus-visible){background:var(--color-surface)}.live-stream-card__primary-link{z-index:2;border-radius:inherit;color:inherit;position:absolute;inset:0}.live-stream-card__primary-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.live-stream-card__media{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-surface);position:relative;overflow:hidden}.live-stream-card__media>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-stream-card__frame{background-repeat:no-repeat;position:absolute;inset:0}.live-stream-card__empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;line-height:16px;display:flex;position:absolute;inset:0}.live-stream-card__status{z-index:1;align-items:center;display:inline-flex;position:absolute;top:8px;left:8px}.live-stream-card__live,.live-stream-card__viewers{font-variant-numeric:tabular-nums;border-radius:5px;align-items:center;gap:5px;padding:1px 6px;font-size:8px;font-weight:700;line-height:13px;display:inline-flex}.live-stream-card__live{background:color-mix(in srgb, var(--color-danger) 17%, transparent);color:var(--color-danger);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.live-stream-card__viewers{color:var(--color-text);font-variant-numeric:normal;letter-spacing:.5px;background:0 0;font-size:9px}.live-stream-card__stream-link{z-index:3;border-radius:var(--radius-control);background:var(--color-input-bg);width:28px;height:28px;color:var(--color-text);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),visibility 0s linear var(--duration-fast);border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:8px;right:8px}.live-stream-card:hover .live-stream-card__stream-link,.live-stream-card:focus-within .live-stream-card__stream-link{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.live-stream-card__stream-link:hover{background:var(--color-border-strong)}.live-stream-card__stream-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.live-stream-card__stream-link svg{display:block}.live-stream-card__title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;font-size:16px;font-weight:600;line-height:24px;overflow:hidden}.project-grid{--project-cols:5;grid-template-columns:repeat(var(--project-cols), minmax(0, 1fr));align-items:start;gap:0;display:grid}@media (max-width:1440px){.project-grid{--project-cols:5}}@media (max-width:1180px){.project-grid{--project-cols:4}}@media (max-width:980px){.project-grid{--project-cols:3}}@media (max-width:720px){.project-grid{--project-cols:2}}.project-grid--carousel{--home-carousel-peek:5.5;--home-carousel-gaps:5;grid-template-columns:none;grid-auto-columns:max(180px,(100% - var(--home-carousel-gap)*var(--home-carousel-gaps))/var(--home-carousel-peek))}@media (max-width:1180px){.project-grid--carousel{--home-carousel-peek:4.5;--home-carousel-gaps:4}}@media (max-width:980px){.project-grid--carousel{--home-carousel-peek:3.5;--home-carousel-gaps:3}}@media (max-width:720px){.project-grid--carousel{--home-carousel-peek:2.5;--home-carousel-gaps:2}}@media (max-width:520px){.project-grid--carousel{--home-carousel-peek:1.5;--home-carousel-gaps:1}}.clip-card{border-radius:var(--radius-lg);width:100%;min-width:0;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;padding:10px;position:relative}.project-grid>.clip-card--wide{grid-column:span 2}.clip-card:hover,.clip-card:focus-within{background:var(--color-surface)}.clip-card.is-selected{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.app-player{background:var(--color-surface);cursor:pointer;width:100%;position:relative;overflow:hidden}.app-player video::-webkit-media-controls{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player video::-webkit-media-controls-enclosure{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player video::-webkit-media-controls-overlay-enclosure{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player video::-webkit-media-controls-overlay-play-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player video::-webkit-media-controls-start-playback-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player video::-webkit-media-controls-picture-in-picture-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.app-player__stage{position:absolute;inset:0}.app-player__stage>img,.app-player__stage>video{background:var(--color-canvas);pointer-events:none;width:100%;height:100%;display:block}.app-player--cover .app-player__stage>img,.app-player--cover .app-player__stage>video{object-fit:cover}.app-player--contain .app-player__stage>img,.app-player--contain .app-player__stage>video{object-fit:contain}.app-player__cover{z-index:1;position:absolute;inset:0}.app-player__timestamp{z-index:2;border-radius:var(--radius-sm);background:var(--color-surface-raised);font-variant-numeric:tabular-nums;pointer-events:none;gap:4px;padding:2px 10px;font-size:10px;font-weight:600;line-height:15px;display:inline-flex;position:absolute;top:4px;right:4px}.app-player__timestamp b{color:var(--color-text);font-weight:600}.app-player__timestamp i{color:var(--color-text-subtle);font-style:normal}.app-player__play{z-index:2;cursor:pointer;opacity:0;width:48px;height:48px;transition:opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-player__play:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.app-player__scrub{z-index:2;cursor:pointer;opacity:0;touch-action:none;height:16px;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;bottom:0;left:0;right:0}.app-player__scrub-track{border-radius:var(--radius-round);background:#fafafa33;height:6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.app-player__scrub-buffer,.app-player__scrub-playhead{border-radius:var(--radius-round);position:absolute;top:0;bottom:0;left:0}.app-player__scrub-buffer{background:#fafafa1a}.app-player__scrub-playhead{background:var(--color-text)}.app-player__waiting{z-index:3;background:color-mix(in srgb, var(--color-canvas) 80%, transparent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-player__waiting-spin{border:2px solid #fafafa33;border-top-color:var(--color-text);border-radius:var(--radius-round);width:16px;height:16px;animation:.6s linear infinite app-player-spin}@keyframes app-player-spin{to{transform:rotate(360deg)}}.app-player:hover .app-player__play,.app-player:focus-within .app-player__play,.app-player:hover .app-player__scrub,.app-player:focus-within .app-player__scrub{opacity:1}@media (hover:none){.app-player__play,.app-player__scrub{opacity:1}}.app-player--plain-play .app-player__play{color:#111;opacity:1;background:#fff;border-radius:50%;width:56px;height:56px}.app-player--plain-play.is-playing .app-player__play{opacity:0}.app-player--plain-play.is-playing:hover .app-player__play,.app-player--plain-play.is-playing:focus-within .app-player__play{opacity:1}.clip-card__media{aspect-ratio:1;border-radius:var(--radius-sm)}.clip-card__media--landscape_16x9{aspect-ratio:2}.clip-card__stage{position:absolute;inset:0 21.875%}.clip-card__stage--square_1x1{inset-inline:0}.clip-card__stage--four_five_4x5{inset-inline:10%}.clip-card__stage--landscape_16x9{inset:0 5.5556%}.clip-card__stage-empty{background:var(--color-surface);width:100%;height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;line-height:16px;display:flex;position:relative}.clip-card__rail{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard);flex-direction:column;gap:8px;display:flex;position:absolute;top:4px;left:4px}.clip-card__rail-button{border:1px solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface);width:32px;height:32px;color:var(--color-text);box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;padding:0;display:inline-flex}.clip-card__rail-button:hover:not(:disabled){background:var(--color-surface)}.clip-card__rail-button.is-active{color:var(--color-primary)}.clip-card__rail-button:disabled{cursor:default}.clip-card__rail-button:not(.is-active):disabled{opacity:.45}.clip-card__select{z-index:3;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;bottom:12px;left:10px}.clip-card:hover .clip-card__rail,.clip-card:focus-within .clip-card__rail,.clip-card:hover .clip-card__select,.clip-card:focus-within .clip-card__select,.clip-card.is-selected .clip-card__select{opacity:1;pointer-events:auto}@media (hover:none){.clip-card__rail,.clip-card__select{opacity:1;pointer-events:auto}}.clip-card__row{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;margin-top:12px;display:flex}.clip-card__score{color:var(--color-score);flex:none;font-size:27px;font-weight:800;line-height:34px}.clip-card__score.is-low{color:var(--color-score-low)}.clip-card__score.is-poor{color:var(--color-score-poor)}.clip-card__score.is-pending{color:var(--color-text-muted)}.clip-card__tools{flex:none;align-items:center;margin-left:auto;display:flex}.clip-card__publish{position:relative}.clip-card__tool{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.clip-card__tool:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-text)}.clip-card__tool:disabled,.clip-card__tool.is-disabled{cursor:default;opacity:.3}.clip-card__tool.is-busy{cursor:progress;opacity:.55}.clip-card__title{min-height:52px;max-height:52px;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16px;font-weight:600;line-height:26px;display:-webkit-box;overflow:hidden}.clip-card__open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.clip-card__open:hover{text-decoration:underline}.clip-card__chips{min-width:0;margin-top:10px;position:relative;overflow:hidden}.clip-card__chips-track{will-change:transform;flex-wrap:nowrap;gap:6px;width:max-content;display:flex}.clip-card__chips-set{flex-wrap:nowrap;gap:6px;display:flex}.clip-card__chips.is-overflow:before,.clip-card__chips.is-overflow:after{content:"";z-index:1;pointer-events:none;width:50px;position:absolute;top:0;bottom:0}.clip-card__chips.is-overflow:after{background:linear-gradient(to right, transparent, var(--color-surface));right:0}.clip-card__chips.is-overflow:before{opacity:0;background:linear-gradient(to left, transparent, var(--color-surface));transition:opacity .18s;left:0}.clip-card__chips.is-overflow.is-hover:before{opacity:1}.clip-card__chip{border-radius:var(--radius-sm);background:var(--color-surface);height:24px;color:var(--color-text-muted);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.clip-card__error{margin-top:10px}.vod-progress{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:12px;margin-top:24px;padding:16px;display:flex}.vod-progress__top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.vod-progress__top>div{flex-direction:column;gap:2px;min-width:0;display:flex}.vod-progress__top strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px}.vod-progress__top>div>span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:17px;overflow:hidden}.vod-progress__top>span{color:var(--color-text-muted);flex:none;font-size:12px;line-height:20px}.vod-progress__details{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;line-height:17px;display:flex}.vod-progress__details span:last-child{flex:none}.vod-progress--done .ui-progress__value{background:var(--color-success)}.vod-progress--failed{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent)}.vod-progress--failed .ui-progress__value{background:var(--color-danger)}.tutorial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tutorial-card{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;position:relative;overflow:hidden}.tutorial-card>img{object-fit:cover;width:100%;height:100%;display:block}.tutorial-card__overlay{background:linear-gradient(90deg, color-mix(in srgb, var(--color-canvas) 82%, transparent), color-mix(in srgb, var(--color-canvas) 4%, transparent));flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:absolute;inset:0}.tutorial-card__overlay h3{width:58%;color:var(--color-white);margin:0;font-size:15px;font-weight:600;line-height:20px}.tutorial-card__play{background:var(--color-white);width:34px;height:34px;color:var(--color-inverse);border-radius:50%;justify-content:center;align-items:center;display:flex}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ui-alert{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:0;box-shadow:var(--shadow-menu);animation:ui-popover-enter .15s var(--ease-out) both;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ui-alert>svg{flex:none;margin-top:2px}.ui-alert>div{flex-direction:column;flex:1;display:flex}.ui-alert strong{color:var(--color-text);font-size:13px;font-weight:500;line-height:18px}.ui-alert span{color:var(--color-text-muted);font-size:12px;line-height:17px}.ui-alert--info>svg{color:var(--color-info)}.ui-alert--success>svg{color:var(--color-success)}.ui-alert--warning>svg{color:var(--color-warning)}.ui-alert--danger>svg{color:var(--color-danger)}.progress-stack{flex-direction:column;gap:22px;display:flex}.skeleton-card{flex-direction:column;gap:12px;display:flex}.empty-state{min-height:210px;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{color:var(--color-text);margin:10px 0 0;font-size:15px;font-weight:600;line-height:22px}.empty-state p{margin:3px 0 14px;font-size:13px;line-height:19px}.overlay-actions{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:12px;min-height:340px;padding:48px;display:flex}.overlay-trigger-wrap{position:relative}.account-menu{top:calc(100% + var(--dropdown-offset));z-index:10;width:244px;padding:var(--dropdown-surface-padding);border:1px solid var(--color-border);border-radius:var(--radius-menu);background:var(--color-popover);box-shadow:var(--shadow-menu);position:absolute;left:0}.account-menu__header{flex-direction:column;gap:4px;padding:8px;display:flex}.account-menu__header span{color:var(--color-text-muted);font-size:12px;line-height:16px}.account-menu__header strong{color:var(--color-text);font-size:13px;font-weight:500;line-height:18px}.account-menu>button{width:100%;min-height:var(--dropdown-item-height);padding:0 var(--dropdown-item-padding-x);border-radius:var(--radius-control);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.account-menu>button:hover{background:var(--color-surface-raised)}.account-menu>button>span:not(.ui-badge){white-space:nowrap;flex:1}.account-menu>button>.ui-badge{flex:none}.account-menu em{color:var(--color-text-muted);font-size:12px;font-style:normal}.ui-separator{background:var(--color-border);height:1px;margin:4px -3px}.news-panel{top:calc(100% + var(--dropdown-offset));z-index:50;width:320px;box-shadow:none;animation:ui-popover-enter .15s var(--ease-out) both;transform-origin:100% 0;background:0 0;border:0;position:absolute;right:0}.news-panel .t-dropdown__content{padding:var(--dropdown-surface-padding);border:1px solid var(--color-border);border-radius:var(--radius-menu);background:var(--color-popover);box-shadow:var(--shadow-menu);overflow:hidden}.news-panel.is-leaving{pointer-events:none;animation:ui-popover-exit .15s var(--ease-in) both}.news-panel__header{height:var(--dropdown-item-height);padding:0 var(--dropdown-item-padding-x);border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.news-panel__header strong{font-size:14px;font-weight:600}.news-panel__header button{border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:4px;display:inline-flex}.news-panel__list{min-height:160px;max-height:292px;overflow-y:auto}.news-panel__empty{min-height:160px;color:var(--color-text-subtle);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.news-panel__empty>svg{color:var(--color-text-muted)}.news-panel article{padding:8px 34px 8px var(--dropdown-item-padding-x);border-bottom:1px solid var(--color-border);position:relative}.news-panel article:last-child{border-bottom:0}.news-panel article strong{color:var(--color-text);font-size:14px;font-weight:500;line-height:20px;display:block}.news-panel article p{color:var(--color-text-subtle);margin:2px 0 0;font-size:12px;line-height:16px}.news-panel article>svg{top:11px;right:var(--dropdown-item-padding-x);color:var(--color-text-muted);position:absolute}.menu-anatomy{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.menu-anatomy>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:12px;display:flex}.menu-anatomy span{color:var(--color-text);font-size:12px}.dialog-backdrop{z-index:100;background:var(--color-backdrop);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.profile-dialog{border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-popover);width:min(512px,100%);box-shadow:var(--shadow-dialog);padding:24px}.profile-dialog__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-dialog__header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:600;line-height:28px}.profile-dialog dl{margin:0}.profile-dialog dl>div{border-bottom:1px solid var(--color-border);padding:14px 0}.profile-dialog dt{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px}.profile-dialog dd{color:var(--color-text);margin:4px 0 0;font-size:14px;line-height:20px}.profile-dialog__danger{align-items:center;gap:24px;padding-top:16px;display:flex}.profile-dialog__danger>div{flex:1}.profile-dialog__danger strong{color:var(--color-text);font-size:14px;font-weight:600}.profile-dialog__danger p{color:var(--color-text-subtle);margin:3px 0 0;font-size:13px;line-height:19.5px}.toast{z-index:10030;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(356px,100vw - 32px);min-height:48px;color:var(--color-text);align-items:center;gap:9px;padding:14px 16px;font-size:13px;line-height:18px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000001a}.toast svg{color:var(--color-success)}.toast--top-center{--toast-distance:-24px;--toast-scale:1;--toast-blur:0px;top:calc(24px + env(safe-area-inset-top,0px));right:var(--toast-inset-right,0px);bottom:auto;left:var(--toast-inset-left,0px);width:min(356px,100vw - var(--toast-inset-left,0px) - var(--toast-inset-right,0px) - 32px);margin:0 auto}.data-toolbar{border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface);min-height:52px;color:var(--color-text-muted);border-bottom:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.data-toolbar>div:last-child{gap:8px;display:flex}.table-wrap{border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);width:100%;min-width:760px;font-size:13px}th{border-bottom:1px solid var(--color-border);height:40px;color:var(--color-text-muted);text-align:left;padding:0 12px;font-weight:500}td{border-bottom:1px solid var(--color-border);height:52px;color:var(--color-text-muted);padding:0 12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb, var(--color-surface-raised) 25%, transparent)}th:first-child,td:first-child{width:44px;padding-right:0}th:nth-child(3),td:nth-child(3){width:130px}th:nth-child(4),td:nth-child(4){width:80px}th:nth-child(5),td:nth-child(5){width:130px}th:last-child,td:last-child{text-align:right;width:52px}td:nth-child(2){color:var(--color-text)}td:nth-child(2) strong{font-weight:500}.table-project-icon{border-radius:var(--radius-xs);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-muted);vertical-align:middle;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.dashboard-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-sidebar);min-width:1040px;min-height:680px;display:flex;overflow:hidden}#dashboard{overflow-x:auto}.preview-rail{background:var(--color-sidebar);flex-direction:column;flex:0 0 60px;align-items:center;width:60px;padding:12px;display:flex;position:relative}.preview-rail__logo{width:24px;height:24px}.preview-rail__profile{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);width:36px;height:36px;color:var(--color-white);justify-content:center;align-items:center;margin-top:24px;font-size:13px;font-weight:600;display:flex}.preview-rail nav{flex-direction:column;gap:8px;margin-top:46px;display:flex}.preview-rail__bottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.preview-workspace{background:var(--color-canvas) url(/assets/brand/4396a048e4697c38.png) center 72px/72% auto no-repeat;flex:1;min-width:0}.preview-toolbar{justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.preview-toolbar>div{color:var(--color-text);align-items:center;gap:8px;display:flex}.preview-toolbar>div>span{font-size:12px}.preview-content{padding:20px 36px 40px}.preview-create{z-index:1;width:min(600px,100%);margin:0 auto;position:relative}.preview-create__border{z-index:1;border-radius:var(--radius-panel);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.preview-create__border:before{content:"";aspect-ratio:1;width:150%;color:var(--preview-border-highlight,#ffffff2b);transition:color .25s var(--ease-standard);background:conic-gradient(#0000,#0000 40%,currentColor 50%,#0000 60%,#0000);animation:3s linear infinite preview-create-border-spin;position:absolute;top:50%;left:50%}.preview-create:has(.preview-create__input input:focus){--preview-border-highlight:var(--color-credit)}@keyframes preview-create-border-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.preview-create__composer{border:1px solid var(--color-input-border);border-radius:var(--radius-panel);background:var(--color-input-bg);min-height:160px;transition:border-color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.preview-create__input{width:100%;min-height:106px;padding:0;display:block}.preview-create__input input{background:var(--color-input-bg);width:100%;height:81px;color:var(--color-text);border:0;outline:0;padding:20px;font-size:14px;font-weight:400;line-height:24px;display:block}.preview-create__input input::placeholder{color:var(--color-text-muted)}.preview-create__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:8px 20px 20px;display:flex}.preview-create__modes{border-radius:var(--radius-tab);height:32px;min-height:32px;box-shadow:inset 0 0 0 1px var(--color-border);border:0;flex:none;display:inline-flex;overflow:hidden}.preview-create__mode{border-radius:var(--radius-tab);min-width:64px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.preview-create__mode:hover:not(:disabled){color:var(--color-text)}.preview-create__mode.is-active,.preview-create__mode.is-active:hover:not(:disabled){background:var(--color-primary);color:var(--color-canvas)}.preview-create__mode:disabled{cursor:default;opacity:.6}.preview-create__mode:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.preview-create__submit.ui-button{border-radius:var(--radius-control);flex:none;width:auto;height:32px;min-height:32px;padding:6px 12px;font-size:13px;font-weight:500;line-height:20px}@media (max-width:720px){.preview-create__input input{padding-inline:16px}.preview-create__controls{gap:8px;padding-inline:16px}.preview-create__controls>.preview-create__submit{margin-left:auto}}.preview-actions{grid-template-columns:repeat(9,1fr);gap:6px;margin:32px 0 36px;display:grid}.preview-project-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.preview-project-toolbar>div{align-items:center;gap:6px;display:flex}.preview-project-toolbar button:not(.ui-button){border-radius:var(--radius-control);height:32px;color:var(--color-text-muted);background:0 0;border:0;padding:0 10px;font-size:11px;font-weight:500}.preview-project-toolbar button.is-active{background:var(--color-surface);color:var(--color-text)}.preview-project-toolbar span{color:var(--color-text-muted);margin-right:4px;font-size:13px}.home-carousel-toolbar-actions{gap:8px!important}.home-carousel-controls{align-items:center;gap:4px;display:flex}.preview-project-toolbar .home-carousel-controls .ui-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:0 0;width:28px;height:28px;padding:0}.preview-project-toolbar .home-carousel-controls .ui-icon-button:hover:not(:disabled){border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-surface-raised) 50%, transparent);color:var(--color-text)}.preview-project-toolbar .home-carousel-controls .ui-icon-button:disabled{color:var(--color-text-muted);cursor:default;opacity:.35;background:0 0}.preview-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1180px){.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:repeat(5,minmax(96px,1fr))}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-source-map__header,.system-source-map__row{grid-template-columns:140px 220px minmax(0,1fr)}}@media (max-width:980px){.ds-sidebar{width:var(--sidebar-collapsed-width)}.ds-shell{margin-left:var(--sidebar-collapsed-width)}.ds-sidebar__brand{justify-content:center;padding:0 12px}.ds-sidebar__brand-copy,.ds-sidebar__brand>.ui-icon-button,.ds-nav-group>p,.ds-nav-group button span,.ds-sidebar__footer span:last-child{display:none}.ds-nav-group+.ds-nav-group{border-top:1px solid var(--color-border);margin-top:8px;padding-top:8px}.ds-nav-group>button{justify-content:center;width:36px;padding:0}.ds-sidebar__footer{justify-content:center}.navigation-specimens{grid-template-columns:1fr}.page-header{flex-direction:column;gap:14px}.system-topbar__inner{padding:0 20px}.system-nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.system-nav::-webkit-scrollbar{display:none}.system-back-link{padding-left:8px;padding-right:8px}.system-back-link>span{display:none}}@media (max-width:720px){.ds-sidebar{display:none}.ds-topbar{height:calc(64px + env(safe-area-inset-top));flex-basis:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:8px}.ds-topbar__actions{flex-shrink:0}.ds-search-wrap{flex:1;min-width:0}.ds-search{width:100%}.ds-search kbd,.ds-topbar__credits{display:none}.ds-main{padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.system-topbar{height:auto}.system-topbar__inner{flex-wrap:wrap;gap:4px 12px;min-height:88px;padding:8px 16px}.system-nav{flex:0 0 100%;order:3}.system-main{padding:24px 16px 72px}.system-main>.ds-section:first-of-type{padding-top:24px}.system-page .ds-section{scroll-margin-top:104px}.system-source-map__header{display:none}.system-source-map__row{grid-template-columns:1fr;gap:3px;padding:12px 14px}.page-header__meta{flex-wrap:wrap}.color-grid,.two-column-specimens,.form-grid,.form-controls-grid,.feedback-grid,.contrast-row,.weight-row{grid-template-columns:1fr}.type-row{grid-template-columns:1fr;gap:8px}.type-display{font-size:24px;line-height:32px}.quick-action-grid{grid-template-columns:repeat(3,minmax(96px,1fr));min-width:0}.tutorial-grid{grid-template-columns:1fr}.vod-progress__top,.vod-progress__details{flex-direction:column;align-items:flex-start;gap:6px}.vod-progress__details span:last-child{flex:initial}.radius-row,.shadow-row,.menu-anatomy{grid-template-columns:repeat(2,1fr)}.identity-row{width:100%;margin-left:0}.overlay-actions{align-content:flex-start;min-height:480px;padding:24px}.news-panel{top:calc(64px + env(safe-area-inset-top));left:auto;right:max(12px,env(safe-area-inset-right));width:min(320px,100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));position:fixed}.news-panel__list{min-height:0;max-height:min(292px,100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}.profile-dialog__danger{flex-direction:column;align-items:flex-start}.specimen__body{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ui-button,.ui-icon-button,.ui-input-shell,.ui-select,.ui-switch,.ui-choice__mark,.quick-action,.clip-card__media,.tutorial-card,.tab-sample button,.pagination-sample button{transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard)}.ui-button,.ui-icon-button,.tab-sample button,.pagination-sample button{transition-property:color,background-color,border-color,opacity}.quick-action__art,.clip-card__stage>img,.tutorial-card>img{transition:transform var(--duration-base) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.quick-action__art>svg,.quick-action__art>img{transition:transform var(--duration-base) var(--ease-standard)}.quick-action:hover .quick-action__art>svg,.quick-action:hover .quick-action__art>img{transform:scale(1.25)}.tutorial-card:hover>img{transform:scale(1.015)}.cl-asset-icon{-webkit-mask:var(--cl-icon) center/contain no-repeat;mask:var(--cl-icon) center/contain no-repeat;-webkit-mask:var(--cl-icon) center/contain no-repeat;background:currentColor;flex:none;display:inline-block}.cl-sidebar{z-index:30;width:var(--sidebar-collapsed-width);background:var(--color-sidebar);height:100%;color:var(--color-text);transition:width .3s var(--ease-standard),padding .3s var(--ease-standard),border-color .3s var(--ease-standard);border-right:0;flex-direction:column;gap:24px;padding:22.5px 15px 15px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto;transform:translateZ(0)}.cl-sidebar::-webkit-scrollbar{width:8px}.cl-sidebar::-webkit-scrollbar-track{background:0 0}.cl-sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border);border:0}@supports not selector(::-webkit-scrollbar){.cl-sidebar{scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}}.cl-sidebar--fixed{height:100vh;position:fixed}.cl-mobile-sidebar-toggle{display:none}.cl-sidebar.is-open{z-index:40;width:224px;overflow-y:auto}.cl-sidebar.is-closed{padding-inline:calc((var(--sidebar-collapsed-width) - 36px)/2)}.cl-sidebar.is-account-menu-open{overflow-y:hidden}.cl-sidebar__header{flex:0 0 40px;justify-content:space-between;align-items:center;width:100%;height:40px;display:flex}.cl-sidebar__brand{white-space:nowrap;align-items:center;gap:7px;min-width:0;animation:.5s ease-in-out both fadeIn;display:flex;overflow:hidden}.cl-sidebar__brand>svg{flex:none}.cl-sidebar__brand>span{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-border);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.cl-sidebar__brand>span:hover{background:color-mix(in srgb, var(--color-surface-raised) 80%, transparent)}.cl-sidebar__collapse{color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.cl-sidebar__collapse:focus{outline:none}.cl-sidebar-collapse-icon{flex:none;display:block;overflow:visible}.cl-sidebar-collapse-icon__rule{transform-box:fill-box;transform-origin:50%;transition:transform .2s linear}.cl-sidebar.is-closed .cl-sidebar-collapse-icon__rule{transition-duration:.217s}.cl-sidebar.is-open .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__rule,.cl-sidebar.is-open .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__rule,.cl-sidebar.is-open .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__rule{transform:translate(-1.5px)scaleY(.5)}.cl-sidebar.is-closed .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__rule,.cl-sidebar.is-closed .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__rule,.cl-sidebar.is-closed .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__rule{transform:scaleY(.5)}.cl-sidebar-collapse-icon__chevron{transform-box:view-box;transform-origin:0 0;opacity:0}.cl-sidebar.is-open .cl-sidebar-collapse-icon__chevron{transform:translate(62.9708%,50.625%)matrix(-.6,0,0,-.6,0,0)}.cl-sidebar.is-closed .cl-sidebar-collapse-icon__chevron{transform:translate(52.95%,50.625%)matrix(.6,0,0,-.6,0,0)}.cl-sidebar.is-open .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-open .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-open .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__chevron{animation:.2s linear forwards cl-collapse-icon-chevron-collapse}.cl-sidebar.is-open .cl-sidebar__collapse[data-icon-phase=leave]:not(:hover):not(:focus-visible) .cl-sidebar-collapse-icon__chevron{animation:.2s linear reverse forwards cl-collapse-icon-chevron-collapse}.cl-sidebar.is-closed .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-closed .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-closed .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__chevron{animation:.217s linear forwards cl-collapse-icon-chevron-expand}.cl-sidebar.is-closed .cl-sidebar__collapse[data-icon-phase=leave]:not(:hover):not(:focus-visible) .cl-sidebar-collapse-icon__chevron{animation:.217s linear reverse forwards cl-collapse-icon-chevron-expand}@keyframes cl-collapse-icon-chevron-collapse{0%{opacity:0;stroke-opacity:.2;transform:translate(62.9708%,50.625%)matrix(-.6,0,0,-.6,0,0)}8.333%{opacity:1;stroke-opacity:.2;transform:translate(62.9708%,50.625%)matrix(-.6,0,0,-.6,0,0)}41.667%{opacity:1;stroke-opacity:1;transform:translate(59.0125%,50.625%)matrix(-1,0,0,-1,0,0)}to{opacity:1;stroke-opacity:1;transform:translate(52.0833%,50.625%)matrix(-1,0,0,-1,0,0)}}@keyframes cl-collapse-icon-chevron-expand{0%{opacity:0;stroke-opacity:.2;transform:translate(52.95%,50.625%)matrix(.6,0,0,-.6,0,0)}7.692%{opacity:0;stroke-opacity:.2;transform:translate(52.95%,50.625%)matrix(.6,0,0,-.6,0,0)}15.385%{opacity:1;stroke-opacity:.2;transform:translate(52.95%,50.625%)matrix(.6,0,0,-.6,0,0)}46.154%{opacity:1;stroke-opacity:1;transform:translate(56.425%,50.625%)matrix(1,0,0,-1,0,0)}to{opacity:1;stroke-opacity:1;transform:translate(62.5%,50.625%)matrix(1,0,0,-1,0,0)}}@media (prefers-reduced-motion:reduce){.cl-sidebar-collapse-icon__rule,.cl-sidebar-collapse-icon__chevron{transition:none!important;animation:none!important}.cl-sidebar.is-open .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-open .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-open .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__chevron{opacity:1;transform:translate(52.0833%,50.625%)matrix(-1,0,0,-1,0,0)}.cl-sidebar.is-closed .cl-sidebar__collapse:hover .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-closed .cl-sidebar__collapse:focus-visible .cl-sidebar-collapse-icon__chevron,.cl-sidebar.is-closed .cl-sidebar__collapse[data-icon-phase=enter] .cl-sidebar-collapse-icon__chevron{opacity:1;transform:translate(62.5%,50.625%)matrix(1,0,0,-1,0,0)}}.cl-sidebar.is-closed .cl-sidebar__header{justify-content:center}.cl-sidebar.is-closed .cl-sidebar__brand{display:none}.cl-sidebar__account-block{flex-direction:column;flex:none;gap:8px;width:100%;display:flex}.cl-sidebar.is-account-menu-open .cl-sidebar__account-block{width:100%}.cl-sidebar__profile,.cl-sidebar__invite{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-sidebar);width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:color .15s var(--ease-standard),background-color .15s var(--ease-standard),border-color .15s var(--ease-standard);align-items:center;display:flex}.cl-sidebar__profile:hover,.cl-sidebar__invite:hover{background:color-mix(in srgb, var(--color-surface-raised) 50%, transparent)}.cl-sidebar__profile[aria-expanded=true]{background:var(--color-surface-raised)}.cl-sidebar__profile{border-color:var(--color-surface-raised);background:var(--color-surface);border-radius:10px;flex:0 0 62px;justify-content:flex-start;gap:8px;height:62px;padding:6px 8px;font-size:14px;font-weight:500;line-height:20px}.cl-sidebar__avatar{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);text-transform:uppercase;flex:0 0 36px;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;overflow:hidden}.cl-sidebar__profile-copy{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;animation:.5s ease-in-out both fadeIn;display:flex}.cl-sidebar__profile-email{width:100%;max-width:80px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;display:block;overflow:hidden}.cl-sidebar__plan{color:var(--color-text);white-space:nowrap;background:#ffffff1a;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;padding:2px 6px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.cl-sidebar__plan--loading{width:44px}.cl-sidebar__plan--loading .ui-skeleton{width:100%;height:12px}.cl-sidebar__profile-members{color:var(--color-text);align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:16px;display:flex}.cl-sidebar__profile-members .cl-asset-icon{flex:0 0 12px}.cl-sidebar__profile-chevron{color:var(--color-text);flex:none}.cl-sidebar__invite{height:34px;color:var(--color-text);white-space:nowrap;flex:0 0 34px;justify-content:center;gap:0;padding:8px;font-size:14px;font-weight:500;line-height:20px}.cl-sidebar__invite .cl-asset-icon{margin-right:8px}.cl-sidebar.is-closed .cl-sidebar__account-block{width:44px;margin-left:-4px}.cl-sidebar.is-closed .cl-sidebar__header{flex-basis:36px;height:36px}.cl-sidebar.is-closed .cl-sidebar__profile{flex-direction:column;gap:8px;width:44px;padding:6px 0}.cl-sidebar.is-closed .cl-sidebar__avatar{flex-basis:24px;width:24px;height:24px;font-size:11px;line-height:16px}.cl-sidebar.is-closed .cl-sidebar__profile-copy,.cl-sidebar.is-closed .cl-sidebar__invite>span:last-child{display:none}.cl-sidebar.is-closed .cl-sidebar__invite{justify-content:center;width:44px;padding:8px}.cl-sidebar.is-closed .cl-sidebar__invite .cl-asset-icon{margin-right:0}.cl-account-menu{z-index:100;width:244px;color:var(--color-text);box-shadow:none;font-family:var(--font-sans);transform-origin:0 0;animation:ui-popover-enter .15s var(--ease-out) both;background:0 0;border:0;padding:0;font-size:14px;font-weight:400;line-height:20px;display:block;position:fixed}.cl-account-menu .t-dropdown__content{padding:var(--dropdown-surface-padding);border:1px solid var(--color-border);border-radius:var(--radius-menu);background:var(--color-popover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.cl-account-menu.is-leaving{pointer-events:none;animation:ui-popover-exit .15s var(--ease-in) both}.cl-account-menu__header{width:100%;display:block}.cl-account-menu__header>p{color:var(--color-text-subtle);margin:0 0 2px;padding:6px 8px;font-size:14px;font-weight:400;line-height:20px}.cl-account-menu__account,.cl-account-menu__item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;display:flex}.cl-account-menu__account{height:var(--dropdown-item-height);padding:0 var(--dropdown-item-padding-x);border-radius:var(--radius-sm)}.cl-account-menu__item{min-height:var(--dropdown-item-height);padding:0 var(--dropdown-item-padding-x);border-radius:var(--radius-sm)}.cl-account-menu__account:hover,.cl-account-menu__account:focus-visible,.cl-account-menu__item:hover,.cl-account-menu__item:focus-visible{background:var(--color-surface-hover);outline:0}.cl-account-menu__account>svg,.cl-account-menu__icon,.cl-account-menu__trailing{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cl-account-menu__icon>svg,.cl-account-menu__trailing>svg{width:16px;height:16px}.cl-account-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cl-account-menu__detail{color:var(--color-text-subtle);white-space:nowrap;flex:none;font-size:12px;line-height:16px}.cl-account-menu__trailing{color:var(--color-text-subtle);margin-left:-4px}.cl-account-menu__badge{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.cl-account-menu__badge--pro{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface)}.cl-account-menu__badge--beta,.cl-account-menu__badge--free{border-color:var(--color-border);background:var(--color-border);color:var(--color-text)}.cl-account-menu__separator{background:var(--color-border);flex:0 0 1px;width:auto;height:1px;margin:4px -4px}.cl-account-menu__group{flex-direction:column;width:100%;display:flex}.cl-sidebar__primary{flex-direction:column;flex:none;gap:24px;width:100%;display:flex}.cl-sidebar__group{width:100%}.cl-sidebar__group>p{height:20px;color:var(--color-text-subtle);white-space:nowrap;margin:0 0 8px;font-size:12px;font-weight:400;line-height:20px;overflow:hidden}.cl-sidebar.is-open .cl-sidebar__group>p{animation:.5s ease-in-out both fadeIn}.cl-sidebar__group>div,.cl-sidebar__utility{flex-direction:column;gap:8px;width:100%;display:flex}.cl-sidebar__utility{margin-top:auto}.cl-sidebar__item{border-radius:var(--radius-nav);width:100%;height:36px;color:var(--color-text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;flex:0 0 36px;align-items:center;gap:8px;padding:8px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.cl-sidebar__item:hover{background:var(--color-surface-hover)}.cl-sidebar__item.is-active{background:var(--color-surface);font-weight:500}.cl-sidebar__item-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cl-sidebar__activity{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:11px;font-weight:500;line-height:12px;display:inline-flex}.cl-sidebar__activity-spinner{flex:0 0 12px}.cl-sidebar__activity-progress{text-align:right;min-width:26px}.cl-sidebar__new{border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-canvas);margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600;line-height:14px}.cl-sidebar.is-closed .cl-sidebar__group>p{opacity:0}.cl-sidebar__tooltip{width:100%}.cl-sidebar.is-closed .cl-sidebar__item{width:36px;padding:8px;overflow:visible}.cl-sidebar.is-closed .cl-sidebar__activity{width:9px;height:9px;color:var(--color-text);position:absolute;top:-2px;right:-2px}.cl-sidebar.is-closed .cl-sidebar__activity-spinner{flex-basis:9px;width:9px;height:9px}.cl-sidebar.is-closed .cl-sidebar__activity-progress{display:none}.cl-sidebar.is-closed .cl-sidebar__item-label,.cl-sidebar.is-closed .cl-sidebar__new{opacity:0;pointer-events:none;position:absolute;left:40px}.ds-shell{transition:margin-left .3s var(--ease-standard);margin-left:224px}.is-sidebar-collapsed .ds-shell{margin-left:var(--sidebar-collapsed-width)}.ds-topbar{background:0 0;height:64px}.ds-search-wrap{position:relative}.ds-search-results{z-index:60;width:min(420px,100vw - 48px);box-shadow:none;animation:slideUpIn .15s var(--ease-out) both;background:0 0;border:0;padding:0;position:absolute;top:calc(100% + 6px);left:0}.ds-search-results .t-dropdown__content{border:1px solid var(--color-border);border-radius:var(--radius-menu);background:var(--color-popover);max-height:420px;box-shadow:var(--shadow-menu);padding:6px;overflow:hidden auto}.ds-search-results__group+.ds-search-results__group{border-top:1px solid var(--color-border);margin-top:6px;padding-top:6px}.ds-search-results__group>p{color:var(--color-text-subtle);margin:4px 8px;font-size:11px;line-height:16px}.ds-search-results button{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.ds-search-results button:hover,.ds-search-results button.is-active{background:var(--color-surface-hover)}.ds-search-results__copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ds-search-results__copy strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ds-search-results__copy span{color:var(--color-text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ds-search-results__empty{color:var(--color-text-subtle);margin:10px 8px;font-size:12px}.ds-credit-count{height:36px;color:var(--color-text);align-items:center;gap:5px;padding:0 4px;font-size:16px;display:inline-flex}.ds-credit-count svg{color:var(--color-credit);fill:var(--color-credit)}.ds-credit-count--loading{width:70px}.ds-credit-count--loading .ui-skeleton{width:58px;height:14px}.page-header__meta .ui-button{margin-left:4px}#brand-template{scroll-margin-top:84px}.brand-template-specimen-wrap{border:1px solid var(--color-border);background:var(--color-canvas);border-radius:8px;width:100%;overflow-x:auto}.brand-template-workspace{background:var(--color-canvas);width:100%;min-width:1120px;height:760px;color:var(--color-text);position:relative;overflow:hidden}.brand-template-workspace.is-standalone{width:100vw;min-width:1000px;height:100vh}.brand-template-route-bar{border:1px solid var(--color-border);background:var(--color-canvas);min-height:44px;color:var(--color-text-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:0 12px;font-size:12px;display:flex}.brand-template-route-bar a{color:var(--color-text);align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.brand-template-route-bar a:hover{text-decoration:underline}.brand-template-shell{height:100%;transition:margin-left .3s var(--ease-standard);margin-left:76px}.brand-template-workspace.has-open-sidebar .brand-template-shell{margin-left:224px}.brand-template-header{z-index:10;border-bottom:1px solid var(--color-border);background:var(--color-canvas);grid-template-columns:minmax(230px,1fr) auto minmax(390px,1fr);align-items:center;height:56px;padding:0 24px;display:grid;position:relative}.brand-template-header__title{flex-direction:column;flex:none;padding:0 16px;display:flex}.brand-template-header__title strong{color:var(--color-text);font-size:16px;font-weight:600;line-height:20px}.brand-template-header__title span{color:var(--color-text-muted);font-size:12px;line-height:16px}.brand-template-header__actions{justify-content:flex-end;align-items:center;gap:8px;height:44px;padding:0 8px;display:flex}.template-switcher{border:1px solid var(--color-border);background:var(--color-surface);min-width:210px;height:40px;color:var(--color-text);cursor:pointer;transition:background-color .15s var(--ease-standard),border-color .15s var(--ease-standard);border-radius:8px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.template-switcher:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.template-switcher__thumb{background:var(--color-surface-raised);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.template-switcher>span:nth-child(2){text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.template-switcher strong{font-size:12px;font-weight:500;line-height:16px}.template-switcher small{color:var(--color-text-subtle);font-size:10px;line-height:13px}.brand-template-body{background:var(--color-canvas);height:calc(100% - 56px);display:flex;overflow:hidden}.brand-settings-dock{z-index:4;width:352px;height:100%;transition:width .15s var(--ease-standard);flex:none;padding:28px 0 28px 24px;position:relative}.brand-settings-dock.has-secondary{width:642px}.brand-settings-panel{background:var(--color-editor-panel);border-radius:0;width:328px;height:100%;overflow:hidden}.brand-settings-panel>header,.brand-secondary-panel>header{height:56px;color:var(--color-text);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.brand-settings-panel>header{border-bottom:1px solid #3f3f4673}.brand-settings-panel>header strong,.brand-secondary-panel>header strong{font-size:14px;font-weight:600;line-height:20px}.brand-settings-panel__scroll{scrollbar-color:var(--color-border) #0000;scrollbar-width:thin;height:calc(100% - 72px);padding:0 20px 20px;overflow-y:auto}.brand-settings-group+.brand-settings-group{margin-top:32px}.brand-settings-group>h3{color:var(--color-text-subtle);margin:0 0 8px;font-size:12px;font-weight:500;line-height:16px}.brand-settings-group>div{flex-direction:column;gap:8px;display:flex}.brand-setting-row{width:100%;height:40px;color:var(--color-text);transition:background-color .15s var(--ease-standard);background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 6px;display:flex}.brand-setting-row:hover,.brand-setting-row.is-selected{background:var(--color-border)}.brand-setting-row__main{min-width:0;height:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.brand-setting-row__label{min-width:0;color:var(--color-text);align-items:center;gap:8px;display:flex}.brand-setting-row__label svg{color:var(--color-text-subtle);flex:none}.brand-setting-row__label span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:500;line-height:18px;overflow:hidden}.brand-setting-row__action{min-width:0;color:var(--color-text-subtle);align-items:center;gap:3px;display:flex}.brand-setting-row__action small{text-overflow:ellipsis;white-space:nowrap;max-width:75px;font-size:11px;font-weight:400;line-height:16px;overflow:hidden}.brand-switch{border-radius:var(--radius-control);background:var(--color-border-strong);cursor:pointer;width:30px;height:18px;transition:background-color .15s var(--ease-standard);border:0;flex:0 0 30px;padding:0;position:relative}.brand-switch>span{background:var(--color-text);width:14px;height:14px;transition:transform .15s var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000047}.brand-switch.is-checked{background:var(--color-text)}.brand-switch.is-checked>span{background:var(--color-surface);transform:translate(12px)}.brand-secondary-panel{background:var(--color-editor-panel);width:310px;height:calc(100% - 56px);animation:brandPanelEnter .15s var(--ease-out) both;border-radius:12px;position:absolute;top:28px;left:373px;overflow:hidden;box-shadow:0 12px 28px #00000038}.brand-secondary-panel>header{border-bottom:1px solid #3f3f4673;padding:0 12px}.brand-secondary-panel>header>span{width:28px}.brand-secondary-panel__body{scrollbar-color:var(--color-border) #0000;scrollbar-width:thin;flex-direction:column;gap:32px;height:calc(100% - 56px);padding:18px 20px 24px;display:flex;overflow-y:auto}.brand-panel-group{flex-direction:column;gap:12px;display:flex}.brand-panel-group h4{color:var(--color-text);align-items:center;gap:5px;margin:0;font-size:12px;font-weight:500;line-height:15px;display:flex}.brand-panel-group h4>span{border:1px solid var(--color-border-strong);width:14px;height:14px;color:var(--color-text-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.brand-segmented{background:var(--color-border);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.brand-segmented button{border-radius:var(--radius-tab);height:30px;color:var(--color-text-subtle);cursor:pointer;transition:color .15s var(--ease-standard),background-color .15s var(--ease-standard);background:0 0;border:0;padding:0 7px;font-size:11px}.brand-segmented button.is-selected{background:var(--color-text);color:var(--color-surface)}.layout-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.layout-options button{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text-subtle);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.layout-options button.is-selected{border-color:var(--color-text);color:var(--color-text)}.layout-options button>span{border:1px solid;border-radius:3px;gap:2px;width:25px;height:38px;padding:3px;display:flex}.layout-options button i{opacity:.55;background:currentColor;flex:1;display:block}.layout-options small{font-size:10px;line-height:14px}.caption-presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.caption-presets button{border:1px solid var(--color-border);background:var(--color-surface);height:68px;color:var(--color-text);cursor:pointer;border-radius:8px;font-size:10px;line-height:14px}.caption-presets button.is-selected{border-color:var(--color-text)}.caption-presets b{color:#ffe629;font-size:13px}.brand-select{border:1px solid var(--color-input-border);background:var(--color-input-bg);height:40px;color:var(--color-text);border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.brand-slider-row{align-items:center;gap:8px;height:32px;display:flex}.brand-slider-row input{min-width:0;accent-color:var(--color-text);flex:1}.brand-slider-row>span{background:var(--color-border);width:60px;height:32px;color:var(--color-text);box-shadow:var(--shadow-sm);border-radius:8px;flex:0 0 60px;justify-content:center;align-items:center;font-size:12px;line-height:20px;display:flex}.brand-colors{align-items:center;gap:8px;display:flex}.brand-colors button{cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 1px var(--color-border-strong);border:2px solid #0000;border-radius:50%;padding:0}.brand-colors button.is-selected{border-color:var(--color-editor-panel);box-shadow:0 0 0 2px var(--color-text)}.brand-colors .brand-color-add{border:1px dashed var(--color-border-strong);background:var(--color-border);color:var(--color-text);box-shadow:none}.check-list{flex-direction:column;gap:6px;display:flex}.check-list button{height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 8px;font-size:12px;display:flex}.check-list button:hover{background:var(--color-border)}.check-list button>span{background:var(--color-text);width:16px;height:16px;color:var(--color-surface);border-radius:4px;justify-content:center;align-items:center;display:flex}.music-notice{background:var(--color-border);color:var(--color-text-subtle);border-radius:8px;padding:10px 12px;font-size:11px;line-height:16px}.music-row{color:var(--color-text);align-items:center;gap:9px;display:flex}.music-row__art{background:var(--color-surface-raised);border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.music-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.music-row strong{font-size:12px;font-weight:500}.music-row small{color:var(--color-text-subtle);font-size:10px}.brand-upload{border:1px dashed var(--color-border-strong);min-height:190px;color:var(--color-text-subtle);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.brand-upload strong{color:var(--color-text);font-size:13px;font-weight:500}.brand-upload>span{font-size:10px}.feature-preview{flex-direction:column;gap:8px;display:flex}.feature-preview img{object-fit:cover;background:var(--color-border);border-radius:8px;width:100%;max-height:180px}.feature-preview strong{color:var(--color-text);font-size:13px;font-weight:500}.feature-preview>span{color:var(--color-text-subtle);font-size:11px;line-height:16px}.brand-editor{background:var(--color-canvas);flex:1;grid-template-rows:44px minmax(0,1fr) 38px 176px;min-width:420px;display:grid;position:relative;overflow:hidden}.brand-editor__canvas-toolbar{border-bottom:1px solid color-mix(in srgb, var(--color-surface-raised) 65%, transparent);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.brand-editor__canvas-toolbar>div{color:var(--color-text-subtle);align-items:center;gap:5px;font-size:11px;display:flex}.brand-editor__stage{background-color:var(--color-canvas);background-image:radial-gradient(var(--color-border) 1px, transparent 1px);background-size:18px 18px;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;overflow:hidden}.brand-video-canvas{aspect-ratio:9/16;background:var(--color-editor-panel);border-radius:3px;height:100%;max-height:395px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000057}.brand-video-canvas>img{object-fit:cover;width:100%;height:100%}.brand-video-canvas__shade{background:linear-gradient(#0505068c,#0000 38%,#05050685);position:absolute;inset:0}.brand-video-canvas__hook{color:#fff;letter-spacing:-.7px;text-align:center;text-shadow:0 2px 12px #00000080;font-size:clamp(13px,1.25vw,20px);font-weight:800;line-height:.94;position:absolute;top:9%;left:8%;right:8%}.brand-video-canvas__caption{color:#fff;text-align:center;text-transform:uppercase;flex-direction:column;font-size:clamp(8px,.8vw,12px);font-weight:750;line-height:1.15;display:flex;position:absolute;bottom:18%;left:7%;right:7%}.brand-video-canvas__caption strong{color:#ffe629}.brand-video-canvas__selection{border:1px solid #9f7aea;height:16%;position:absolute;bottom:16%;left:6%;right:6%}.brand-video-canvas__selection i{background:#fff;border:1px solid #5b21b6;width:5px;height:5px;position:absolute}.brand-video-canvas__selection i:first-child{top:-3px;left:-3px}.brand-video-canvas__selection i:nth-child(2){top:-3px;right:-3px}.brand-video-canvas__selection i:nth-child(3){bottom:-3px;right:-3px}.brand-video-canvas__selection i:nth-child(4){bottom:-3px;left:-3px}.brand-video-canvas__safe{color:#ffffff73;font-size:7px;line-height:10px;position:absolute;bottom:6px;right:8px}.brand-editor__transport{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text-subtle);grid-template-columns:1fr 42px 1fr;place-items:center;font-size:10px;display:grid}.brand-editor__transport span:first-child{justify-self:end}.brand-editor__transport span:last-child{justify-self:start}.brand-editor__transport button{background:var(--color-text);width:30px;height:30px;color:var(--color-surface);cursor:pointer;transition:transform .15s var(--ease-standard);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.brand-editor__transport button:active{transform:scale(.94)}.brand-timeline{background:var(--color-canvas);padding:25px 10px 8px 70px;position:relative;overflow:hidden}.brand-timeline__ruler{height:24px;color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;top:0;left:70px;right:10px}.brand-timeline__ruler i{background:var(--color-border-strong);width:1px;height:4px}.brand-timeline__track{border-top:1px solid var(--color-surface);height:43px;position:relative}.brand-timeline__track>strong{width:58px;color:var(--color-text-muted);text-align:right;font-size:9px;font-weight:500;line-height:34px;position:absolute;top:0;left:-64px}.brand-timeline__clip{border-radius:4px;align-items:center;font-size:9px;display:flex;position:absolute;inset:4px 2% 4px 0;overflow:hidden}.brand-timeline__clip small{color:#fff;text-overflow:ellipsis;white-space:nowrap;padding:0 7px;overflow:hidden}.brand-timeline__clip--video{background:#6d5bd057;border:1px solid #6d5bd0}.brand-timeline__clip--caption{background:#d9770647;border:1px solid #d97706;right:22%}.brand-timeline__clip--audio{background:#0f9f6e33;border:1px solid #0f9f6e;justify-content:space-around;display:flex}.brand-timeline__clip--audio i{background:#30d17b;border-radius:2px;width:2px;height:15px}.brand-timeline__playhead{background:var(--color-text);width:1px;position:absolute;top:18px;bottom:0;left:70px}.brand-timeline__playhead:before{background:var(--color-text);content:"";border-radius:2px;width:9px;height:7px;position:absolute;top:0;left:-4px}.brand-timeline.is-playing .brand-timeline__playhead{animation:3s linear infinite timelinePlay}.brand-onboarding{z-index:60;-webkit-backdrop-filter:blur(.75px);backdrop-filter:blur(.75px);background:#050506f7;justify-content:center;align-items:center;animation:.5s ease-in-out both fadeIn;display:flex;position:absolute;inset:0}.brand-onboarding__content{flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.brand-onboarding__close{width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:background-color .15s var(--ease-standard);background:#ffffff14;border:0;border-radius:24px;justify-content:center;align-items:center;display:flex;position:absolute;top:-64px;right:-24px}.brand-onboarding__close:hover{background:#ffffff24}.brand-onboarding__copy{text-align:center}.brand-onboarding__copy h2{color:var(--color-text);letter-spacing:-.52px;background:0 0;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:26px;font-weight:600;line-height:28px}.brand-onboarding__copy p{color:var(--color-text-subtle);margin:2px 0;font-size:14px;line-height:20px}.brand-onboarding__cards{width:602px;height:160px;margin:8px 0;position:relative;overflow:hidden}.brand-onboarding__cards img{object-fit:contain;width:602px;height:140px;display:block}.brand-onboarding__cards>span{background:linear-gradient(90deg, var(--color-canvas) 0, transparent 12%, transparent 88%, var(--color-canvas) 100%);pointer-events:none;position:absolute;inset:0}.brand-onboarding__actions{gap:24px;display:flex}.brand-onboarding__actions button{border-radius:var(--radius-control);background:var(--color-surface-hover);width:136px;height:40px;color:var(--color-text);cursor:pointer;transition:background-color .15s var(--ease-standard),border-color .15s var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.brand-onboarding__actions button:last-child{border-color:var(--color-text);background:0 0}.brand-onboarding__actions button:hover{background:var(--color-border-strong)}.motion-library{border:1px solid var(--color-border);background:var(--color-canvas);border-radius:8px}.motion-library__toolbar{border-bottom:1px solid var(--color-border);min-height:54px;color:var(--color-text-subtle);justify-content:space-between;align-items:center;gap:16px;padding:8px 12px 8px 16px;font-size:12px;display:flex}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.motion-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:150px;padding:20px}.motion-card:nth-child(3n){border-right:0}.motion-card>div{background:var(--color-surface);height:68px;color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.motion-card>div>span{background:var(--color-text);border-radius:6px;width:26px;height:26px;display:block}.motion-card>strong{color:var(--color-text);font-size:13px;font-weight:500;line-height:18px;display:block}.motion-card>code{color:var(--color-text-muted);font-family:var(--font-sans);margin-top:2px;font-size:10px;line-height:15px;display:block}.motion-demo--fade>span{animation:.5s ease-in-out both fadeIn}.motion-demo--slide>span{animation:slideUpIn .5s var(--ease-out) both}.motion-demo--pulse>span{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.motion-demo--rotate svg{animation:3s linear infinite rotate}.motion-demo--sway svg{animation:1.6s ease-in-out infinite arrow-damped-sway}.motion-demo--twinkle>span{border:1px solid var(--color-text);animation:1s ease-in-out infinite alternate border-twinkle;background:0 0!important}.motion-collapsible{margin-top:-1px}.motion-collapsible>button{width:100%;height:48px;color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;display:flex}.motion-collapsible>button svg{transition:transform .3s var(--ease-out)}.motion-collapsible>button svg.is-open{transform:rotate(180deg)}.motion-collapsible>div{opacity:0;transition:grid-template-rows .3s var(--ease-out),opacity .3s var(--ease-out);grid-template-rows:0fr;display:grid}.motion-collapsible>div.is-open{opacity:1;grid-template-rows:1fr}.motion-collapsible p{min-height:0;color:var(--color-text-subtle);margin:0;padding:0 16px;font-size:12px;line-height:18px;overflow:hidden}.motion-collapsible>div.is-open p{padding-bottom:14px}.account-menu{animation:slideUpIn .15s var(--ease-out) both}.news-panel{animation:ui-popover-enter .15s var(--ease-out) both}.dialog-backdrop{animation:fadeIn .15s var(--ease-standard) both}.profile-dialog{animation:dialogEnter .15s var(--ease-out) both}.toast{animation:slideUpIn .5s var(--ease-out) both}.motion-arrow-sway{animation:1.6s ease-in-out infinite arrow-damped-sway}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-tooltip-enter{0%{opacity:0;transform:translate(var(--tooltip-x,0), var(--tooltip-y,0)) scale(var(--tt-scale))}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ui-tooltip-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tooltip-x,0), var(--tooltip-y,0)) scale(var(--tt-scale))}}@keyframes ui-popover-enter{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ui-popover-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.95)}}@keyframes ui-error-drop-in{0%{opacity:0;transform:translateY(calc(-100% - 32px))}to{opacity:1;transform:translateY(0)}}@keyframes ui-error-lift-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-100% - 32px))}}@keyframes arrow-damped-sway{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes border-twinkle{0%{border-color:var(--color-text)}to{border-color:#0000}}@keyframes pulse{50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes brandPanelEnter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes dialogEnter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes timelinePlay{0%{left:70px}to{left:calc(98% - 2px)}}.dashboard-preview{min-width:1040px;min-height:720px;display:block;position:relative}.dashboard-preview .cl-sidebar{height:100%}.preview-workspace{min-height:720px;transition:margin-left .3s var(--ease-standard);margin-left:76px}.dashboard-preview.has-open-sidebar .preview-workspace{margin-left:224px}@media (max-width:1180px){.brand-template-header{grid-template-columns:minmax(210px,1fr) auto minmax(360px,1fr)}.brand-template-header__actions{gap:5px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-card:nth-child(3n){border-right:1px solid var(--color-border)}.motion-card:nth-child(2n){border-right:0}}@media (min-width:721px) and (max-width:980px){.cl-sidebar--fixed.is-open{width:var(--sidebar-collapsed-width);padding-inline:calc((var(--sidebar-collapsed-width) - 36px)/2);border-right-color:#0000;overflow-y:auto}.cl-sidebar--fixed.is-open .cl-sidebar__header{justify-content:flex-start}.cl-sidebar--fixed.is-open .cl-sidebar__brand,.cl-sidebar--fixed.is-open .cl-sidebar__profile-copy,.cl-sidebar--fixed.is-open .cl-sidebar__invite>span:last-child,.cl-sidebar--fixed.is-open .cl-sidebar__item-label,.cl-sidebar--fixed.is-open .cl-sidebar__new{display:none}.cl-sidebar--fixed.is-open .cl-sidebar__account-block{width:44px;margin-left:-4px}.cl-sidebar--fixed.is-open .cl-sidebar__profile{flex-direction:column;gap:8px;width:44px;padding:6px 0}.cl-sidebar--fixed.is-open .cl-sidebar__avatar{flex-basis:24px;width:24px;height:24px;font-size:11px;line-height:16px}.cl-sidebar--fixed.is-open .cl-sidebar__invite{justify-content:center;width:44px;padding-left:0;padding-right:0}.cl-sidebar--fixed.is-open .cl-sidebar__invite .cl-asset-icon{margin-right:0}.cl-sidebar--fixed.is-open .cl-sidebar__group>p{opacity:0}.cl-sidebar--fixed.is-open .cl-sidebar__item{width:36px}.ds-shell,.is-sidebar-collapsed .ds-shell{margin-left:var(--sidebar-collapsed-width)}}@media (max-width:720px){.ui-error-toaster{width:calc(100vw - 32px);top:16px}.cl-sidebar--fixed,.cl-sidebar__desktop-toggle{display:none}.cl-mobile-sidebar-toggle{border:1px solid var(--color-surface-raised);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#0000;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s;display:inline-flex}.cl-mobile-sidebar-toggle>svg{flex:0 0 20px;display:block}.cl-mobile-sidebar-toggle:hover,.cl-mobile-sidebar-toggle:active{background:var(--color-surface-hover)}.cl-mobile-sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cl-sidebar--fixed.is-mobile-open{z-index:80;width:100%;height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overscroll-behavior:contain;animation:cl-mobile-sidebar-enter .3s var(--ease-standard) both;display:flex;inset:0}.cl-sidebar--fixed.is-mobile-open .cl-sidebar__header{flex-basis:38px;height:38px}.cl-sidebar--fixed.is-mobile-open .cl-sidebar__item{min-height:44px}.ds-search-results{top:calc(64px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));position:fixed}.ds-shell,.is-sidebar-collapsed .ds-shell{border:0;border-radius:0;height:100%;margin:0}.motion-grid{grid-template-columns:1fr}.motion-card,.motion-card:nth-child(2n),.motion-card:nth-child(3n){border-right:0}.motion-library__toolbar{flex-direction:column;align-items:flex-start}.page-header__meta .ui-button{width:100%;margin-left:0}}@keyframes cl-mobile-sidebar-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cl-sidebar--fixed.is-mobile-open{animation:none}}.preview-create__modes{position:relative}.preview-create__modes>.t-tabs-pill{border-radius:var(--radius-tab);background:var(--color-primary);height:32px;top:0}.preview-create__mode{z-index:1;position:relative}.preview-create__mode.is-active,.preview-create__mode.is-active:hover:not(:disabled){color:var(--color-canvas);background:0 0}.cl-account-menu.t-dropdown,.news-panel.t-dropdown,.ds-search-results.t-dropdown,.account-menu.t-dropdown,.toast.t-toast,.ui-error-banner.t-toast,.dialog-backdrop.t-modal-backdrop,.profile-dialog.t-modal{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}