.design-preview-banner{position:relative;z-index:10;display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:60px;padding:10px 24px;background:#15131b;color:#cbb5ec;border-bottom:1px solid #b59bda24;font:10px/1.5 "Segoe UI",system-ui,sans-serif;letter-spacing:1px}
.design-preview-notice{margin-right:auto}
.design-preview-views{display:flex;width:auto;flex-shrink:0;gap:4px;padding:3px;background:#09090d;border:1px solid #b59bda26;border-radius:10px}
.design-preview-views a,.design-preview-views span{display:block;padding:6px 12px;border:1px solid transparent;border-radius:7px;font-size:12px;line-height:18px;letter-spacing:0;white-space:nowrap}
.design-preview-banner a{color:#e7d9fb;text-decoration:none;letter-spacing:0}
.design-preview-views a:hover{background:#b59bda12}
.design-preview-views [aria-current="page"]{background:#b59bda24;border-color:#b59bda40;color:#f4eaff;box-shadow:inset 0 -2px #ff985d}
.design-preview-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
.design-preview-links a{font-size:11px;white-space:nowrap}
.design-preview-banner a:focus-visible{outline:2px solid #ff985d;outline-offset:3px}
.design-preview-entry{display:flex;flex-direction:column;min-height:100dvh}
.design-preview-entry>header{position:static;flex-shrink:0;margin:30px 36px 0}
.design-preview-entry>main{flex:1;min-height:0}
@media(max-width:960px){.design-preview-banner{gap:8px 12px}.design-preview-notice{width:100%;font-size:9px}.design-preview-links{margin-left:auto}}
@media(max-width:500px){.design-preview-banner{padding:10px 14px;letter-spacing:.6px}.design-preview-notice{font-size:8px}.design-preview-views a,.design-preview-views span{padding:5px 9px;font-size:11px}.design-preview-links{gap:8px}.design-preview-links a{font-size:10px}.design-preview-entry>header{margin:24px 24px 0}}
@media(max-width:420px){.design-preview-links{max-width:110px;gap:3px}}