.preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px}.expand-preview{flex-shrink:0}.pattern-format .expand-preview{min-width:36px;width:36px;height:32px;min-height:32px;padding:0;display:grid;place-items:center}.pattern-format .expand-preview svg{width:17px;height:17px}
.mega-viewer{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--bg);color:var(--text)}.mega-viewer::backdrop{background:#0f1624}.mega-viewer:fullscreen{width:100%;height:100%;background:var(--bg)}.mega-viewer-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.mega-viewer-close{position:absolute;right:24px;top:24px;z-index:5;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#0f1624cc;color:#fff;box-shadow:0 1px 16px #0002}.mega-viewer-close:hover{background:#0f1624}.mega-viewer-close svg{width:20px;height:20px}.mega-viewer-hint{position:absolute;left:24px;bottom:20px;z-index:4;background:#0f1624bb;color:#fff;font-size:11px;padding:8px 14px;border-radius:24px;pointer-events:none}.mega-viewer-stage>.pattern-scene,.mega-viewer-stage>.color-scene{width:100%;height:100%;max-width:none!important;min-height:0!important;aspect-ratio:auto!important;margin:0;border-radius:0}.mega-viewer-stage>.logo-showcase{width:100%;height:100%;border-radius:0}.mega-viewer-stage>.logo-showcase img{width:min(38vw,680px)}.mega-viewer-stage>#type-preview{display:grid;place-items:center;text-align:center;width:100%;height:100%;padding:80px max(24px,8vw);margin:0;min-height:0;background:var(--surface);overflow:auto}.mega-viewer-stage>#type-preview:focus{outline-offset:-4px}
@media(min-width:681px){.sidebar{overflow:visible;height:auto;min-height:100dvh;align-self:flex-start;isolation:isolate}.sidebar .sidebar-dev-space{min-height:0;padding:0;flex:1}.sidebar nav{position:relative;z-index:1}.sidebar .sidebar-bottom{position:static;margin-top:auto;padding-top:32px;min-height:0}.sidebar .sidebar-bottom .sidebar-watermark{position:absolute;bottom:62px;left:24px;width:calc(100% - 48px);max-width:224px;max-height:none;height:auto;margin:0;pointer-events:none;z-index:-1;opacity:.08}.sidebar .local-label{position:relative;z-index:1}}
@media(min-width:681px) and (max-height:1100px){.sidebar{position:relative;top:auto}}
@media(max-width:680px){.mega-viewer-close{top:16px;right:16px}.mega-viewer-hint{left:16px;bottom:16px;font-size:10px}.mega-viewer-stage>.logo-showcase{grid-template-columns:1fr}.mega-viewer-stage>.logo-showcase img{width:65vw}.pattern-format .expand-preview{min-width:32px;width:32px}}