*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;scroll-padding-top:20px}body{margin:0;background:#111418;color:#edf1f4;font:14px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#ff6470}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #38414a;background:#222930;color:#eaf0f5;border-radius:7px;padding:8px 12px;cursor:pointer}button:hover{background:#34404c}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid #ff6572;outline-offset:4px}header{max-width:1500px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2c333c}.brand{font-weight:900;font-size:20px;letter-spacing:-.5px;position:relative;padding-left:41px;line-height:1.3}.brand>span:not(.brand-icon){color:#ef4655}.brand-icon{position:absolute;left:0;top:0;font-size:36px;color:#ef4655;line-height:1}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:1.6px;color:#99a8b5}nav{display:flex;gap:27px;font-size:12px}.language{border-left:1px solid #48515b;padding-left:24px}main{max-width:1440px;margin:auto;padding:0 30px}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 0 45px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#9baebb;margin:0 0 13px}.hero .eyebrow{color:#ef6470}h1{font-size:clamp(34px,4vw,60px);letter-spacing:-2px;line-height:1.1;margin:18px 0 22px}h1 em{color:#ef5664;font-style:normal}.intro{max-width:610px;color:#a5b2bf;font-size:15px}.local{font-size:11px;color:#9fc6b2}.hero-art{width:360px;text-align:center;flex-shrink:0}.hero-art svg{width:100%;height:230px}.hero-art span{font-size:9px;letter-spacing:2px;color:#8b9eac}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid #303943;background:linear-gradient(145deg,#1c232b,#191e25);border-radius:12px;padding:23px;margin-bottom:20px;min-width:0}.config{padding:24px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.panel-top h2{margin:0}.panel-top .eyebrow{margin-bottom:4px}h2{font-size:20px;letter-spacing:-.5px;line-height:1.25}h3{font-size:19px;line-height:1.35}.hint{font-size:11px;color:#a5b2bf}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.fields .full{grid-column:1/-1}label{font-size:11px;color:#b6c2cc;display:block}label small{display:block;font-size:9px;color:#8495a4;margin-top:3px}input,select{width:100%;min-width:0;border:1px solid #394550;background:#11171d;color:#edf4fa;padding:10px;border-radius:6px;margin-top:5px}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;background:#e94151;border:1px solid #e94151;color:white;padding:12px 18px;border-radius:7px;font-weight:bold}.primary:hover{background:#c52d3b;color:white}form .primary{width:100%}#error{background:#3e1b24;padding:10px;border:1px solid #a03c51;color:#ffc3ce}.results{min-width:0}.projectbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:12px}.projectbar small{display:block;font-size:10px;color:#9bcab3}.actions{display:flex;gap:6px}.actions button,.panel-top button{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.metric{border:1px solid #333e4a;background:#1a222b;padding:14px;border-radius:8px;min-width:0}.metric small{display:block;font-size:9px;color:#95a8b9;letter-spacing:.4px}.metric b{font-size:22px;letter-spacing:-.6px;overflow-wrap:anywhere}.metric b span{font-size:11px;font-weight:normal;color:#98a7b4}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tabs button{font-size:11px;background:transparent;border:0;color:#9fadb9}.tabs button[aria-pressed=true]{background:#39232d;color:#ff8b95}#graph svg{width:100%;height:auto;display:block}.compare{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.compare button{font-size:10px;padding:5px 10px}.key{color:#fb6774}#compare-label{color:#6fc8df}.model{background:radial-gradient(ellipse at 45% 45%,#293847,#171d24 70%)}#box-view svg{width:100%;height:300px;display:block}.rotation{display:flex;gap:16px;align-items:center;justify-content:center}.rotation input{max-width:220px;accent-color:#ef5966}.dimension-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;color:#c1cdd7;font-size:11px;margin-top:15px}.pill{font-size:10px;border:1px solid #44515c;padding:4px 10px;border-radius:30px;color:#a9bbc9}.warning{border-left:3px solid #e2b266;background:#332d22;color:#e2d3b9;padding:12px;font-size:12px;margin:10px 0}.good{color:#9cc8ad;font-size:12px}.cutlist{margin-top:24px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;color:#9bb0c1;font-weight:normal;background:#131a21}th,td{padding:13px 18px;border-bottom:1px solid #34414d}td{font-size:13px}td:last-child{font-family:monospace}.guide{border-top:1px solid #34414d;margin-top:45px;padding:55px 0 20px}.guide>h2{font-size:35px}.guide>p{max-width:800px;color:#aab8c5}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.guide-grid article{padding:25px;border:1px solid #303e49;border-radius:9px;background:#182029}.guide-grid article>span{color:#f36874;font-size:12px}.guide-grid p{font-size:13px;color:#a5b5c2}.guide a:not(.primary){text-decoration:underline;text-underline-offset:3px}.cta{display:flex;align-items:center;gap:30px;justify-content:space-between;background:#291f27;border:1px solid #573039;padding:30px;border-radius:10px;margin-top:35px}.cta p{max-width:630px;color:#b8b3bd;font-size:13px}.cta .primary{flex-shrink:0;font-size:12px}details{margin-top:25px;font-size:12px;color:#a5b4c1}summary{cursor:pointer}footer{max-width:1440px;padding:25px 30px;margin:auto;border-top:1px solid #34414d;display:flex;gap:20px;justify-content:space-between;color:#8296a7;font-size:10px}footer b{color:#d9e3eb}body.dirty .metrics,body.dirty #graph,body.dirty #box-view{opacity:.45}[hidden]{display:none!important}@media(max-width:1050px){.hero-art{width:240px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.config{padding:18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.projectbar{align-items:start;flex-direction:column}.cta{display:block}.cta .primary{margin-top:12px}}@media(max-width:720px){header{padding:18px 16px}.brand{font-size:16px}.brand small{font-size:7px}nav{gap:12px;font-size:10px}nav>a:first-child{display:none}.language{padding-left:12px}main{padding:0 16px}.hero{padding:35px 0}.hero-art{display:none}h1{font-size:39px}.intro{font-size:13px}.workspace{grid-template-columns:minmax(0,1fr)}.config{padding:22px}.panel{padding:17px}.fields{gap:15px}.projectbar{flex-direction:row;flex-wrap:wrap}.guide-grid{grid-template-columns:1fr}.guide>h2{font-size:29px}.panel-top{gap:10px}h2{font-size:18px}footer{flex-wrap:wrap;padding:20px 16px}.metric b{font-size:23px}.guide-grid article{padding:22px}.cta{padding:22px}}@media print{header,.hero,.config,button,nav,.guide,footer,.rotation{display:none!important}body{background:white;color:black}.workspace{display:block}.panel,.metric{background:white;color:black;border-color:#aaa;break-inside:avoid}.metric small,.hint,.dimension-strip{color:#333}#graph,#box-view{background:#111b25;print-color-adjust:exact}.tabs{display:none}.cutlist{break-before:page}main{max-width:none;padding:0}th{background:#eee;color:#111}.warning{background:#eee;color:black}.projectbar small{color:black}}
.fit-error{padding:12px 16px;border:1px solid #f36e7b;background:#44232b;color:#ffd6da;border-radius:7px;font-size:12px}#box-view svg{width:100%;height:auto;display:block}#xray{margin-right:8px}.rotation{margin-top:15px}
.recommend-options{display:flex;gap:20px;flex-wrap:wrap}.recommend-options label{flex:1;min-width:150px}.recommend-options select,.recommend-options input{display:block;width:100%;padding:10px;background:#111820;color:#e4ecf2;border:1px solid #536575;border-radius:6px}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.suggestion-grid article{padding:18px;background:#111b25;border:1px solid #3a5264;border-radius:9px}.suggestion-grid h3{margin-top:0}.suggestion-volume{font-size:27px}.suggestion-volume small{font-size:11px;color:#a9bfcc}.suggestion-grid p,#recommend-status{font-size:12px}.recommendations summary{font-size:12px}.scene-toolbar{display:flex;gap:7px;flex-wrap:wrap}.scene-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:15px 0}.scene-options label{font-size:12px}.scene-options input[type=range]{display:block}.live-3d{width:100%;overflow:hidden;border-radius:9px}.live-3d canvas{display:block;max-width:100%;cursor:grab;touch-action:none}.live-3d canvas:active{cursor:grabbing}.panel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.panel-card{border:1px solid #486071;border-radius:9px;padding:15px;break-inside:avoid;background:#15212b}.panel-card h3{font-size:15px;margin:0}.panel-card h3 span{display:inline-block;padding:3px 9px;background:#a83548;color:white;border-radius:4px;margin-right:8px}.panel-card svg{width:100%;display:block}.panel-card p{font-size:11px;color:#bdd0dd}.cutlist ol{padding-left:22px;font-size:13px}.cutlist li{margin:10px 0}#opening-list{margin-top:30px}@media(max-width:720px){.suggestion-grid,.panel-cards{grid-template-columns:1fr}.scene-toolbar button{font-size:11px}.scene-options{gap:12px}.panel-card svg{max-height:220px}.recommend-options{gap:10px}}@media print{.panel-cards{grid-template-columns:1fr 1fr}.panel-card{background:white;color:black}.panel-card p{color:#222}.panel-card svg{background:#172633;print-color-adjust:exact}.plan-print main>:not(.cutlist){display:none!important}.plan-print .cutlist{break-before:auto}.plan-print #print-plan{display:none}.cutlist table{font-size:11px}.cutlist li{color:#111}}
.speaker-picker{grid-column:1/-1;border:1px solid #3d5060;border-radius:12px;padding:14px;background:#17242f}.speaker-picker small{display:block;line-height:1.5;color:#a6b8c6;margin-top:8px}.speaker-count{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.speaker-count button{padding:10px 4px;display:grid;gap:7px;justify-items:center}.speaker-count button[aria-pressed=true]{border-color:#ef7384;background:#47303b}.speaker-count button span{display:flex;gap:2px;flex-wrap:wrap;max-width:50px;justify-content:center}.speaker-count i{width:18px;height:18px;border:2px solid #a6b2bd;border-radius:50%;background:radial-gradient(circle,#54616e 15%,#19212a 20%,#394650 55%,#10171d 60%)}#port-detail{padding:10px 12px;background:#1b2b36;border-radius:8px}.scene-options{flex-wrap:wrap}.scene-options label{white-space:normal}.live-3d canvas{touch-action:none;max-width:100%}
.unit-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;margin-bottom:24px;border:1px solid #75515b;border-radius:12px;background:#251f29}.unit-picker p{margin:4px 0;color:#afbdc9;font-size:12px}.unit-picker label{min-width:270px}@media(max-width:600px){.unit-picker{display:block}.unit-picker label{margin-top:12px;min-width:0}}

.panel-card h3 span{background:#394651;color:#dfeef2;border:1px solid #708792}.panel-card{background:#19242d;border-color:#3b4d5a}.arrange-switch,.layout-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.arrange-switch button[aria-pressed=true]{background:#304d50;border-color:#82b9b4}.layout-tools label{min-width:170px}.layout-tools button{font-size:11px}#layout-editor{background:#14202a;padding:15px;border:1px solid #415664;border-radius:10px}#manual-board{touch-action:none;user-select:none;outline-offset:3px}#manual-board svg{display:block;width:100%;max-height:480px;min-height:220px}#layout-message{font-size:12px;min-height:25px}body.dirty #manual-board{opacity:1}@media print{.arrange-switch,#layout-editor{display:none!important}}
.depth-editor{margin-top:24px;padding:22px;border:1px solid #48616a;border-radius:12px;background:#182329}.depth-editor h3{margin:8px 0}.depth-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.depth-fields label{font-size:13px;color:#b9cbd0}.depth-fields input{width:100%;display:block;margin-top:8px;padding:12px;border-radius:6px;border:1px solid #58717a;background:#10191f;color:#fff}.depth-fields [hidden]{display:none}.depth-editor button{width:100%}

.side-cut-details{padding:14px;background:#111c22;border:1px solid #41545e;border-radius:8px}.side-cut-details dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px}.side-cut-details dd{margin:0;color:#a3ddcf;text-align:right}.side-cut-details p{font-size:12px}.panel-card svg{width:100%;height:auto}

.assembly-color-key{padding:15px;border:1px solid #40505e;border-radius:8px;background:#18232d;margin-top:12px;font-size:12px}.assembly-color-key>div+div{margin-top:15px}.assembly-color-items{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:8px}.assembly-color-items span{display:inline-flex;align-items:center;gap:6px}.assembly-color-items i{width:12px;height:12px;border-radius:3px}.assembly-colored .panel-card{border-color:var(--panel-color)}.assembly-colored .panel-card h3 span{background:var(--panel-color);color:#101820;border-color:var(--panel-color)}.assembly-colored .panel-card svg polygon{fill:var(--panel-color);fill-opacity:.6;stroke:var(--panel-color)}

.front-panel-card{grid-column:1/-1}.front-panel-card .front-cut-sheet{max-height:none!important;background:white;border-radius:5px;margin-top:15px}.assembly-colored .front-panel-card svg polygon{fill:inherit}.front-panel-card h3{margin-bottom:8px}@media print{.front-panel-card{grid-column:1/-1}.front-panel-card .front-cut-sheet{max-height:none!important;width:100%;background:white!important}.front-print main>:not(.cutlist){display:none!important}.front-print .cutlist>:not(#panel-cards){display:none!important}.front-print #panel-cards>:not(.front-panel-card){display:none!important}.front-print #panel-cards{display:block;margin:0}.front-print .front-panel-card{border:0;padding:0;break-inside:avoid}.front-print header,.front-print footer{display:none!important}#print-front{display:none!important}}
@media print{.front-print .cutlist{break-before:auto;border:0;padding:0;margin:0}.front-print .panel-cards{gap:0}}

.cloudbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:14px;border:1px solid #3e4650;border-radius:9px}.cloudbar p{flex-basis:100%;margin:0;font-size:12px;color:#a8c3d3}.cloudbar a,.privacy-copy a{color:#f7868e;text-decoration:underline}.account-main{max-width:1100px;min-height:75vh}.account-intro{padding:45px 0 20px}.account-intro h1{font-size:clamp(36px,5vw,60px)}.auth-panel{max-width:600px}.auth-panel label,#delete-form label{display:block;margin:14px 0;color:#bccbd6}.auth-panel input:not([type=checkbox]),#delete-form input{display:block;width:100%;margin-top:6px;background:#111820;border:1px solid #4d5d6c;border-radius:6px;padding:12px;color:white}.auth-panel .primary{width:100%;margin-top:10px}.check-label input{margin-right:6px}.check-label a{text-decoration:underline}.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#recovery-code{display:block;overflow-wrap:anywhere;padding:20px;background:#111820;color:#f9a9b0;font-size:20px;margin:20px 0}.saved-project{padding:23px;border:1px solid #394957;border-radius:12px;margin:15px 0;background:#19212a}.saved-project h3{overflow-wrap:anywhere}.empty-projects{padding:50px 25px;border:1px dashed #596a77;border-radius:12px}.privacy-copy{max-width:800px;padding:40px 0 70px}.privacy-copy h1{font-size:42px}.privacy-copy h2{margin-top:35px}.privacy-copy p{color:#aebdca}#library .actions{flex-wrap:wrap}#library{margin-bottom:40px}@media(max-width:720px){header{flex-wrap:wrap}nav{flex-wrap:wrap}.account-intro{padding-top:25px}.cloudbar{align-items:flex-start}.auth-panel .tabs{flex-wrap:wrap}#recovery-code{font-size:16px}}@media print{.cloudbar{display:none!important}}