/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}*{box-sizing:border-box}html,body{color:#eef5f3;background:#071015;width:100%;height:100%;margin:0;font-family:Segoe UI,Noto Sans TC,sans-serif;overflow:hidden}button,input{font:inherit}.deck{--accent:#63e6be;--accent-rgb:99,230,190;background:radial-gradient(circle at 72% 42%,rgba(var(--accent-rgb),.07),transparent 34%),linear-gradient(90deg,#071015,#0a171d 55%,#071015);width:100vw;height:100dvh;position:relative;overflow:hidden}.accent-blue{--accent:#67b7ff;--accent-rgb:103,183,255}.accent-orange{--accent:#ffad66;--accent-rgb:255,173,102}.accent-purple{--accent:#c59cff;--accent-rgb:197,156,255}.accent-cyan{--accent:#67e8f9;--accent-rgb:103,232,249}.accent-yellow{--accent:#f5d76e;--accent-rgb:245,215,110}.accent-red{--accent:#ff8a8a;--accent-rgb:255,138,138}.accent-mint{--accent:#63e6be;--accent-rgb:99,230,190}header{z-index:20;background:#071015dd;border-bottom:1px solid #27404a;align-items:center;gap:20px;height:82px;padding:0 46px;display:flex;position:relative}.brand{color:#eef5f3;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;display:flex}.brand i{border:1px solid var(--accent);width:46px;height:46px;color:var(--accent);place-items:center;font:700 13px Consolas;display:grid;transform:rotate(45deg)}.brand i:first-line{transform:rotate(-45deg)}.brand span{letter-spacing:1.8px;font-size:11px}.brand span b{letter-spacing:1px;font-size:15px;display:block}.chapter-pill{color:var(--accent);border:1px solid rgba(var(--accent-rgb),.42);margin-left:auto;padding:7px 14px;font-size:12px}.tools{gap:8px;display:flex}.tools button,footer button{color:#a9bdc5;cursor:pointer;background:#0a171d;border:1px solid #29414a;padding:10px 14px}.tools button.active,.tools button:hover,footer button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tools button b{color:var(--accent);margin-left:8px}.slide{grid-template-columns:minmax(420px,.86fr) minmax(560px,1.14fr);align-items:center;gap:4vw;height:calc(100dvh - 132px);padding:5vh 5vw 70px;display:grid;position:relative}.copy{min-width:0}.eyebrow{color:var(--accent);letter-spacing:3px;margin:0 0 22px;font:12px Consolas}.copy h1{letter-spacing:-2px;max-width:760px;margin:0 0 24px;font-size:clamp(40px,3.7vw,70px);line-height:1.06}.lead{color:#b3c8cf;max-width:720px;margin:0 0 22px;font-size:18px;line-height:1.75}.instruction-card{border-left:3px solid var(--accent);background:rgba(var(--accent-rgb),.055);padding:14px 18px}.instruction-card>b{color:var(--accent);font-size:12px}.instruction-card ol{grid-template-columns:1fr 1fr;gap:7px 25px;margin:10px 0 0;padding-left:25px;display:grid}.instruction-card li{color:#d8e5e7;font-size:13px;line-height:1.45}.done{align-items:center;gap:12px;margin-top:13px;display:flex}.done>i{background:var(--accent);color:#071015;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.done p{color:#a9bdc5;margin:0;font-size:12px}.done p b{color:#eef5f3;font-size:13px;display:block}.caution{color:#ffb5a7;gap:10px;margin-top:11px;font-size:11px;display:flex}.caution b{border:1px solid #ff8a6b;padding:3px 6px}.visual{justify-content:center;align-items:center;height:min(59vh,560px);min-height:420px;display:flex;position:relative}.slide aside{color:#20312d;border-left:4px solid var(--accent);z-index:10;background:#eff6ef;align-items:center;gap:18px;padding:12px 18px;display:flex;position:absolute;bottom:57px;left:5vw;right:5vw}.slide aside p{margin:0}.slide aside small{color:#75463e;margin-left:auto}footer{z-index:30;background:#071015;border-top:1px solid #29414a;justify-content:flex-end;align-items:center;gap:12px;height:50px;padding:0 35px;display:flex;position:absolute;bottom:0;left:0;right:0}.progress{background:#183039;height:2px;position:absolute;top:-2px;left:0;right:0}.progress i{background:var(--accent);height:100%;box-shadow:0 0 16px var(--accent);display:block}footer button{padding:7px 12px}footer button:disabled{opacity:.25}.footer-hint{color:#58727c;margin-right:auto;font:10px Consolas}.tent-diagram{perspective:800px;width:100%;height:100%;position:relative}.scene-grid{background:repeating-linear-gradient(0deg,#0000 0 34px,#2d626133 35px),repeating-linear-gradient(90deg,#0000 0 34px,#2d626133 35px);border:1px solid #2b6462;width:80%;height:55%;position:absolute;bottom:4%;left:10%;transform:rotateX(64deg)}.base-ring{border:2px solid var(--accent);width:66%;height:29%;position:absolute;bottom:10%;left:17%;transform:rotateX(58deg)}.base-ring i{border:1px solid var(--accent);background:#071015;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.base-ring i:first-child{top:-5px;left:-5px}.base-ring i:nth-child(2){top:-5px;right:-5px}.base-ring i:nth-child(3){bottom:-5px;left:-5px}.base-ring i:nth-child(4){bottom:-5px;right:-5px}.tent-fabric{background:linear-gradient(145deg,rgba(var(--accent-rgb),.27),rgba(var(--accent-rgb),.04));border-bottom:1px solid var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%);width:34%;height:48%;position:absolute;bottom:18%}.tent-fabric.left{left:16%}.tent-fabric.right{right:16%;transform:scaleX(-1)}.tent-pole{border:4px solid #0000;border-top-color:#f1f8f6;border-radius:50%;width:53%;height:54%;position:absolute;bottom:16%;left:23%}.pole-one{transform:rotate(9deg)}.pole-two{border-top-color:var(--accent);transform:rotate(-9deg)}.tent-ridge{background:#f5d76e;width:27%;height:3px;position:absolute;top:32%;left:39%;transform:rotate(-3deg)}.measure{color:var(--accent);border-top:1px solid var(--accent);padding-top:5px;font:11px Consolas;position:absolute}.measure.width{text-align:center;bottom:5%;left:27%;right:27%}.measure.height{border-top:0;border-left:1px solid var(--accent);writing-mode:vertical-rl;height:45%;top:30%;right:15%}.scene-label{color:#9fb5bc;background:#071015;border:1px solid #29414a;padding:7px 12px;font-size:11px;position:absolute;top:3%;left:50%;transform:translate(-50%)}.mode-base .tent-fabric,.mode-base .tent-pole,.mode-base .tent-ridge,.mode-poles .tent-fabric{opacity:.12}.mode-fabric .tent-pole{opacity:.5}.mode-measure .measure{box-shadow:0 -5px 20px rgba(var(--accent-rgb),.18)}.hero-user{width:100%;height:100%;position:relative}.hero-badge{border:1px solid var(--accent);background:#071015cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;top:8%;right:5%}.hero-badge b{color:var(--accent);font:40px Consolas}.hero-badge span{color:#9fb5bc;font-size:11px}.software-shot{background:#02050c;border:1px solid #2e4457;width:100%;height:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 42px #0008}.software-shot img{object-fit:contain;width:100%;height:100%;display:block}.software-shot figcaption{color:var(--accent);background:#071015e8;border:1px solid #31515c;padding:7px 10px;font:9px Consolas;position:absolute;bottom:10px;left:10px;right:10px}.software-shot figcaption i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.software-shot figcaption span{float:right;color:#a7bac0}.screen-map{grid-template-columns:1fr 220px;gap:13px;width:100%;height:100%;display:grid}.mock-app{background:#0a171d;border:1px solid #31515c;grid-template-columns:155px 1fr;gap:7px;padding:7px;display:grid}.zone{color:#a9bdc5;cursor:pointer;background:#0d2028;border:1px solid #31515c}.zone:hover{border-color:var(--accent);color:var(--accent)}.mock-sidebar{background:#091820;border:1px solid #31515c;flex-direction:column;gap:7px;padding:7px;display:flex;overflow:hidden}.mock-sidebar>span{color:#69818a;border:1px solid #203944;padding:9px 7px;font-size:10px}.sidebar-main{min-height:43px}.plan-zone{border-color:var(--accent);color:var(--accent);padding:11px 6px;font-size:10px;line-height:1.35}.mock-viewport{min-width:0;position:relative;overflow:hidden}.zone.canvas{width:100%;padding:0;position:absolute;inset:0}.zone.inspector-zone{z-index:3;border-color:rgba(var(--accent-rgb),.6);background:#071015e8;width:106px;padding:11px 5px;font-size:10px;position:absolute;top:9px;right:9px}.zone.bottom{z-index:3;background:#071015e8;width:180px;padding:8px;font-size:10px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.zone-detail{border:1px solid rgba(var(--accent-rgb),.5);background:#0a171d;flex-direction:column;justify-content:center;padding:18px;display:flex}.zone-detail b{color:var(--accent);font-size:21px}.zone-detail p{color:#b3c8cf;line-height:1.7}.zone-detail small{color:#69818a;margin-top:auto}.step-visual{grid-template-columns:repeat(7,1fr);gap:7px;width:100%;display:grid}.step-visual div{background:#0a171d;border:1px solid #29414a;flex-direction:column;height:260px;padding:14px;display:flex}.step-visual b{color:var(--accent);font:12px Consolas}.step-visual span{margin-top:80px;font-size:15px}.step-visual i{color:var(--accent);margin-top:auto}.base-picker{grid-template-columns:210px 1fr;gap:15px;width:100%;height:100%;display:grid}.shape-list{flex-direction:column;gap:6px;display:flex;overflow:auto}.shape-list button{color:#a9bdc5;text-align:left;cursor:pointer;background:#0a171d;border:1px solid #29414a;align-items:center;gap:11px;padding:10px;display:flex}.shape-list button.selected{border-color:var(--accent);color:var(--accent)}.mini-shape{background:rgba(var(--accent-rgb),.28);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:26px;height:20px}.shape-preview{background:radial-gradient(circle,rgba(var(--accent-rgb),.08),transparent 60%);border:1px solid #29414a;flex-direction:column;justify-content:center;align-items:center;display:flex}.large-shape{background:rgba(var(--accent-rgb),.12);border:2px solid var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:62%;height:58%}.s1{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.s2{clip-path:polygon(8% 0,70% 0,100% 100%,0 86%)}.s3{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.s4{clip-path:polygon(50% 0,100% 58%,82% 100%,18% 100%,0 58%)}.s5{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.s6{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.shape-preview b{color:var(--accent);margin-top:15px}.shape-preview span{color:#75909a;font-size:11px}.dimension-form{grid-template-columns:1fr 1fr;gap:12px;width:90%;display:grid}.dimension-form label{color:#9fb5bc;background:#0a171d;border:1px solid #29414a;padding:22px}.dimension-form label b{color:#eef5f3;margin-left:20px;font:35px Consolas}.dimension-form label span{color:var(--accent);margin-left:8px}.formula-preview{border:1px solid #29414a;grid-column:1/3;place-items:center;height:260px;display:grid;position:relative}.formula-preview i{border:3px solid var(--accent);width:62%;height:60%}.formula-preview span{color:#9fb5bc;position:absolute;bottom:18px}.formula-preview strong{color:var(--accent);position:absolute;top:18px;right:18px}.corner-map{border:3px solid var(--accent);background:rgba(var(--accent-rgb),.06);width:75%;height:72%;position:relative}.corner-map>span{border:1px solid var(--accent);width:36px;height:36px;color:var(--accent);background:#071015;border-radius:50%;place-items:center;display:grid;position:absolute}.corner-map span:first-child{top:-18px;left:-18px}.corner-map span:nth-child(2){top:-18px;right:-18px}.corner-map span:nth-child(3){bottom:-18px;right:-18px}.corner-map span:nth-child(4){bottom:-18px;left:-18px}.corner-map div{color:#9fb5bc;place-items:center;display:grid;position:absolute;inset:0}.anchor-demo{width:92%;height:82%;position:relative}.anchor-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;inset:0 0 auto}.anchor-choice span,.anchor-choice strong{color:#93aab2;background:#0a171d;border:1px solid #31515c;padding:10px 12px;font-size:11px;font-weight:500}.anchor-choice strong{border-color:var(--accent);color:var(--accent)}.choice-dot{border:1px solid var(--accent);width:8px;height:8px;margin-right:8px;display:inline-block}.anchor-ground{background:linear-gradient(#0c1b22,#09161c);border:1px solid #294b56;height:46%;position:absolute;top:29%;left:8%;right:8%}.reference-edge{background:var(--accent);height:5px;box-shadow:0 0 14px rgba(var(--accent-rgb),.4);position:absolute;bottom:-3px;left:-2px;right:-2px}.reference-edge b{color:var(--accent);white-space:nowrap;font:11px Consolas;position:absolute;top:12px;left:50%;transform:translate(-50%)}.corner-node{border:2px solid var(--accent);z-index:2;background:#071015;width:13px;height:13px;position:absolute;bottom:-7px;transform:rotate(45deg)}.node-a{left:-7px}.node-b{right:-7px}.corner-label{color:#eef5f3;font:700 13px Consolas;position:absolute;bottom:-35px}.corner-a{left:-7px}.corner-b{right:-7px}.edge-midpoint{width:12px;height:12px;font:0/0 a;z-index:3;background:#071015;border:2px solid #f5d76e;border-radius:50%;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.edge-origin{z-index:3;background:#f5d76e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-8px;left:68%;transform:translate(-50%);box-shadow:0 0 12px #f5d76e}.along-measure{color:#f5d76e;text-align:center;border-top:1px solid #f5d76e;width:18%;position:absolute;bottom:37px;left:50%}.along-measure:before,.along-measure:after{content:"";border-top:1px solid #f5d76e;border-right:1px solid #f5d76e;width:7px;height:7px;position:absolute;top:-4px}.along-measure:before{left:0;transform:rotate(-135deg)}.along-measure:after{right:0;transform:rotate(45deg)}.along-measure b,.outward-measure b{margin-top:7px;font:11px Consolas;display:block}.along-measure span,.outward-measure span{color:#78919a;margin-top:2px;font-size:9px;display:block}.outward-measure{border-left:1px dashed var(--accent);height:17%;color:var(--accent);padding-left:12px;position:absolute;top:75%;left:68%}.outward-measure:after{content:"";border-top:1px solid var(--accent);border-right:1px solid var(--accent);width:7px;height:7px;position:absolute;bottom:0;left:-4px;transform:rotate(135deg)}.anchor-point{background:var(--accent);color:#071015;width:50px;height:50px;box-shadow:0 0 22px rgba(var(--accent-rgb),.45);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font:700 13px Consolas;display:flex;position:absolute;bottom:-2%;left:68%;transform:translate(-50%,50%)}.anchor-point small{margin-top:1px;font:8px Segoe UI}.preset-cards,.pole-types,.material-cards,.measure-cards{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.preset-cards{grid-template-columns:repeat(4,1fr)}.preset-cards button,.pole-types>div,.material-cards>div,.measure-cards>div{color:#eef5f3;background:#0a171d;border:1px solid #29414a;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:20px;display:flex}.preset-cards button{cursor:pointer}.preset-cards button.active{border-color:var(--accent);box-shadow:inset 0 0 35px rgba(var(--accent-rgb),.08)}.preset-cards small,.pole-types span,.material-cards span,.measure-cards span{color:#8aa2aa;margin-top:10px}.pole-workshop{width:100%;height:100%;position:relative;overflow:hidden}.work-ground{border:1px solid #31515c;height:34%;position:absolute;bottom:12%;left:10%;right:10%;transform:rotateX(60deg)}.work-pole{border:5px solid #0000;border-top-color:var(--accent);border-radius:50%;width:62%;height:63%;position:absolute;bottom:14%;left:18%}.p2{border-top-color:#eef5f3;left:28%}.connector{background:#f5d76e;border:0;border-radius:0;width:32%;height:3px;top:24%;left:38%}.node,.contact{border:1px solid var(--accent);color:var(--accent);background:#071015;padding:6px;font:10px Consolas;position:absolute}.n1{bottom:12%;left:16%}.n2{bottom:12%;right:16%}.contact{border-radius:50%}.c1{top:24%;left:42%}.c2{top:24%;right:31%}.pole-caption{white-space:nowrap;color:#9fb5bc;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.type-arc .p2,.type-arc .connector,.type-arc .contact,.type-hub .p2,.type-double .connector{display:none}.type-double .p1,.type-double .p2{height:54%;top:13%;bottom:auto}.type-double .c1{top:16%;left:47%}.type-double .c2{top:59%;left:47%}.type-hub .p1{width:47%;height:68%;left:26%}.type-hub .connector{width:27%;display:block;top:34%;left:49%;transform:rotate(25deg)}.double-intersection-scene{width:100%;height:100%;position:relative;overflow:hidden}.double-software-shot{aspect-ratio:527/429;background:#050913;border:1px solid #2e4457;width:min(78%,560px);position:absolute;top:2%;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #0008}.double-software-shot img{object-fit:contain;width:100%;height:100%;display:block}.software-contact{color:#fff;background:#071015e8;border:1px solid #c59cff;padding:5px 7px 5px 22px;font:700 10px Consolas;position:absolute;box-shadow:0 0 16px #c59cff44}.software-contact i{background:#c59cff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:7px;box-shadow:0 0 9px #c59cff}.contact-one{top:49%;left:37%;transform:translate(-100%,-50%)}.contact-two{top:33%;left:69%;transform:translate(8px,-100%)}.double-reading{grid-template-columns:repeat(3,1fr);gap:7px;display:grid;position:absolute;bottom:0;left:2%;right:2%}.double-reading span{color:#9fb5bc;background:#071015e8;border:1px solid #29414a;padding:8px;font-size:9px;line-height:1.4}.double-reading b{background:var(--accent);color:#071015;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:6px;font:700 10px Consolas;display:inline-grid}.yhub-modes{grid-template-rows:1fr auto;grid-template-columns:150px 1fr;gap:10px;width:100%;height:100%;display:grid}.yhub-tabs{flex-direction:column;gap:8px;display:flex}.yhub-tabs button{color:#9fb5bc;text-align:left;cursor:pointer;background:#0a171d;border:1px solid #29414a;flex:1;padding:15px}.yhub-tabs button.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.yhub-tabs button small{color:#718891;margin-top:8px;font-size:9px;display:block}.yhub-real-view{background:#02050c;border:1px solid #2e4457;min-width:0;position:relative;overflow:hidden;box-shadow:0 15px 38px #0007}.yhub-real-view img{object-fit:contain;width:100%;height:100%;display:block}.real-view-badge{border:1px solid var(--accent);color:var(--accent);background:#071015e8;padding:6px 9px;font:9px Consolas;position:absolute;top:10px;right:10px}.yhub-explanation{border-left:3px solid var(--accent);background:rgba(var(--accent-rgb),.06);grid-column:1/3;grid-template-columns:190px 1fr;align-items:center;gap:5px 14px;padding:10px 14px;display:grid}.yhub-explanation b{color:var(--accent);font-size:13px}.yhub-explanation p{color:#c4d2d5;margin:0;font-size:11px;line-height:1.5}.yhub-explanation small{color:#799097;grid-column:2;font-size:9px}.pole-types i{width:90px;height:80px;margin-bottom:25px;display:block}.arc-icon{border:5px solid #0000;border-top-color:var(--accent);border-radius:50%}.straight-icon{border-left:5px solid var(--accent);transform:rotate(12deg)}.ridge-icon{background:var(--accent);margin-top:35px;height:5px!important}.dependency-demo{align-items:center;gap:13px;width:100%;display:flex}.dep{text-align:center;background:#0a171d;border:1px solid #29414a;flex:1;place-items:center;height:160px;display:grid}.dep.target{border-color:var(--accent)}.dependency-demo>i{color:var(--accent)}.dependency-demo>span{color:#9fb5bc;position:absolute;bottom:20px}.stake-demo,.inner-demo,.guyline-demo,.ruler-demo,.selection-demo{width:100%;height:100%;position:relative}.stake{color:#ffad66;font-size:26px;position:absolute}.stake.s1{bottom:10%;left:13%}.stake.s2{bottom:10%;right:13%}.stake.s3{bottom:5%;left:49%}.inner-volume{color:#c59cff;background:#c59cff12;border:2px dashed #c59cff;place-items:center;height:30%;display:grid;position:absolute;bottom:17%;left:30%;right:30%}.hanger-demo{width:80%;height:80%;position:relative}.hanger-pole{background:var(--accent);height:4px;position:absolute;top:13%;left:15%;right:15%;transform:rotate(-15deg)}.hanger-point{border:1px solid var(--accent);border-radius:50%;padding:7px;position:absolute;top:18%;left:52%}.hanger-demo>i{border-left:2px dashed #f5d76e;height:31%;position:absolute;top:28%;left:56%}.inner-roof{clip-path:polygon(50% 0,100% 100%,0 100%);background:#c59cff33;border-bottom:2px solid #c59cff;place-items:end center;height:30%;display:grid;position:absolute;bottom:14%;left:27%;right:10%}.hanger-demo>b{color:#f5d76e;position:absolute;top:40%;left:59%}.draft-resolved{grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px;width:100%;display:grid}.draft-resolved>div{background:#0a171d;border:1px solid #ff8a8a;flex-direction:column;height:260px;padding:25px;display:flex}.draft-resolved div b{font-size:20px}.draft-resolved div span{color:#b3c8cf;margin-top:55px}.draft-resolved div i{color:#ff8a8a;margin-top:auto}.draft-resolved>strong{text-align:center;color:var(--accent)}.draft-resolved .resolved{border-color:#63e6be}.draft-resolved .resolved i{color:#63e6be}.guy{transform-origin:0;background:#f5d76e;width:35%;height:2px;position:absolute}.g1{top:38%;left:50%;transform:rotate(29deg)}.g2{top:39%;left:48%;transform:rotate(150deg)}.guyline-demo>span{color:#f5d76e;position:absolute;top:63%;right:8%}.material-cards b{color:var(--accent);font:15px Consolas}.material-cards strong{margin-top:24px;font-size:24px}.ruler-bar{background:#071015;border:1px solid #31515c;gap:6px;padding:7px;display:flex;position:absolute;bottom:0;left:11%;right:11%}.ruler-bar button{color:#8aa2aa;background:#0a171d;border:1px solid #31515c;flex:1;padding:8px}.ruler-bar button.on{border-color:var(--accent);color:var(--accent)}.selection-card{border:1px solid var(--accent);background:#071015;flex-direction:column;padding:16px;display:flex;position:absolute;top:9%;right:4%}.selection-card b{color:var(--accent)}.selection-card span{margin:13px 0;font-size:20px}.selection-card small{color:#8aa2aa}.measure-cards>div{min-height:190px}.measure-cards b{color:var(--accent);font:32px Consolas}.setout-demo{width:90%;height:85%;position:relative}.setout-point{border:1px solid var(--accent);text-align:center;border-radius:50%;place-items:center;width:75px;height:75px;display:grid;position:absolute;top:8%;left:48%}.drop-line{border-left:1px dashed var(--accent);height:46%;position:absolute;top:25%;left:52%}.setout-base{border:2px solid #31515c;height:27%;position:absolute;bottom:8%;left:11%;right:11%;transform:skew(-8deg)}.setout-demo span{color:#f5d76e;font:11px Consolas;position:absolute}.d1{bottom:2%;left:12%}.d2{bottom:23%;right:4%}.wind-compare{grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px;width:100%;display:grid}.wind-compare>div{background:#0a171d;border:1px solid #29414a;flex-direction:column;justify-content:center;align-items:center;height:280px;display:flex}.wind-compare>strong{text-align:center;color:var(--accent);font-size:35px}.wind-compare b{margin-top:25px;font-size:20px}.wind-compare span{color:#8aa2aa;margin-top:8px}.heat-pole{filter:drop-shadow(45px 0 #f5d76e);border:10px solid #0000;border-top-color:#63e6be;border-radius:50%;width:170px;height:90px}.wind-lines{color:#67e8f9;font-size:25px}.save-demo{grid-template-columns:1fr 1fr;gap:12px;width:80%;display:grid}.save-demo label{color:#8aa2aa;background:#0a171d;border:1px solid #29414a;grid-column:1/3;padding:22px}.save-demo label b{color:#eef5f3;margin-top:12px;font-size:24px;display:block}.save-demo button{color:#eef5f3;background:#0a171d;border:1px solid #31515c;padding:16px}.save-demo button.primary{background:var(--accent);color:#071015}.save-demo>span{color:#63e6be;text-align:right;grid-column:1/3}.confirm-box{background:#0a171d;border:1px solid #f5d76e;flex-direction:column;padding:13px;display:flex}.confirm-box b{color:#f5d76e}.confirm-box span{color:#9fb5bc;margin-top:5px;font-size:11px}.file-flow{grid-template-columns:1fr 70px 1fr;align-items:center;width:90%;display:grid}.file-flow>div{background:#0a171d;border:1px solid #29414a;flex-direction:column;justify-content:center;align-items:center;height:250px;display:flex}.file-flow b{color:var(--accent);font:26px Consolas}.file-flow span{color:#8aa2aa;margin-top:15px}.file-flow>i{text-align:center;color:var(--accent);font-size:30px}.layer-demo{grid-template-columns:1fr 150px;gap:10px;width:100%;height:100%;display:grid}.layer-scene{position:relative}.layer-controls{flex-direction:column;justify-content:center;gap:8px;display:flex}.layer-controls button{color:#8aa2aa;background:#0a171d;border:1px solid #29414a;padding:13px}.layer-controls button.on{border-color:var(--accent);color:var(--accent)}.layer-controls i{border:1px solid;width:8px;height:8px;margin-right:8px;display:inline-block}.layer-controls button.on i{background:var(--accent)}.layer-mask{color:#ff8a8a;background:#071015;border:1px solid #ff8a8a;padding:5px;position:absolute}.outer-mask{top:20%;left:12%}.inner-mask{top:52%;left:45%}.pole-mask{top:34%;right:12%}.trouble-table{grid-template-columns:1fr 55px 1fr;align-items:center;width:100%;display:grid}.trouble-table>div{background:#0a171d;border:1px solid #29414a;flex-direction:column;padding:20px;display:flex}.trouble-table b{color:var(--accent);margin-bottom:15px;font-size:20px}.trouble-table span{color:#b3c8cf;border-top:1px solid #29414a;padding:12px}.trouble-table>i{text-align:center;color:var(--accent);font-size:26px}.quiz{grid-template-columns:1fr 1fr;gap:9px;width:100%;padding-right:150px;display:grid;position:relative}.quiz-card{background:#0a171d;border:1px solid #29414a;min-height:150px;padding:13px}.quiz-card>b{color:var(--accent);font:11px Consolas}.quiz-card p{font-size:13px}.quiz-card div{gap:5px;display:flex}.quiz-card button{color:#9fb5bc;background:#071015;border:1px solid #31515c;flex:1;padding:7px;font-size:10px}.quiz-card button.right{color:#63e6be;border-color:#63e6be}.quiz-card button.wrong{color:#ff8a8a;border-color:#ff8a8a}.quiz-score{border:2px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.quiz-score strong{color:var(--accent);font:38px Consolas}.quiz-score small{text-align:center;color:#8aa2aa;width:160px;position:absolute;top:140px}.checklist{grid-template-columns:1fr 1fr;gap:9px;width:100%;padding-right:170px;display:grid;position:relative}.checklist button{color:#9fb5bc;text-align:left;background:#0a171d;border:1px solid #29414a;align-items:center;gap:13px;min-height:85px;padding:14px;display:flex}.checklist button i{border:1px solid #58727c;place-items:center;width:27px;height:27px;display:grid}.checklist button.done{color:#eef5f3;border-color:#63e6be}.checklist button.done i{color:#071015;background:#63e6be}.check-score{border:2px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.check-score strong{color:var(--accent);font:42px Consolas}.check-score span{color:#8aa2aa}.final-practice{width:100%;height:100%;position:relative}.starter-downloads{flex-direction:column;justify-content:center;gap:14px;width:100%;height:100%;display:flex}.preset-download-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.preset-download{color:#eef5f3;background:#0a171d;border:1px solid #31515c;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.preset-download:hover,.preset-download:focus-visible{border-color:var(--accent);box-shadow:0 12px 34px rgba(var(--accent-rgb),.16);outline:none;transform:translateY(-4px)}.preset-download img{object-fit:cover;background:#05090f;width:100%;height:225px}.preset-download>span{flex-direction:column;gap:5px;padding:14px 16px;display:flex}.preset-download b{font-size:18px}.preset-download small{color:#8aa2aa}.preset-download strong{color:var(--accent);margin-top:7px;font-size:13px}.preset-download strong i{font:11px Consolas}.launch-designer{background:var(--accent);color:#071015;align-self:center;padding:15px 28px;font-weight:800;text-decoration:none}.starter-downloads>p{text-align:center;color:#8aa2aa;margin:0;font-size:12px}.menu{z-index:100;background:#071015f7;flex-direction:column;padding:40px 5vw;display:flex;position:fixed;inset:0}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top>div{flex-direction:column;display:flex}.menu-top b{font-size:30px}.menu-top span{color:#8aa2aa;margin-top:6px}.menu-top button{color:#eef5f3;background:#0a171d;border:1px solid #31515c;padding:10px 16px}.menu>input{border:1px solid var(--accent);color:#eef5f3;background:#0a171d;outline:none;width:100%;margin:22px 0 15px;padding:15px 18px;font-size:17px}.menu-results{grid-template-columns:repeat(3,1fr);gap:7px;display:grid;overflow:auto}.menu-results button{color:#eef5f3;text-align:left;background:#0a171d;border:1px solid #29414a;gap:13px;min-height:83px;padding:12px;display:flex}.menu-results button.current{border-color:var(--accent)}.menu-results button>i{color:var(--accent);font:11px Consolas}.menu-results button span{flex-direction:column;display:flex}.menu-results button small{color:#75909a;margin-top:6px}.empty{text-align:center;color:#8aa2aa;margin-top:50px}@media (width<=1000px){.slide{grid-template-columns:1fr;align-content:start;padding:30px 4vw 100px;overflow:auto}.visual{min-height:440px;margin-top:25px}.copy h1{font-size:43px}.lead{font-size:16px}.instruction-card ol{grid-template-columns:1fr}.footer-hint{display:none}.menu-results{grid-template-columns:1fr 1fr}.step-visual{grid-template-columns:repeat(4,1fr)}.step-visual div{height:150px}.step-visual span{margin-top:25px}}@media (width<=650px){header{height:65px;padding:0 18px}.brand span,.chapter-pill,.tools button:first-child{display:none}.slide{height:calc(100dvh - 110px);padding:25px 18px 90px}.copy h1{font-size:34px}.visual{min-height:400px}.screen-map,.base-picker,.layer-demo{grid-template-columns:1fr}.zone-detail{display:none}.shape-list{flex-direction:row}.shape-list button{min-width:130px}.step-visual{grid-template-columns:1fr 1fr}.preset-cards,.pole-types,.material-cards,.measure-cards,.preset-download-grid{grid-template-columns:1fr}.preset-download img{height:200px}.draft-resolved,.file-flow,.wind-compare{grid-template-columns:1fr}.draft-resolved>strong,.file-flow>i,.wind-compare>strong{transform:rotate(90deg)}.yhub-modes{grid-template-rows:auto 310px auto;grid-template-columns:1fr}.yhub-tabs{flex-direction:row}.yhub-tabs button{padding:10px}.yhub-explanation{grid-column:1;grid-template-columns:1fr}.yhub-explanation p,.yhub-explanation small{grid-column:1}.quiz,.checklist{grid-template-columns:1fr;padding-bottom:180px;padding-right:0}.quiz-score,.check-score{top:auto;bottom:10px;right:50%;transform:translate(50%)}.menu{padding:25px 18px}.menu-results{grid-template-columns:1fr}.slide aside{bottom:52px}.footer-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}