/* Shared web navigation. Page tools live below this header, never beside every page. */
.swap-app-header{position:sticky;top:0;z-index:70;isolation:isolate;background:#1e1e1ef5;backdrop-filter:blur(18px);border-bottom:1px solid #373833;color:#f4f4ef;width:100%;font-family:Inter,Arial,sans-serif;flex:none}
.swap-app-header *{box-sizing:border-box}.swap-app-header a{text-decoration:none;color:inherit}.swap-app-header button{font:inherit;cursor:pointer}.swap-app-header [hidden]{display:none!important}
.sw-header-inner{display:flex;align-items:center;gap:26px;min-height:72px;padding:0 28px;max-width:1800px;margin:auto}
.sw-brand{display:flex;flex:none;align-items:center;min-height:44px}.sw-brand img{width:117px;height:auto;display:block}
.sw-main-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.sw-main-nav>a{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:500;white-space:nowrap;border-radius:9px;color:#b7b8b1}
.sw-main-nav>a:hover,.sw-main-nav>a[aria-current=page]{color:#eff5da;background:#2b2e25}.sw-main-nav>a[aria-current=page]{box-shadow:inset 0 -2px #d8ff3e;border-radius:8px 8px 0 0}
.sw-new{font-size:9px;line-height:16px;padding:0 5px;border:1px solid #5b6842;color:#d8ff3e;border-radius:4px}
.sw-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none;font-size:13px}.sw-signin{padding:10px;min-height:44px;display:flex;align-items:center}.sw-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;background:#d8ff3e;border:1px solid #d8ff3e;color:#1e1e1e!important;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:650;white-space:nowrap}.sw-cta:hover{background:#e4ff80}.sw-balance{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;min-height:40px;border:1px solid #41443a;border-radius:9px;font-variant-numeric:tabular-nums}.sw-balance svg{color:#d8ff3e}
.sw-avatar{width:38px;height:38px;border-radius:50%;background:#363d28;border:1px solid #59653c;color:#d8ff3e;font-size:14px!important;font-weight:600!important;display:grid;place-items:center}.sw-account{position:relative}.sw-account-menu{position:absolute;top:48px;right:0;width:258px;max-width:calc(100vw - 24px);background:#292a26;border:1px solid #484a40;border-radius:14px;padding:8px;box-shadow:0 16px 40px #0008}.sw-account-menu>a{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:44px;font-size:13px;border-radius:8px}.sw-account-menu>a:hover{background:#383b30}.sw-account-identity{padding:10px 10px 15px;margin-bottom:4px;border-bottom:1px solid #44473b}.sw-account-identity b,.sw-account-identity small{display:block;overflow-wrap:anywhere}.sw-account-identity small{color:#b4b8a8;margin-top:6px;font-size:12px}
.sw-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:transparent;border:1px solid #45483c;color:#f5f5ef;border-radius:9px;flex:none}.sw-mobile-menu{border-top:1px solid #393d30;padding:10px 16px 18px;max-height:calc(100dvh - 64px);overflow:auto}.sw-mobile-menu>a{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;color:#c9cbbf;border-radius:8px;font-size:15px}.sw-mobile-menu>a[aria-current=page]{background:#353b29;color:#d8ff3e}
.swap-app-header :focus-visible{outline:2px solid #d8ff3e;outline-offset:3px}
@media(max-width:1260px){.sw-header-inner{gap:16px;padding:0 20px}.sw-main-nav>a{padding:10px 8px;font-size:12px}.sw-new{display:none}.sw-header-actions{gap:7px}.sw-brand img{width:105px}}
@media(max-width:1050px){.sw-header-inner{min-height:64px;padding:0 16px;gap:10px}.sw-main-nav{display:none}.sw-menu-toggle{display:flex}.sw-brand img{width:108px}.sw-header-actions{margin-left:auto}.sw-cta{min-height:38px;padding:8px 12px}.sw-balance{padding:8px}.sw-avatar{width:36px;height:36px}}
@media(min-width:1051px){.sw-mobile-menu{display:none!important}}
@media(max-width:420px){.sw-header-inner{padding:0 12px;gap:8px}.sw-brand img{width:93px}.sw-header-actions{gap:6px}.sw-signin{padding:6px;font-size:12px}.sw-cta{font-size:12px;padding:8px 10px}.sw-plans svg{display:none}.sw-balance{border:0;padding:5px;gap:4px;font-size:12px}.sw-balance svg{width:16px}.sw-avatar{width:32px;height:32px}.sw-menu-toggle{width:36px;height:38px}}
@media(max-width:360px){.sw-plans{display:none}.sw-brand img{width:88px}}
body.sx{--sx-top:72px}body.sx>.swap-app-header{order:0}
body.sx:not([data-route=studio]) .sx-panel{display:none}
body.sx:not([data-route=studio]) main{margin:0 auto;padding:28px 32px 80px;width:100%;max-width:1500px}
body.sx[data-route=welcome] main{max-width:1220px}
body.sx .sx-explore{max-width:1440px;margin:auto}
body.sx .sx-viewtabs{display:none}
body.sx[data-route=studio] main{padding-top:28px}
body.sx .sx-panel-head h2{font-size:21px;letter-spacing:-.4px;text-transform:none}
body.sx .sx-pick-grid{display:flex;overflow:auto;gap:9px;padding:3px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#68734b transparent}
body.sx .sx-pick{flex:0 0 82px;scroll-snap-align:start}.sx-pick-img{width:100%}
.sx-create-actions{display:flex;gap:8px;margin-top:12px}.sx-create-actions>*{flex:1;display:flex;gap:6px;align-items:center;justify-content:center;min-height:42px;border:1px solid #515747;border-radius:9px;color:#dfe8c9;background:#292d23;padding:8px;font-size:12px;text-align:center;cursor:pointer}
body.sx .sx-pick.is-own .sx-pick-img img,body.sx .sx-cast.is-photo .sx-card-hit img{object-fit:contain;object-position:center;background:#fff}
body.sx .project-card .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}body.sx .project-card .row>*{min-height:42px;padding:10px 13px;border-radius:9px;font-size:12px}
body.sx .project-card .row .text-button{background:#303228;border:1px solid #484c3b}
body.sx .project-card .row [data-delete]{margin-left:auto;color:#e6afa4;border-color:#59423b;background:transparent}
body.sx .project-card>img{object-fit:contain;background:#fff}
body.sx .empty-state .empty-symbol{font-size:0;display:grid;place-items:center;border:1px solid #55613d;border-radius:18px;background:#2c3223;width:72px;height:72px;margin:0 auto 22px}
body.sx .empty-state .empty-symbol:after{content:'+';font-size:36px;color:#d8ff3e}
@media(min-width:1001px){body.sx[data-route=studio] main{margin-left:364px;width:calc(100% - 364px)}}
@media(max-width:1050px){body.sx{--sx-top:64px}}
@media(max-width:1000px){body.sx:not([data-route=studio]) main{padding:20px 16px 110px}body.sx[data-route=studio] main{padding:18px 16px 4px}.sx-create-actions>*{min-height:46px}body.sx .sx-pick{flex-basis:92px}body.sx .project-card .row .button{flex:1}body.sx .project-card .row [data-export]{flex:1}}

@media(min-width:1001px){body.sx .sx-canvas .canvas-media{min-height:min(37vh,370px);padding:14px}body.sx .sx-canvas .canvas-media video{max-height:min(35vh,350px)}body.sx .sx-cast-strip{padding:12px 14px;margin-top:12px}body.sx .sx-cast-strip p{font-size:12px}}
/* Decorative fan stays inside the discovery canvas at narrow widths. */
body.sx .sx-fan{overflow:hidden}

/* v15: 12px floor, 44px touch targets without growing the header */
.sw-new{font-size:12px;line-height:18px;padding:0 6px}
.sw-avatar,.sw-menu-toggle{position:relative}.sw-avatar:after,.sw-menu-toggle:after{content:"";position:absolute;inset:-6px}
@media(max-width:1050px){.sw-cta,.sw-balance{min-height:44px}}
.sw-balance{min-width:44px;justify-content:center}