.example-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:36px;padding-bottom:24px;position:relative;z-index:5;scroll-margin-top:20px}.example-controls p{margin:0;color:var(--muted);font-size:14px}.example-controls .eyebrow{margin-bottom:8px;color:var(--text);font-size:10px}.example-transform{position:relative;flex-shrink:0}#example-transform-button{display:flex;align-items:center;gap:16px;min-height:48px;padding:12px 18px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer;font:inherit;font-size:12px}#example-transform-button>span:first-child{font-weight:700;font-size:10px;letter-spacing:1px}#example-design-options{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #0004}#example-design-options button{display:block;width:100%;min-height:44px;padding:10px 14px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit;font-size:14px}#example-design-options button[aria-pressed=true]{background:var(--lime);color:var(--bg)}.mobile-shortcuts{display:none}#example-transform-button[hidden],#example-design-options[hidden],#mobile-menu[hidden],#mobile-menu-button[hidden]{display:none}html[data-design=monolith] #example-transform-button,html[data-design=monolith] #example-design-options,html[data-design=atelier] #example-transform-button,html[data-design=atelier] #example-design-options{border-radius:0}@media(max-width:700px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.example-controls{align-items:flex-start;flex-direction:column;gap:16px}.example-transform{width:100%}#example-transform-button{width:100%;justify-content:space-between}#example-design-options{left:0;right:0;width:auto}.mobile-shortcuts{display:flex;position:fixed;z-index:80;bottom:0;left:0;right:0;gap:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -8px 24px #0002;margin:0}.mobile-shortcuts>a,.mobile-shortcuts .mobile-more{display:flex!important;flex:1;min-width:0;justify-content:center;align-items:center}.mobile-shortcuts>a,.mobile-shortcuts button{min-height:44px;font-size:11px;color:var(--text);text-decoration:none;padding:8px 5px}.mobile-shortcuts button{border:0;background:transparent;cursor:pointer;font-family:inherit}.mobile-more{position:relative}#mobile-menu{position:absolute;right:0;bottom:calc(100% + 16px);width:min(270px,calc(100vw - 20px));max-height:65dvh;overflow:auto;background:var(--bg);border:1px solid var(--line);box-shadow:0 8px 28px #0004;padding:8px;border-radius:10px}#mobile-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:var(--text);font-size:14px;text-decoration:none}#mobile-menu a:hover,#mobile-menu a:focus-visible{background:var(--lime);color:var(--bg)}html{scroll-padding-bottom:90px}html[data-design=monolith] #mobile-menu,html[data-design=atelier] #mobile-menu{border-radius:0}}