/* The whole installation segment is a single, compact surface. */
#install{box-sizing:border-box;max-width:1160px!important;padding:0 clamp(16px,3vw,44px) 28px!important;scroll-margin-top:80px!important}
body.fw-original-3d #install>.fw-install-shell{position:relative;padding:0!important;text-align:left;overflow:hidden;border-radius:22px!important;border:1px solid #6e537e!important;background:linear-gradient(135deg,#271c33,#19121f)!important;box-shadow:inset 0 1px 0 #ead2ff15,0 18px 50px #06020c44!important}
.fw-install-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 28px}
.fw-install-label{color:#bca3ce;font:400 10px/1.4 'Departure Mono',monospace;letter-spacing:.055em}
.fw-install-intro h3{margin:7px 0 6px;font:650 24px/1.17 Onest,sans-serif;letter-spacing:-.035em;color:#f2eaf8}
#install .fw-install-intro p{margin:0;max-width:470px;color:#ac9ab8;font:400 13px/1.5 Onest,sans-serif;font-size:13px!important}
.fw-install-downloads{min-width:0}
.fw-install-actions{display:flex;align-items:stretch;gap:9px}
.fw-install-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;font:550 13px/1.25 Onest,sans-serif;white-space:nowrap;text-decoration:none;transition:background .18s,border-color .18s}
.fw-install-figma{padding:10px 14px;border:1px solid #aa86c750;border-radius:10px;background:#5b3b7044;color:#f1e6fa}
.fw-install-figma:hover{background:#6e468f55;border-color:#cba9e27f}
.fw-install-studio{padding:10px 14px;color:#e8ddef;background:#140e1c33}
.fw-install-studio:hover{background:#76539022}
.fw-install-actions .fw-sg{border-color:#8f6ca850;border-radius:10px}
.fw-install-actions .fw-dl{width:39px;padding:0;min-height:45px;border-color:#8f6ca850;color:#cbb0de}
.fw-install-source{margin-top:9px;text-align:right;color:#9e87af;font:400 9px/1.4 'Departure Mono',monospace}
/* Direct Studio installation: the error and its workaround share one focal point. */
.fw-fh{position:relative;isolation:isolate;margin:0;text-align:left;border-top:1px solid #a47abe3b;background:radial-gradient(ellipse at 88% 4%,#61417442,transparent 62%),linear-gradient(145deg,#281b36,#17111f 70%);overflow:hidden;scroll-margin-top:80px}
.fw-fh::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#e9c3ffb3,transparent);pointer-events:none}
/* The legacy theme forces every paragraph to 16px; keep this component's hierarchy. */
#studio-file .fw-fh-desc{font-size:14.5px!important}
#studio-file .fw-fh-meta,#studio-file .fw-fh-guide-label{font-size:10px!important}
#studio-file .fw-fh-steps p{font-size:13px!important}
#studio-file .fw-fh-steps .fw-fh-allow{font-size:11.5px!important}
#studio-file .fw-fh-note{font-size:11.5px!important}
.fw-fh-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:center;padding:20px 28px 16px}
.fw-fh-copy{position:relative;z-index:1;min-width:0}
.fw-fh-eyebrow{display:flex;align-items:center;gap:8px;color:#edada9;font:400 10px/1.5 'Departure Mono',monospace;letter-spacing:.065em}
.fw-fh-eyebrow::before{content:"!";display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid #d18a8766;border-radius:5px;color:#f2b7b1;background:#d18a8712;font:600 12px/1 Onest,sans-serif}
.fw-fh h4{margin:10px 0 11px;font:700 clamp(27px,3vw,34px)/1.08 Onest,sans-serif;letter-spacing:-.045em;color:#faf3ff;text-wrap:balance}
.fw-fh h4>span{display:block}
.fw-fh h4>span:last-child{margin-top:5px;color:#d0acf0}
.fw-fh-desc{max-width:600px;margin:0 0 15px;color:#b8a9c7;font:400 14.5px/1.6 Onest,sans-serif}
.fw-fh-file{display:inline-flex;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;min-height:45px;max-width:100%;padding:11px 17px;background:linear-gradient(120deg,#f2ddff,#cda6f1);border:1px solid #f0d8ff;border-radius:11px;color:#2b173b;font:650 14px/1.35 Onest,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 #ffffffaa,0 4px 0 #79529a,0 9px 24px #a373c82b;transition:transform .18s,box-shadow .18s,filter .18s}
.fw-fh-file svg{flex:none}
.fw-fh-file:hover{color:#271334;transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffffaa,0 6px 0 #79529a,0 13px 30px #a373c838}
.fw-fh-file:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffffaa,0 2px 0 #79529a}
.fw-fh-file:focus-visible,.fw-fh-details>summary:focus-visible{outline:2px solid #f5dfff;outline-offset:5px}
.fw-fh-meta{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#a998b9;font:400 10px/1.5 'Departure Mono',monospace}
.fw-fh-meta svg{flex:none;color:#bba0d0}
.fw-fh-art{position:relative;min-width:0;width:280px;align-self:center;justify-self:end;margin:-14px -5px -2px 0}
.fw-fh-art::before{content:"";position:absolute;inset:12% 6%;border-radius:50%;background:radial-gradient(ellipse,#b07be426,transparent 70%);filter:blur(12px)}
.fw-rescue-scene{position:relative;display:block;width:100%;height:auto;overflow:visible}
.fw-fh-guide{padding:0 24px 14px}
.fw-fh-guide-label{display:flex;align-items:center;gap:12px;margin:0 0 10px;color:#ac93c0;font:400 10px/1.5 'Departure Mono',monospace;letter-spacing:.04em}
.fw-fh-guide-label::after{content:"";height:1px;flex:1;background:#c2a0dc24}
.fw-fh-steps{list-style:none;counter-reset:rescue;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}
.fw-fh-steps>li{position:relative;counter-increment:rescue;min-width:0;padding:13px 14px 12px;border:1px solid #b88fd62b;border-radius:13px;background:linear-gradient(150deg,#d3b1ed09,#0c08151f);box-shadow:inset 0 1px 0 #e8ceff08}
.fw-fh-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.fw-fh-step-head::before{content:"0" counter(rescue);color:#ae8bca;font:400 15px/1 'Departure Mono',monospace}
.fw-fh-step-head>svg{color:#a88abb;width:20px;height:20px}
.fw-fh-steps h5{margin:0 0 6px;font:650 14px/1.3 Onest,sans-serif;letter-spacing:-.02em;color:#eee3f6}
.fw-fh-steps p{margin:0;font:400 12.5px/1.55 Onest,sans-serif;color:#aa9bb8}
.fw-fh-steps p+p{margin-top:8px}
.fw-fh-file-token{display:flex;align-items:center;gap:7px;min-height:34px;box-sizing:border-box;width:max-content;max-width:100%;margin:14px 0 0;padding:7px 9px;background:#b790d312;border:1px solid #b38bcd30;border-radius:7px;color:#d0b8e1;font:400 10px/1.5 'Departure Mono',monospace}
.fw-fh-file-token>svg{flex:none}
.fw-fh-steps .fw-menu{position:relative;height:57px;margin-top:10px;background:#0f0b16;border:1px solid #82649855;border-radius:8px;overflow:hidden}
.fw-fh .fw-menu-bar{display:flex;align-items:center;gap:10px;padding:2px 10px;border-bottom:1px solid #80679233;font:400 9px/1.6 Onest,sans-serif;color:#83718f}
.fw-fh .fw-menu-bar .on{padding:2px 8px;border-radius:4px;background:#4a325e;color:#f4e6ff}
.fw-fh .fw-menu-drop{position:absolute;top:27px;left:25px;right:8px;display:flex;align-items:center;gap:7px;min-height:24px;box-sizing:border-box;padding:4px 8px;border:1px solid #ae82ce;border-radius:6px;background:linear-gradient(120deg,#3b2850,#332340);color:#e5d3f1;font:500 10.5px/1.3 Onest,sans-serif;box-shadow:0 5px 10px #0003}
.fw-fh .fw-menu-drop>svg{flex:none}
.fw-fh .fw-menu-ptr{position:absolute;right:0;bottom:-5px;filter:drop-shadow(0 2px 2px #0009)}
.fw-fh-allow{display:flex;align-items:flex-start;gap:6px;font-size:11.5px!important;color:#c0adcfff!important}
.fw-fh-allow>svg{flex:none;margin-top:2px;color:#a58db6}
.fw-fh-details{border-top:1px solid #b594ce26;margin-top:12px;padding-top:9px}
.fw-fh-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;cursor:pointer;list-style:none;color:#c2accf;font:400 12px/1.5 Onest,sans-serif}
.fw-fh-details>summary::-webkit-details-marker{display:none}
.fw-fh-details>summary::after{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border:1px solid #ac88c238;border-radius:6px;color:#d4b9e7;font:400 16px/1 Onest,sans-serif}
.fw-fh-details[open]>summary::after{content:"−"}
.fw-fh-paths{display:grid;gap:9px;padding:12px 0 3px}
.fw-fh-paths>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:start}
.fw-fh-paths em{padding-top:7px;font:400 11px/1.5 Onest,sans-serif;font-style:normal;color:#a894b6}
.fw-fh-paths code{display:block;padding:7px 10px;border:1px solid #9c76b42e;border-radius:6px;background:#0d08163b;color:#d8bee8;font:400 11px/1.5 'Departure Mono',monospace;overflow-wrap:anywhere}
.fw-fh-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 24px 12px;border-top:1px solid #b594ce20;background:#08051021;color:#9986a9;font:400 11px/1.6 Onest,sans-serif}
.fw-fh-note>svg{flex:none;margin-top:2px;color:#b096c0}

/* Store error, direct file route, successful install, then reset. */
.fw-fh-art [id^="rescue-"]{transform-box:fill-box;transform-origin:center}
#rescue-store{animation:fwStoreError 4.2s ease-in-out infinite}
#rescue-error{animation:fwErrorFlash 4.2s linear infinite}
#rescue-file{animation:fwFileInstall 4.2s cubic-bezier(.4,0,.2,1) infinite}
#rescue-folder{animation:fwFolderReceive 4.2s ease-out infinite}
#rescue-mascot-eyes{animation:fwMascotBlink 4.2s linear infinite}
#rescue-arrow{animation:fwBypass 4.2s linear infinite}
#rescue-arrow path:nth-child(-n+3){stroke-dasharray:220;animation:fwRouteDraw 4.2s ease-in-out infinite}
#rescue-arrow path:nth-child(n+4){animation:fwArrowTip 4.2s linear infinite}
#rescue-success{opacity:0;animation:fwInstallSuccess 4.2s ease-in-out infinite}
#rescue-success path{stroke-dasharray:30;animation:fwCheckDraw 4.2s ease-out infinite}
#rescue-sparkle-right{animation:fwSuccessSpark 4.2s ease-in-out infinite}
.fw-rescue-status{position:relative;height:14px;margin:-11px 0 0;text-align:center;font:400 9px/1.4 'Departure Mono',monospace;letter-spacing:.07em;color:#b6a0c9}
.fw-rescue-status span{position:absolute;inset:0;opacity:0}
.fw-rescue-status-error{color:#e5a49f;animation:fwStatusError 4.2s linear infinite}
.fw-rescue-status-file{color:#cfb1e7;animation:fwStatusFile 4.2s linear infinite}
.fw-rescue-status-ready{color:#a4c9b4;animation:fwStatusReady 4.2s linear infinite}
#studio-file .fw-fh-art:not(.is-playing) [id^="rescue-"],#studio-file .fw-fh-art:not(.is-playing) #rescue-arrow path,#studio-file .fw-fh-art:not(.is-playing) #rescue-success path,#studio-file .fw-fh-art:not(.is-playing) .fw-rescue-status span{animation-play-state:paused}
@keyframes fwStoreError{0%,8%,17%,22%,88%,100%{transform:translateX(0);opacity:1}10%,14%{transform:translateX(-3px)}12%,16%{transform:translateX(3px)}32%,79%{transform:translateX(0);opacity:.42}}
@keyframes fwErrorFlash{0%,8%,14%,20%,88%,100%{opacity:1}11%,17%{opacity:.4}32%,79%{opacity:.4}}
@keyframes fwFileInstall{0%,23%,100%{transform:translate(0,0) rotate(0) scale(1);opacity:1}29%{transform:translate(10px,-22px) rotate(2deg) scale(.96);opacity:1}40%{transform:translate(74px,-95px) rotate(12deg) scale(.8);opacity:1}49%{transform:translate(142px,-65px) rotate(15deg) scale(.66);opacity:1}60%{transform:translate(145px,30px) rotate(12deg) scale(.54);opacity:0}83%{transform:translate(145px,40px) rotate(12deg) scale(.5);opacity:0}89%{transform:translate(0,14px) rotate(0) scale(.93);opacity:0}97%{transform:translate(0,0) rotate(0) scale(1);opacity:1}}
@keyframes fwFolderReceive{0%,54%,72%,100%{transform:scale(1)}60%{transform:scale(1.05)}66%{transform:scale(.985)}}
@keyframes fwMascotBlink{0%,63%,67%,100%{transform:scaleY(1)}64.5%,66%{transform:scaleY(.08)}}
@keyframes fwBypass{0%,21%,85%,100%{opacity:0}25%,71%{opacity:1}}
@keyframes fwRouteDraw{0%,23%,100%{stroke-dashoffset:220}39%,83%{stroke-dashoffset:0}84%{stroke-dashoffset:220}}
@keyframes fwArrowTip{0%,34%,85%,100%{opacity:0}40%,75%{opacity:1}}
@keyframes fwInstallSuccess{0%,58%,86%,100%{opacity:0;transform:scale(.7)}65%,79%{opacity:1;transform:scale(1)}}
@keyframes fwCheckDraw{0%,60%,100%{stroke-dashoffset:30}68%,86%{stroke-dashoffset:0}}
@keyframes fwSuccessSpark{0%,53%,84%,100%{opacity:.4;transform:scale(.8)}62%,70%{opacity:1;transform:scale(1.2)}}
@keyframes fwStatusError{0%,19%,92%,100%{opacity:1}25%,86%{opacity:0}}
@keyframes fwStatusFile{0%,22%,61%,100%{opacity:0}28%,54%{opacity:1}}
@keyframes fwStatusReady{0%,58%,86%,100%{opacity:0}65%,79%{opacity:1}}
@media(min-width:760px) and (max-height:820px){.fw-install-header{padding:16px 24px}.fw-install-intro h3{font-size:22px}.fw-fh-hero{padding:14px 24px 12px;grid-template-columns:minmax(0,1fr) 242px}.fw-fh-art{width:242px}.fw-fh h4{font-size:30px;margin:9px 0}.fw-fh-desc{margin-bottom:13px}.fw-fh-guide{padding-bottom:10px}.fw-fh-step-head{margin-bottom:8px}.fw-fh-steps>li{padding-top:11px;padding-bottom:10px}}
@media(min-width:760px) and (max-width:940px){.fw-install-header{gap:16px;padding:18px 23px}.fw-install-intro h3{font-size:22px}.fw-install-actions a{font-size:12px;gap:7px}.fw-install-figma,.fw-install-studio{padding:10px 12px}.fw-install-source{font-size:8px}.fw-fh-hero{grid-template-columns:minmax(0,1fr) 240px;gap:15px;padding:18px 24px 14px}.fw-fh-art{width:240px}.fw-fh h4{font-size:30px}}
@media(max-width:759px){.fw-install-header{grid-template-columns:minmax(0,1fr);gap:17px;padding:22px}.fw-install-intro h3{font-size:25px}.fw-install-downloads{justify-self:start}.fw-install-source{text-align:left}.fw-fh-hero{grid-template-columns:minmax(0,1fr) 225px;gap:8px;padding:24px 22px 20px}.fw-fh h4{font-size:28px}.fw-fh-art{width:225px}.fw-fh-steps>li{padding:13px 12px}.fw-fh-steps h5{font-size:13.5px}}
@media(max-width:600px){#install{padding-left:14px!important;padding-right:14px!important}body.fw-original-3d #install>.fw-install-shell{border-radius:18px!important}.fw-install-header{padding:20px 18px;gap:16px}.fw-install-intro h3{font-size:24px;max-width:300px}.fw-install-actions{gap:8px}.fw-install-actions a{font-size:12px;gap:7px}.fw-install-figma,.fw-install-studio{padding:10px 11px}.fw-install-actions .fw-dl{width:35px}.fw-install-source{font-size:8px}.fw-fh-hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:5px 21px 22px}.fw-fh-art{width:220px;align-self:center;justify-self:center;margin:-4px auto 15px}.fw-fh h4{font-size:30px;margin:11px 0}.fw-fh h4>span:last-child{margin-top:3px}.fw-fh-desc{max-width:none;margin-bottom:17px}.fw-fh-eyebrow{font-size:9px}.fw-fh-file{width:100%;font-size:13.5px}.fw-fh-meta{justify-content:center}.fw-fh-guide{padding:0 16px 16px}.fw-fh-steps{grid-template-columns:minmax(0,1fr);gap:9px}.fw-fh-steps>li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:0 12px;padding:15px}.fw-fh-step-head{grid-column:1;grid-row:1/5;align-items:flex-start;margin:2px 0 0}.fw-fh-step-head>svg{display:none}.fw-fh-steps h5,.fw-fh-steps p,.fw-fh-steps .fw-menu,.fw-fh-file-token{grid-column:2}.fw-fh-steps h5{font-size:15px}.fw-fh-steps .fw-menu{max-width:250px;width:100%;margin-top:9px}.fw-fh .fw-menu-drop{max-width:180px}.fw-fh-file-token{margin-top:10px}.fw-fh-note{padding:12px 18px 14px}.fw-fh-details>summary{font-size:11.5px}}
@media(max-width:370px){.fw-install-actions a{font-size:11.5px;gap:6px}.fw-install-actions .fw-install-figma>svg:last-child{display:none}.fw-install-header{padding-left:16px;padding-right:16px}.fw-fh h4{font-size:28px}.fw-fh-hero{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.fw-fh-art [id^="rescue-"],.fw-fh-art #rescue-arrow path,.fw-fh-art #rescue-success path,.fw-rescue-status span{animation:none!important}.fw-rescue-status-error{opacity:1!important}.fw-fh-file{transition:none}.fw-fh-file:hover,.fw-fh-file:active{transform:none}}

@media(min-width:1000px){.fw-fh-download-row{display:flex;align-items:center;gap:17px}.fw-fh-download-row .fw-fh-meta{margin:0;max-width:210px}.fw-fh-guide{padding-bottom:10px}.fw-fh-details{margin-top:8px;padding-top:7px}.fw-fh-details>summary{min-height:26px}}

/* Prominent download actions use Framewisp's own icons, without platform marks. */
.fw-install-actions .fw-install-figma{background:linear-gradient(125deg,#efdcff,#c5a2e5);border-color:#e3c8fa;color:#321844;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #76528d,0 5px 18px #be80eb20}
.fw-install-actions .fw-install-figma:hover{background:linear-gradient(125deg,#f6e9ff,#d5b5f0);color:#2a123b;border-color:#f1ddff}
.fw-install-actions .fw-sg{border-color:#a282d0;background:linear-gradient(120deg,#7451b5,#543784);box-shadow:inset 0 1px 0 #e3c8ff26,0 3px 0 #342149,0 5px 18px #784bc320}
.fw-install-actions .fw-install-studio{color:#faf2ff;background:transparent}
.fw-install-actions .fw-install-studio:hover{color:#fff;background:#ba91f323}
.fw-install-actions .fw-dl{color:#f0dfff;border-left-color:#c4a2ed44;background:#c09be217}
.fw-install-actions .fw-dl:hover{background:#d5b4ff30}
@media(max-width:600px){.fw-install-downloads{justify-self:stretch}.fw-install-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fw-install-actions .fw-install-figma{padding:11px 8px;gap:7px;font-size:12px}.fw-install-actions .fw-install-figma>svg:last-child{display:none}.fw-install-actions .fw-sg{display:flex}.fw-install-actions .fw-install-studio{flex:1;padding:11px 8px;gap:7px;font-size:12px}.fw-install-actions .fw-dl{width:32px}.fw-install-source{text-align:center;font-size:8px}}
@media(max-width:420px){.fw-install-actions{grid-template-columns:minmax(0,1fr)}.fw-install-actions a{font-size:13px!important}.fw-install-actions .fw-install-figma>svg:last-child{display:block}.fw-install-source{font-size:8px}}
@media(min-width:760px) and (max-height:860px){#install .fw-install-header{padding:16px 22px}.fw-fh-hero{padding:14px 22px 10px}.fw-fh-guide{padding-bottom:10px}.fw-fh-details{margin-top:8px;padding-top:7px}.fw-fh-note{padding:10px 22px}}
/* Give the dimensional scene room while the complete segment still fits. */
@media(min-width:1000px) and (min-height:761px){.fw-fh-hero{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.fw-fh-art{width:320px}}