.generator-mobile-nav{background:var(--bg-surface);flex-direction:column;gap:12px;width:100%;padding:16px;display:none}.generator-mobile-nav__tabs{justify-content:center;gap:8px;width:100%;display:flex;overflow-x:auto}.generator-mobile-nav__tab{border:1px solid var(--border-default);color:var(--text-tertiary);cursor:pointer;font-family:var(--font-space-grotesk),sans-serif;letter-spacing:.5px;white-space:nowrap;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;display:flex;position:relative;overflow:hidden}@keyframes mobile-nav-ripple{to{opacity:0;transform:scale(4)}}.generator-mobile-nav__ripple{pointer-events:none;z-index:1;background-color:#ffffff26;border-radius:50%;animation:.6s linear mobile-nav-ripple;position:absolute;transform:scale(0)}.generator-mobile-nav__tab:hover{color:var(--text-primary)}.generator-mobile-nav__tab--active{background:var(--accent-red);border-color:var(--accent-red);color:#fff;box-shadow:0 2px 8px #e423134d,0 0 0 1px #e4231333}.generator-mobile-nav__tab--active:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.generator-mobile-nav__tab--disabled{cursor:not-allowed;opacity:.35}.generator-mobile-nav__actions{justify-content:space-between;gap:8px;width:100%;display:flex}.generator-mobile-nav__action{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:8px 12px;transition:background .2s,color .2s;display:flex}.generator-mobile-nav__action:hover{color:var(--text-primary);background:#ffffff0a}.generator-mobile-nav__action-icon{width:16px;height:16px}@media not (min-width:1024px){.generator-mobile-nav{display:flex}}@media (max-width:600px){.generator-mobile-nav{gap:8px;padding:12px}.generator-mobile-nav__tab{padding:8px 10px;font-size:10px}.generator-mobile-nav__action{padding:6px 8px}.generator-mobile-nav__action-icon{width:14px;height:14px}}
.generator-sidebar{background:var(--bg-surface);align-self:stretch;width:280px;padding:32px 24px}.generator-sidebar__content{flex-direction:column;gap:32px;display:flex;position:sticky;top:32px}.generator-sidebar__title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;letter-spacing:1px;text-align:center;justify-self:center;margin:0 auto;font-size:16px;font-weight:600;display:flex}.generator-sidebar__divider{background:var(--border-default);border:none;width:100%;height:1px}.generator-sidebar__tabs{flex-direction:column;gap:8px;display:flex}.generator-sidebar__tab{border:1px solid var(--border-default);color:var(--text-tertiary);cursor:pointer;font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.5px;background:0 0;border-radius:6px;padding:12px 16px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;position:relative;overflow:hidden}[dir=ltr] .generator-sidebar__tab{text-align:left}[dir=rtl] .generator-sidebar__tab{text-align:right}.generator-sidebar__tab:hover{border-color:var(--border-default);color:var(--text-primary);background:#ffffff0a}.generator-sidebar__tab:active{background:#ffffff0f}.generator-sidebar__tab--active{background:var(--accent-red);border-color:var(--accent-red);color:#fff;box-shadow:0 2px 8px #e423134d,0 0 0 1px #e4231333}.generator-sidebar__tab--active:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.generator-sidebar__tab--active:active{background:var(--accent-red)}.generator-sidebar__tab--disabled{cursor:not-allowed;opacity:.35}.generator-sidebar__tab--disabled:hover{color:var(--text-secondary);background:0 0;border-color:#0000}@keyframes sidebar-ripple{to{opacity:0;transform:scale(4)}}.generator-sidebar__ripple{pointer-events:none;z-index:1;background-color:#ffffff26;border-radius:50%;animation:.6s linear sidebar-ripple;position:absolute;transform:scale(0)}.generator-sidebar__actions{flex-direction:column;gap:4px;display:flex}.generator-sidebar__action{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:background .2s,color .2s;display:flex}.generator-sidebar__action:hover{color:var(--text-primary);background:#ffffff0a}.generator-sidebar__action:active{background:#ffffff0f}.generator-sidebar__action-icon{width:16px;height:16px}@media not (min-width:1024px){.generator-sidebar{display:none}}
.crosshair-generator{flex:1;width:100%;display:flex}.crosshair-generator__content{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex}@media (max-width:600px){.crosshair-generator__content{gap:16px;padding:0}}