.public-component-preview-module__PWp4pW__page{--canvas-bg:#f5f5f5;--foreground:#2c2c2c;--text-secondary:#6e6e6e;z-index:50;background:var(--canvas-bg,#f8f8f8);color:var(--foreground,#2c2c2c);font-family:var(--font-inter,Inter,system-ui,sans-serif);grid-template-rows:64px minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.public-component-preview-module__PWp4pW__page[data-public-theme=dark]{--canvas-bg:#0a0a0a;--foreground:#e5e5e5;--text-secondary:silver}.public-component-preview-module__PWp4pW__themeControls{padding:0 24px max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));display:flex}.public-component-preview-module__PWp4pW__header{align-items:center;gap:16px;padding:0 24px;display:flex}.public-component-preview-module__PWp4pW__brand{width:fit-content;min-height:40px;color:inherit;letter-spacing:-.03em;align-items:center;gap:8px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.public-component-preview-module__PWp4pW__brandText{white-space:nowrap}.public-component-preview-module__PWp4pW__brandPrefix{color:var(--text-secondary)}.public-component-preview-module__PWp4pW__brandMark{background:currentColor;flex:none;width:24px;height:24px;display:block;-webkit-mask:url(/brand/tenor-mark-graphite.svg) 50%/contain no-repeat;mask:url(/brand/tenor-mark-graphite.svg) 50%/contain no-repeat}.public-component-preview-module__PWp4pW__brand:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.public-component-preview-module__PWp4pW__brand:hover{opacity:.75}.public-component-preview-module__PWp4pW__title{min-width:0;max-width:min(240px,100%);height:18px;font:500 13px/18px var(--font-sans,system-ui,sans-serif);text-align:left;color:var(--text-secondary,#6e6e6e);justify-content:flex-start;align-items:center;gap:8px;margin:0 0 8px;display:flex}.public-component-preview-module__PWp4pW__title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-component-preview-module__PWp4pW__titleMark{flex:none;width:18px;height:18px}.public-component-preview-module__PWp4pW__canvas{justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex;overflow:clip}.public-component-preview-module__PWp4pW__frame{flex:none;position:relative}.public-component-preview-module__PWp4pW__artifact{transform-origin:0 0;position:absolute;top:26px;left:0}.public-component-preview-module__PWp4pW__image{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:600px){.public-component-preview-module__PWp4pW__page{grid-template-rows:56px minmax(0,1fr) auto}.public-component-preview-module__PWp4pW__header{gap:8px;padding:0 16px}.public-component-preview-module__PWp4pW__canvas{padding:24px}}