.playground-colors-module__qpcKDG__workspace{height:var(--console-faq-content-height,calc(100svh - var(--header-height) - 128px));grid-template-rows:auto minmax(480px,1fr);min-height:min-content;display:grid}.playground-colors-module__qpcKDG__surface{background:var(--lex-surface);color:var(--lex-text-primary)}.playground-colors-module__qpcKDG__notice{background:var(--lex-notice-surface);color:var(--lex-text-primary)}.playground-colors-module__qpcKDG__statusBadge,.playground-colors-module__qpcKDG__staticLabel{border-color:var(--lex-border-default);background:var(--lex-static-surface);color:var(--lex-text-secondary)}html:root .playground-colors-module__qpcKDG__textLink{color:var(--lex-content-link);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}html:root .playground-colors-module__qpcKDG__textLink:is(:hover,:active,:focus-visible){text-decoration-thickness:2px}html:root .playground-colors-module__qpcKDG__textLink:focus-visible{outline:2px solid var(--lex-focus-ring);outline-offset:3px}html:root .playground-colors-module__qpcKDG__selectTrigger:focus-visible{border-color:var(--lex-selection-border);outline-offset:0;box-shadow:none;outline:none}.playground-colors-module__qpcKDG__selectTrigger{box-shadow:none;transition:border-color .15s,background-color .15s;transform:none}.playground-colors-module__qpcKDG__browserModeTrigger{border-radius:var(--lex-radius-control);width:132px;height:var(--lex-console-control-height);border:1px solid var(--lex-border-control);color:var(--lex-text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.playground-colors-module__qpcKDG__selectTrigger:disabled{cursor:not-allowed}.playground-colors-module__qpcKDG__selectChevron{color:var(--lex-text-primary);transition:transform .15s}.playground-colors-module__qpcKDG__selectTrigger[data-state=open] .playground-colors-module__qpcKDG__selectChevron{transform:rotate(180deg)}html:root .playground-colors-module__qpcKDG__resizeHandle{background:var(--lex-border-control);color:var(--lex-text-primary)}html:root .playground-colors-module__qpcKDG__resizeHandle:is(:hover,[data-resize-handle-active]){background:var(--lex-selection-border)}html:root .playground-colors-module__qpcKDG__resizeHandle>div{border-color:var(--lex-border-control);background:var(--lex-surface)}html:root .playground-colors-module__qpcKDG__resizeHandle:is(:hover,[data-resize-handle-active])>div{border-color:var(--lex-selection-border);background:var(--lex-interaction-hover)}html:root .playground-colors-module__qpcKDG__resizeHandle:focus-visible{outline:2px solid var(--lex-focus-ring);outline-offset:3px}html:root .playground-colors-module__qpcKDG__scrollViewport:focus-visible{outline:2px solid var(--lex-focus-ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.playground-colors-module__qpcKDG__selectTrigger,.playground-colors-module__qpcKDG__selectChevron{transition:none}}@media (forced-colors:active){html:root .playground-colors-module__qpcKDG__resizeHandle{background:buttontext}html:root .playground-colors-module__qpcKDG__resizeHandle:is(:hover,[data-resize-handle-active]){background:highlight}}