.page-shell .design-variants{position:fixed;bottom:16px;left:16px;z-index:1000;border:1px solid var(--color-gray-04);border-radius:var(--radius-12);max-width:calc(100vw - 32px);font-size:var(--font-13);line-height:var(--font-13-height);background:var(--color-white);box-shadow:0 4px 16px rgba(0,0,0,.12)}.page-shell .design-variants-toggle{padding:8px 14px;font-weight:700;cursor:pointer}.page-shell .design-variants-body{display:grid;gap:10px;padding:4px 14px 14px}.page-shell .design-variants-row{display:grid;gap:4px}.page-shell .design-variants-label{font-size:var(--font-12);line-height:var(--font-12-height);color:var(--color-gray-09)}.page-shell .design-variants-select{border:1px solid var(--color-gray-04);border-radius:var(--radius-8);padding:0 8px;height:32px;background:var(--color-white)}@media (max-width:599px){.page-shell .design-variants{bottom:12px;left:12px}}