@import url("https://fonts.googleapis.com/css2?family=Allura&family=Inter:wght@300;400;500&display=swap");:root{--hero-image:none;--hero-position:62% 44%;--fog-x:52%;--fog-open:0;--fog-density:1.15;--fog-blur-max:26px;--fog-blur-min:9px;--fog-blur:calc(var(--fog-blur-max) - var(--fog-open) * (var(--fog-blur-max) - var(--fog-blur-min)));--fog-milk:calc((1 - var(--fog-open)) * var(--fog-density));--fog-right-bright:var(--fog-open);--cyan:#b8cad8;--text:#eef2f6;--muted:rgba(208,216,226,.54);--charcoal:#090c11;--transition-slow:1.4s ease;--transition-ui:.25s ease;--reveal-bridge-h:min(58vh,480px);--reveal-mid-stem:20px;--reveal-top-flex:0.68;--reveal-bottom-flex:1.18;--page-gutter:4.5vw;--hero-title:clamp(32px,3.65vw,60px);--hero-title-sub:clamp(27px,3.1vw,50px);--hero-lead:13px}*,:after,:before{box-sizing:border-box}.navidhazemi-landing{margin:0;width:100%;height:100%;overflow:hidden;background:var(--charcoal);color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}.photoPlate{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--hero-image) var(--hero-position) /cover no-repeat;opacity:1;transition:opacity var(--transition-slow),filter var(--transition-slow),transform 1.8s ease}.photoPlate__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s ease}.photoPlate.has-hero-video{background-image:none!important}.photoPlate.has-hero-video .photoPlate__video{opacity:1}.navidhazemi-landing__scene{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:calc(.08 + var(--fog-right-bright) * .92);filter:brightness(calc(.9 + var(--fog-right-bright) * .14));contain:strict;-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 3%),rgba(0,0,0,.18) calc(var(--fog-x) + 2%),rgba(0,0,0,.72) calc(var(--fog-x) + 10%),#000 calc(var(--fog-x) + 16%),#000 100%);mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 3%),rgba(0,0,0,.18) calc(var(--fog-x) + 2%),rgba(0,0,0,.72) calc(var(--fog-x) + 10%),#000 calc(var(--fog-x) + 16%),#000 100%)}.navidhazemi-landing__scene iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;pointer-events:none}.navidhazemi-landing__scene.is-unavailable:after{content:"Tunnel preview — start totem on :3002";position:absolute;right:6vw;top:50%;transform:translateY(-50%);max-width:220px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(215,225,235,.35);text-align:right;line-height:1.6;pointer-events:none}.photoPlate.has-tunnel{opacity:calc(1 - var(--fog-open) * .35);transition:none}.fogTrack{contain:layout style paint}.fogTrack,.textVeil{position:fixed;inset:0;z-index:2;pointer-events:none}.textVeil{opacity:calc(.72 + var(--fog-milk) * .28);background:radial-gradient(ellipse 72% 68% at 18% 42%,rgba(7,10,14,.68) 0,rgba(7,10,14,.32) 38%,transparent 68%),linear-gradient(90deg,rgba(7,10,14,.44),rgba(7,10,14,.16) 28%,transparent 46%)}.leftShade{z-index:2;opacity:calc(.55 + var(--fog-milk) * .45);background:linear-gradient(90deg,rgba(210,218,226,.18) 0,rgba(190,200,212,.13) calc(var(--fog-x) - 28%),rgba(160,172,186,.08) calc(var(--fog-x) - 12%),transparent calc(var(--fog-x) + 8%));-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--fog-x) + 2%),transparent calc(var(--fog-x) + 18%));mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--fog-x) + 2%),transparent calc(var(--fog-x) + 18%))}.leftShade,.warmGlow{position:fixed;inset:0;pointer-events:none}.warmGlow{z-index:3;opacity:calc(.1 + var(--fog-right-bright) * .42);background:radial-gradient(ellipse 42% 36% at 78% 56%,rgba(196,208,220,.09) 0,rgba(176,190,204,.035) 44%,transparent 72%),radial-gradient(ellipse 34% 28% at 86% 64%,rgba(220,228,236,.06) 0,transparent 64%);mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 2%),rgba(0,0,0,.2) calc(var(--fog-x) + 6%),#000 calc(var(--fog-x) + 14%),#000 100%);mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 2%),rgba(0,0,0,.2) calc(var(--fog-x) + 6%),#000 calc(var(--fog-x) + 14%),#000 100%)}.vignette{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:calc(1 - var(--fog-right-bright) * .42);background:radial-gradient(ellipse 88% 68% at calc(var(--fog-x) + 16%) 44%,transparent 0 36%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 36%,rgba(0,0,0,.2));-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.55) calc(var(--fog-x) - 4%),#000 calc(var(--fog-x) + 8%),#000 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.55) calc(var(--fog-x) - 4%),#000 calc(var(--fog-x) + 8%),#000 100%)}.fogCurtain{opacity:calc(.38 + var(--fog-milk) * .62);background:linear-gradient(90deg,rgba(228,234,240,.32) 0,rgba(210,218,228,.26) calc(var(--fog-x) - 22%),rgba(186,196,208,.17) calc(var(--fog-x) - 10%),rgba(160,170,182,.09) calc(var(--fog-x) - 2%),rgba(130,140,152,.04) var(--fog-x),transparent calc(var(--fog-x) + 2%));backdrop-filter:blur(var(--fog-blur)) saturate(calc(.82 + var(--fog-milk) * .08)) brightness(calc(1 + var(--fog-milk) * .03));-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--fog-x) - 1%),rgba(0,0,0,.45) calc(var(--fog-x) + 5%),transparent calc(var(--fog-x) + 14%));mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--fog-x) - 1%),rgba(0,0,0,.45) calc(var(--fog-x) + 5%),transparent calc(var(--fog-x) + 14%))}.fogCurtain,.fogStreaks{position:fixed;inset:0;z-index:5;pointer-events:none}.fogStreaks{opacity:calc(.02 + var(--fog-open) * .22 + var(--fog-milk) * .12);mix-blend-mode:normal;background:repeating-linear-gradient(90deg,transparent,transparent 7px,rgba(196,206,218,.022) 0,rgba(210,220,232,.04) 8px,transparent 0,transparent 22px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(176,188,202,.018) 0,rgba(188,200,214,.032) 29px,transparent 0,transparent 48px);filter:blur(1.1px);-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 20%),rgba(0,0,0,.3) calc(var(--fog-x) - 12%),#000 calc(var(--fog-x) - 5%),#000 calc(var(--fog-x) + 0%),rgba(0,0,0,.22) calc(var(--fog-x) + 5%),transparent calc(var(--fog-x) + 11%));mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 20%),rgba(0,0,0,.3) calc(var(--fog-x) - 12%),#000 calc(var(--fog-x) - 5%),#000 calc(var(--fog-x) + 0%),rgba(0,0,0,.22) calc(var(--fog-x) + 5%),transparent calc(var(--fog-x) + 11%))}.fogStreaks:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 14px,rgba(220,228,236,.015) 0,rgba(230,238,245,.028) 15px,transparent 0,transparent 32px);opacity:calc(var(--fog-open) * .28 + var(--fog-milk) * .08);filter:blur(1.4px)}.revealClear{inset:0;z-index:5;opacity:calc(var(--fog-right-bright) * 1);background:linear-gradient(90deg,transparent calc(var(--fog-x) - 1%),rgba(255,255,255,.022) calc(var(--fog-x) + 8%),rgba(255,255,255,.055) 100%);-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 1%),#000 calc(var(--fog-x) + 12%),#000 100%);mask-image:linear-gradient(90deg,transparent calc(var(--fog-x) - 1%),#000 calc(var(--fog-x) + 12%),#000 100%)}.revealBridge,.revealClear{position:fixed;pointer-events:none}.revealBridge{left:var(--fog-x);top:50%;z-index:8;width:172px;height:var(--reveal-bridge-h);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.revealLine--bottom,.revealLine--top{width:1px;box-shadow:0 0 10px rgba(255,255,255,.05),0 0 1px rgba(255,255,255,.18);opacity:.88}.revealLine--top{flex:var(--reveal-top-flex) 1 0;min-height:38px}.revealLine--bottom{flex:var(--reveal-bottom-flex) 1 0;min-height:52px}.revealLine--stem{width:1px;height:var(--reveal-mid-stem);flex-shrink:0;background:rgba(255,255,255,.26);box-shadow:0 0 10px rgba(255,255,255,.05),0 0 1px rgba(255,255,255,.18);opacity:.88}.revealLine--top{background:linear-gradient(180deg,transparent,rgba(255,255,255,.1) 16%,rgba(255,255,255,.26))}.revealLine--bottom{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1) 84%,transparent)}.revealDot{position:relative;flex-shrink:0;width:10px;height:10px;pointer-events:none}.revealDot:before{inset:0;background:radial-gradient(circle,rgba(255,255,255,.72) 0,rgba(255,255,255,.22) 38%,transparent 72%)}.revealDot:after,.revealDot:before{content:"";position:absolute;border-radius:50%}.revealDot:after{left:50%;top:50%;background:rgba(255,255,255,.9);transform:translate(-50%,-50%)}.revealDot--top:before{inset:-10px;background:radial-gradient(circle,rgba(255,255,255,.82) 0,rgba(255,255,255,.34) 32%,rgba(255,255,255,.1) 52%,transparent 72%)}.revealDot--top:after{width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,.75),0 0 18px rgba(255,255,255,.35)}.revealDot--bottom:before{inset:-5px;opacity:.55;background:radial-gradient(circle,rgba(255,255,255,.42) 0,rgba(255,255,255,.12) 42%,transparent 70%)}.revealDot--bottom:after{width:3px;height:3px;opacity:.62;box-shadow:0 0 6px rgba(255,255,255,.28)}.navidhazemi-landing__app{position:relative;z-index:9;height:100%;pointer-events:none}header{position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:28px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto;animation:fadeDown .9s ease forwards}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.brand .script{font-family:Allura,cursive;font-size:clamp(32px,3.2vw,36px);line-height:1;color:#fff;letter-spacing:.01em}.brand .role{margin-top:10px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:400}.navWrap{display:flex;align-items:center;padding:10px 16px 10px 18px;border-radius:14px;background:rgba(8,12,18,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12);box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.navWrap{background:rgba(8,12,18,.88)}}nav{display:flex;align-items:center;gap:24px;font-size:11.5px;color:var(--muted);letter-spacing:.03em;font-weight:400}nav a{color:inherit;text-decoration:none;position:relative;transition:color var(--transition-ui),border-color var(--transition-ui)}nav a.active,nav a:hover{color:var(--text)}nav a.active{border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:4px;margin-bottom:-4px}.navSep{width:1px;height:13px;background:rgba(255,255,255,.25);margin:0 20px}.sun{width:19px;height:19px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;font-size:10px;margin-left:20px;color:rgba(255,255,255,.7);cursor:pointer;transition:border-color var(--transition-ui),color var(--transition-ui)}.sun:hover{border-color:rgba(184,202,216,.6);color:#fff}.heroCopy{position:absolute;left:var(--page-gutter);top:calc(28px + 74px + 26px);max-width:480px;pointer-events:auto;animation:fadeUp 1s ease .12s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}h1{margin:0 0 18px;font-weight:300;letter-spacing:-.03em;line-height:.92}h1 .titleLine{display:block}h1 .titleLine--primary{font-size:var(--hero-title);letter-spacing:-.032em}h1 .titleLine--secondary{margin-top:.06em;font-size:var(--hero-title-sub);letter-spacing:-.028em}h1 .cyan{color:var(--cyan)}.lead,h1 .cyan{font-weight:300}.lead{max-width:440px;font-size:var(--hero-lead);line-height:1.72;color:rgba(230,238,245,.58)}.cta{margin-top:32px;display:inline-flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:11.5px;letter-spacing:.03em;font-weight:400;transition:gap var(--transition-ui),opacity var(--transition-ui)}.cta:hover{gap:18px;opacity:.92}.ctaLine{width:44px;height:1px;background:rgba(255,255,255,.45);transition:width var(--transition-ui)}.cta:hover .ctaLine{width:56px}.ctaArrow{font-size:15px;opacity:.8}.projectCards{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:430px}.projectCard{position:relative;aspect-ratio:4/3;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;text-align:left;background:rgba(8,12,18,.55);border:1px solid rgba(255,255,255,.1);transition:border-color var(--transition-ui),box-shadow var(--transition-ui),transform var(--transition-ui),opacity var(--transition-ui)}.projectCard:hover{border-color:rgba(255,255,255,.22)}.projectCard.is-active{border-color:rgba(184,202,216,.58);box-shadow:0 0 0 1px rgba(184,202,216,.18),0 10px 28px rgba(0,0,0,.32);transform:translateY(-2px)}.projectCard__media{position:absolute;inset:0}.projectCard__media img,.projectCard__media video{width:100%;height:100%;object-fit:cover;display:block}.projectCard__media video{background:#090c11}.projectCard__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,14,.08),rgba(6,10,14,.52));opacity:.82;transition:opacity var(--transition-ui)}.projectCard.is-active .projectCard__shade{opacity:.58}.projectCard__type{top:8px;right:8px;padding:3px 7px;border-radius:6px;font-size:7.5px;letter-spacing:.12em;color:rgba(230,238,245,.72);background:rgba(6,10,14,.62);backdrop-filter:blur(6px)}.projectCard__label,.projectCard__type{position:absolute;z-index:2;text-transform:uppercase}.projectCard__label{left:0;right:0;bottom:0;padding:10px 10px 9px;font-size:9px;letter-spacing:.1em;color:rgba(238,244,250,.88);font-weight:400}.projectMeta{margin:12px 0 0;font-size:10px;letter-spacing:.06em;color:rgba(215,225,235,.52);font-weight:300}.projectMeta b{color:rgba(238,244,250,.82);font-weight:400}.exploreHintWrap{position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:2px 0;pointer-events:none}.exploreHint{margin:0;text-align:center;width:max-content;max-width:168px;font-size:8.5px;line-height:1.78;letter-spacing:.05em;color:rgba(220,228,236,.48);font-weight:300;text-transform:none;text-shadow:0 0 14px rgba(7,10,14,.45);animation:fadeUpInner 1s ease .35s forwards}@keyframes fadeUpInner{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sideNav{position:absolute;right:3.8vw;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;pointer-events:auto;animation:fadeUp 1s ease .25s forwards}.sideLine{width:1px;height:72px;background:linear-gradient(transparent,rgba(255,255,255,.28),transparent)}.sideDots{display:flex;flex-direction:column;gap:9px}.sideDots i{display:block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .3s,box-shadow .3s}.sideDots i.on{background:rgba(255,255,255,.68);box-shadow:0 0 6px rgba(255,255,255,.4)}.sideNav .label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-left:4px}.loc{position:absolute;left:var(--page-gutter);bottom:30px;font-size:10.5px;line-height:1.8;color:rgba(215,225,235,.46);pointer-events:auto;animation:fadeUp 1s ease .4s forwards}.loc .row{display:flex;align-items:center;gap:6px;margin-bottom:1px}.loc .pin{font-size:10px;opacity:.5}.loc b{color:rgba(255,255,255,.72);font-size:11.5px;font-weight:400}.scrollHint{position:absolute;right:4.5vw;bottom:30px;display:flex;align-items:center;gap:11px;font-size:10.5px;letter-spacing:.06em;color:rgba(230,238,245,.5);pointer-events:auto;animation:fadeUp 1s ease .45s forwards}.scrollRing{width:28px;height:28px;border:1px solid rgba(255,255,255,.26);border-radius:50%;position:relative;animation:pulseRing 2.4s ease-in-out infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,.08)}50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}}.scrollRing:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.62);transform:translate(-50%,-50%)}.cityPanel{position:fixed;inset:0;z-index:6;cursor:default;pointer-events:none}@media(max-width:900px){.exploreHintWrap,.sideNav{display:none}.projectCards{max-width:100%;gap:8px}.projectCard__label{font-size:8px;padding:8px}h1 .titleLine--primary{font-size:30px}h1 .titleLine--secondary{font-size:26px}.lead{font-size:12px}nav{gap:14px;font-size:10.5px}.navWrap{padding:8px 12px;border-radius:12px}.navSep{margin:0 12px}header{left:5vw;right:5vw}.heroCopy{left:5vw;top:calc(24px + 68px + 22px)}.loc{left:5vw}.scrollHint{right:5vw}}.navidhazemi-landing--contained{position:absolute!important}.navidhazemi-landing--contained :is(.photoPlate,.navidhazemi-landing__scene,.fogTrack,.textVeil,.leftShade,.warmGlow,.vignette,.fogCurtain,.fogStreaks,.revealClear,.revealBridge){position:absolute!important}.navidhazemi-landing--contained .navidhazemi-landing__scene iframe,.navidhazemi-landing--contained .navidhazemi-landing__scene>div{position:absolute!important;inset:0;width:100%;height:100%}.navidhazemi-landing.is-exporting .exploreHintWrap,.navidhazemi-landing.is-exporting .export-fab,.navidhazemi-landing.is-exporting .export-modal,.navidhazemi-landing.is-exporting.is-export-hide-nav header .navWrap,body.is-exporting .exploreHintWrap,body.is-exporting .export-fab,body.is-exporting .export-modal,body.is-exporting.is-export-hide-nav .navidhazemi-landing header .navWrap,body.is-headless-capture .export-fab,body.is-headless-capture .export-modal{display:none!important}.navidhazemi-landing.is-exporting .fogCurtain,body.is-exporting .fogCurtain{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navidhazemi-landing.is-exporting .fogStreaks,body.is-exporting .fogStreaks{opacity:0!important}.navidhazemi-landing.is-exporting .vignette,.navidhazemi-landing.is-exporting .warmGlow,body.is-exporting .vignette,body.is-exporting .warmGlow{opacity:.2!important}.navidhazemi-landing.is-exporting .navidhazemi-landing__scene,body.is-exporting .navidhazemi-landing__scene{filter:none!important}.navidhazemi-landing.is-exporting .fogTrack,body.is-exporting .fogTrack{contain:strict}.navidhazemi-landing.is-exporting .revealBridge,body.is-exporting .revealBridge{left:0;top:50%;transform:translate3d(calc(var(--fog-x-num, 52) * 1vw),-50%,0) translateX(-50%);will-change:transform}.export-fab{position:fixed;right:22px;bottom:22px;z-index:60;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(8,12,18,.78);backdrop-filter:blur(14px);color:rgba(238,244,250,.92);font-size:11px;letter-spacing:.06em;cursor:pointer;pointer-events:auto;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:border-color .2s ease,background .2s ease,transform .2s ease}.export-fab:hover{border-color:rgba(184,202,216,.45);transform:translateY(-1px)}.export-modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);pointer-events:auto;overflow-y:auto}.export-modal.is-open{display:flex}.export-dialog{display:flex;flex-direction:column;width:min(100%,520px);max-height:min(92vh,820px);margin:auto;border-radius:16px;border:1px solid #2a2a2e;background:#141416;color:#f4f4f5;box-shadow:0 24px 64px rgba(0,0,0,.45);font-size:13px;overflow:hidden}.export-dialog__head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px 20px;border-bottom:1px solid #2a2a2e}.export-dialog__head h2{margin:0;font-size:15px;font-weight:600}.export-dialog__close{border:0;background:transparent;color:#a1a1aa;font-size:16px;cursor:pointer;border-radius:6px;padding:2px 6px}.export-dialog__close:hover{background:#27272a;color:#fff}.export-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;display:grid;gap:16px;overscroll-behavior:contain}.export-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.export-row>span{flex-shrink:0;padding-top:6px;color:#a1a1aa;font-size:13px}.export-segments{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.export-seg{border:1px solid #27272a;background:transparent;color:#d4d4d8;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.export-seg.is-active{border-color:#52525b;background:#27272a;color:#fff}.export-seg:disabled{opacity:.4;cursor:not-allowed}.export-seg.is-locked{color:#71717a}.export-summary{border-radius:8px;background:#1c1c1f;padding:10px 12px;font-size:12px;color:#a1a1aa;line-height:1.5}.export-status{font-size:12px;text-align:center;color:#4080ff;min-height:18px}.export-error{border-radius:8px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);padding:10px 12px;font-size:12px;color:#fecaca}.export-row--stack{flex-direction:column;align-items:stretch}.export-row--stack>span{padding-top:0;margin-bottom:4px}.export-check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8;cursor:pointer}.export-check-row input{accent-color:#4080ff}.export-input{width:100%;margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid #27272a;background:#1c1c1f;color:#f4f4f5;font-size:12px}.export-input:focus{outline:none;border-color:#4080ff}.export-music-list{display:grid;gap:6px;margin-top:8px}.export-music-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8;padding:7px 10px;border-radius:8px;border:1px solid #27272a;cursor:pointer;transition:border-color .15s ease,background .15s ease}.export-music-item:hover{border-color:#3f3f46}.export-music-item.is-active{border-color:#52525b;background:#27272a;color:#fff}.export-music-item input{accent-color:#4080ff;flex-shrink:0}.export-music-meta{margin-left:auto;font-size:10px;color:#71717a}.export-music-play{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid #3f3f46;background:#1c1c1f;color:#d4d4d8;font-size:10px;cursor:pointer;display:grid;place-items:center;transition:border-color .15s ease,background .15s ease,color .15s ease}.export-music-play.is-playing,.export-music-play:hover{border-color:#4080ff;color:#fff}.export-music-play.is-playing{background:#4080ff}.export-audio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.export-audio-file-btn{border:1px solid #27272a;background:#1c1c1f;color:#d4d4d8;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.export-audio-file-btn:hover{border-color:#3f3f46;color:#fff}.export-audio-file-name{font-size:11px;color:#71717a;margin-top:6px;word-break:break-all}.export-audio-start{display:grid;gap:8px;margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid #27272a;background:#18181b}.export-audio-start__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#d4d4d8}.export-audio-start__time{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.export-audio-start__time input[type=number]{width:72px;padding:5px 8px;border-radius:6px;border:1px solid #3f3f46;background:#1c1c1f;color:#f4f4f5;font-size:12px}.export-audio-start__time input[type=number]:focus{outline:none;border-color:#4080ff}.export-audio-start input[type=range]{width:100%;accent-color:#4080ff}.export-audio-start__preview{border:1px solid #27272a;background:#1c1c1f;color:#d4d4d8;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.export-audio-start__preview:hover{border-color:#3f3f46;color:#fff}.export-audio-start__preview.is-playing{border-color:#4080ff;background:#4080ff;color:#fff}.export-audio-start__meta{font-size:10px;color:#71717a;line-height:1.5}.export-duration-custom{margin-top:8px}.export-duration-custom__field{display:flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8}.export-duration-custom__field input[type=number]{width:72px;padding:5px 8px;border-radius:6px;border:1px solid #3f3f46;background:#1c1c1f;color:#f4f4f5;font-size:12px}.export-duration-custom__field input[type=number]:focus{outline:none;border-color:#4080ff}.export-audio-hint{font-size:11px;color:#71717a;line-height:1.5;margin-top:6px}.export-page-hint{font-size:11px;line-height:1.6;color:#a1a1aa;margin:0;padding:10px 12px;border-radius:8px;background:#18181b;border:1px solid #27272a}.export-page-hint b{color:#e4e4e7;font-weight:500}.export-dialog__foot{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding:14px 20px;border-top:1px solid #2a2a2e;background:#141416}.export-btn{border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;border:0}.export-btn--ghost{background:transparent;color:#a1a1aa}.export-btn--ghost:hover{background:#27272a;color:#fff}.export-btn--primary{background:#4080ff;color:#fff;font-weight:500}.export-btn--primary:disabled{opacity:.5;cursor:not-allowed}.export-canvas-host{position:fixed;left:-9999px;top:0;overflow:visible;opacity:1;pointer-events:none;z-index:-1}.export-canvas-host canvas{display:block;width:100%;height:100%}