.view-cta{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.view-cta .view-create{width:auto;min-width:250px;min-height:66px;padding:13px 22px}
.view-export{min-width:0;display:flex;align-items:stretch;gap:11px;padding:8px 9px 8px 12px;border:1px solid var(--edge);background:linear-gradient(110deg,rgba(8,12,11,.46),rgba(46,158,120,.07),rgba(233,162,27,.08));backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.view-export-head{width:105px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-right:10px;border-right:1px solid var(--edge)}
.view-export-head>span{color:var(--sage);font:8px/1.45 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.view-export-head small{min-height:12px;color:#83c8a9;font:7px/1.35 var(--mono);letter-spacing:.03em}
.view-export-tools{display:flex;align-items:stretch;gap:6px;min-width:0}
.view-export-btn{position:relative;min-width:86px;min-height:50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px 10px;border:1px solid var(--edge);background:rgba(239,231,213,.035);color:var(--bone);cursor:pointer;text-align:left;overflow:hidden;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.view-export-btn::after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sage),transparent);opacity:.55}
.view-export-btn b{color:var(--ochre);font:600 9px/1 var(--mono);letter-spacing:.14em}
.view-export-btn span{color:var(--sage);font:600 9px/1.2 var(--body);white-space:nowrap}
.view-export-btn.accent{border-color:rgba(46,158,120,.45);background:linear-gradient(135deg,rgba(46,158,120,.13),rgba(78,127,209,.06))}
.view-export-btn.video{border-color:rgba(233,162,27,.45);background:linear-gradient(135deg,rgba(233,162,27,.13),rgba(226,58,24,.06))}
.view-export-btn:hover{transform:translateY(-2px);border-color:var(--ochre);background:rgba(233,162,27,.1);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.view-export-btn:disabled{opacity:.55;cursor:wait;transform:none}
.view-video-lengths{width:31px;display:grid;grid-template-rows:repeat(3,1fr);gap:3px}
.view-video-lengths button{min-width:31px;padding:2px;border:1px solid var(--edge);background:transparent;color:var(--sage);font:7px/1 var(--mono);cursor:pointer}
.view-video-lengths button::after{content:"s";margin-left:1px;opacity:.55}
.view-video-lengths button[aria-pressed=true]{border-color:var(--ochre);background:var(--ochre);color:#08100d}
.view-video-lengths button:hover{border-color:var(--ochre)}
body.light .view-export{background:linear-gradient(110deg,rgba(255,252,244,.78),rgba(46,158,120,.08),rgba(233,162,27,.09));box-shadow:0 10px 30px rgba(44,50,43,.08),inset 0 1px #fff}
body.light .view-export-head>span,body.light .view-export-btn span{color:#46534c}
body.light .view-export-head small{color:#21795d}
body.light .view-export-btn{color:#18221f;background:rgba(255,255,255,.42);border-color:rgba(24,34,31,.22)}
body.light .view-export-btn.accent{border-color:rgba(27,122,92,.42);background:linear-gradient(135deg,rgba(46,158,120,.13),rgba(78,127,209,.06))}
body.light .view-export-btn.video{border-color:rgba(156,106,8,.45);background:linear-gradient(135deg,rgba(233,162,27,.15),rgba(226,58,24,.05))}
body.light .view-video-lengths button{color:#34433b;border-color:rgba(24,34,31,.25)}
body.light .view-video-lengths button[aria-pressed=true]{color:#08100d;border-color:#9c6a08;background:#e9a21b}
@media(max-width:820px){.view-cta{align-items:center;flex-direction:column}.view-cta .view-create{width:min(100%,360px)}.view-export{width:min(100%,560px);justify-content:center}}
@media(max-width:560px){.view-export{display:block;padding:10px}.view-export-head{width:auto;min-height:22px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2px 8px;border:0;border-bottom:1px solid var(--edge)}.view-export-head small{min-height:0}.view-export-tools{padding-top:8px}.view-export-btn{flex:1;min-width:0;padding:7px 8px}.view-export-btn span{font-size:8px;white-space:normal}.view-video-lengths{flex:none}}
@media(max-width:380px){.view-export-tools{gap:4px}.view-export-btn{padding:6px}.view-export-btn b{font-size:8px}.view-video-lengths{width:28px}.view-video-lengths button{min-width:28px}}