.platform-ui-guide-layer{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.platform-ui-guide-layer *{pointer-events:none}.platform-ui-guide-region{background:repeating-linear-gradient(135deg,#f59e0b17 0 5px,#f59e0b33 5px 7px);border:1px dashed #fbbf24a6;position:absolute}.platform-ui-guide-region--top{height:var(--guide-top);inset:0 0 auto}.platform-ui-guide-region--interaction{right:0;top:var(--guide-interaction-top);bottom:var(--guide-bottom);width:var(--guide-right)}.platform-ui-guide-region--bottom{height:var(--guide-bottom);inset:auto 0 0}.platform-ui-guide-region>span{color:#fef3c7;overflow-wrap:anywhere;background:#18181be6;border-radius:5px;max-width:calc(100% - 8px);padding:2px 4px;font-size:clamp(8px,3.2cqw,13px);font-weight:500;line-height:1.3;position:absolute;top:4px;left:4px}.platform-ui-guide-region--interaction>span{left:auto;right:3px}.platform-ui-guide-region--bottom>span{top:auto;bottom:4px}.platform-ui-guide-options{border:0;border-top:1px solid var(--border);gap:4px;min-width:0;margin:0;padding:10px 0 0;display:grid}.platform-ui-guide-options legend{float:left;width:100%;margin-bottom:6px;font-size:12px;font-weight:500}.platform-ui-guide-options label{cursor:pointer;overflow-wrap:anywhere;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex!important}.platform-ui-guide-options label:has(input:checked){background:var(--muted)}.platform-ui-guide-options input{width:16px;height:16px;accent-color:var(--foreground);flex:0 0 16px}.platform-ui-guide-options p,.platform-ui-guide-status{color:var(--muted-foreground);overflow-wrap:anywhere;margin:4px 0;font-size:12px;line-height:1.6}.platform-ui-guide-status small{font-size:inherit;display:block}.unified-preview__display-menu,.platform-ui-guide-menu{width:min(320px,100vw - 24px);max-height:min(680px, var(--radix-popover-content-available-height,calc(100dvh - 24px)));overscroll-behavior:contain;overflow-y:auto}.platform-ui-guide-menu{z-index:180}.platform-ui-guide-selector{white-space:normal;max-width:100%;height:auto;min-height:44px;margin-block:4px;font-size:12px}.platform-ui-guide-reminder{background:var(--muted);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;font-size:12px;display:flex}.platform-ui-guide-reminder p{flex:240px;margin:0}.platform-ui-guide-reminder button{white-space:normal;height:auto;min-height:44px}.platform-ui-guide-demo{z-index:170;width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.platform-ui-guide-demo .workbench-preview__media{height:auto;min-height:0}.platform-ui-guide-demo .workbench-preview__canvas{width:min(100%,220px);max-height:none;margin-inline:auto}.platform-ui-guide-demo>p{color:var(--muted-foreground);font-size:12px}.workbench-preview__comparison-canvas,.bookend-preview__canvas{container-type:inline-size}.clip-workbench--unified .clip-workbench__media-card[data-platform-guide-active] .clip-workbench__preview-heading{grid-template-columns:minmax(70px,1fr) minmax(0,440px);gap:4px 8px;height:auto;min-height:24px;display:grid}.clip-workbench__media-card[data-platform-guide-active] .clip-workbench__preview-heading .workbench-section-header__heading{grid-area:1/1}.clip-workbench__media-card[data-platform-guide-active] .clip-workbench__preview-heading .workbench-section-header__controls{grid-area:1/2;width:100%}.clip-workbench__media-card[data-platform-guide-active] .clip-workbench__preview-heading .workbench-section-header__summary{grid-area:2/1/auto/-1;min-width:0}.clip-workbench__media-card[data-platform-guide-active] .clip-workbench__preview-heading .workbench-section-header__description{display:none}@media (min-width:901px){.unified-workspace[data-output-ratio] .clip-workbench__media-card[data-platform-guide-active]{grid-template-rows:auto minmax(0,1fr)}.clip-workbench--unified .unified-workspace .clip-workbench__media-card[data-platform-guide-active] .workbench-preview[data-preview-aspect]:not([data-height-adjustable=true]){flex:1;align-self:stretch;height:auto;min-height:0;container-type:size;--workbench-canvas-height:100cqh!important}}.workbench-preview:fullscreen{background:#09090b;place-items:center;width:100vw;height:100vh;display:grid}.workbench-preview:fullscreen .workbench-preview__content{width:100%;height:100%}.workbench-preview__exit-fullscreen{display:none}.workbench-preview:fullscreen .workbench-preview__exit-fullscreen{z-index:30;color:#fff;background:#27272a;border-radius:999px;min-width:44px;min-height:44px;padding:8px 16px;display:block;position:absolute;top:12px;right:12px}.workbench-preview:fullscreen .workbench-preview__media:not(.workbench-preview__media--comparison) .workbench-preview__canvas{width:min(100vw, calc(100vh * var(--workbench-canvas-aspect)));height:auto;max-height:100vh;transform:none}@media (max-width:900px){.clip-workbench--unified .clip-workbench__preview-heading .workbench-section-header__description{white-space:normal;display:block}.clip-workbench--unified .clip-workbench__preview-heading .unified-preview__display{height:auto;min-height:44px;padding:8px}}