:root{--navy:#061322;--navy2:#0d2238;--blue:#178cdd;--aqua:#47d2f4;--border:#b9cee2;--ink:#122b40;--muted:#58758c;--soft:#edf4fa;--orange:#f4933b;--surface:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ebf1f7;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #22a6ff;outline-offset:2px}a{text-decoration:none}.site-header{background:#061423;color:#fff;border-bottom:1px solid #153550}.site-inner,.shell{max-width:1680px;padding:0 24px;margin:auto}.site-inner{display:flex;align-items:center;gap:30px;min-height:66px}.brand{display:flex;gap:9px;align-items:center;color:#fff;font-weight:900;font-size:19px;white-space:nowrap;letter-spacing:-.3px}.brand-icon{font-size:18px;width:32px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#13a9f5,#12559b);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.brand-blue{color:#40b9ff}.brand small{display:block;color:#91a8be;font-size:8px;letter-spacing:2px;margin-top:-2px}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header a{color:#d5e2ee}.site-header nav a{font-size:12px}.site-header nav a.current{color:#59caff}.contact-link{border:1px solid #315b80;border-radius:8px;padding:9px 13px;font-size:11px;white-space:nowrap}.hero{background:radial-gradient(ellipse at 88% 0,#123d61 0,transparent 40%),linear-gradient(110deg,#081b2e,#0d2844);color:#fff;border-bottom:4px solid #0f7ac0}.hero .shell{padding-top:23px;padding-bottom:26px}.eyebrow{color:#5cd6f7;font-size:10px;font-weight:800;letter-spacing:2px}.slash{padding:0 9px;color:#546e8a}.hero-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero h1{font-size:clamp(25px,2.65vw,39px);letter-spacing:-1.25px;margin:8px 0 9px}.hero h1 span{color:#63d8ff}.hero p{margin:0;max-width:800px;line-height:1.6;color:#c1d7e8}.hero-status{white-space:nowrap;font-size:10px;letter-spacing:1px;color:#b5d1e5;padding-bottom:4px}.hero-status span{margin:0 5px;color:#6c8ba5}.status-dot{display:inline-block;width:8px;height:8px;background:#51ddb2;border-radius:50%;box-shadow:0 0 0 4px #51ddb222}.lab-grid{display:grid;grid-template-columns:minmax(255px,.91fr) minmax(480px,2fr) minmax(280px,1fr);gap:14px;margin-top:18px;align-items:stretch}.panel{background:var(--surface);border:1px solid #d6e1eb;border-radius:13px;box-shadow:0 8px 22px #34567913;overflow:hidden}.panel-head{min-height:55px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dce6ee;background:#f9fcff}.panel-head>div{display:flex;align-items:center;gap:9px}.panel-head h2{margin:0;font-size:13px;color:#123552;font-weight:850}.head-detail{color:#7790a6;font-size:9px;letter-spacing:.3px;font-weight:700}.step-num{border-radius:7px;background:#dbf0ff;color:#007fca;display:inline-grid;place-items:center;width:27px;height:26px;font-size:11px;font-weight:900}.panel-body{padding:16px}.field{margin-bottom:11px}.field label{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:740;color:#345570;margin-bottom:6px}.field label small{font-weight:500;color:#7892aa;font-size:10px}.field input,.field select{width:100%;border:1px solid #bed1e1;border-radius:7px;background:#f4f8fd;height:39px;padding:0 11px;color:#153550;font-size:12px;outline:0;transition:box-shadow .18s,border .18s}.field select{height:43px;background:white}.field input:focus,.field select:focus{border-color:#38a8ed;box-shadow:0 0 0 3px #38a8ed22}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mat-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;background:#eaf3fb;padding:10px;border:1px solid #d2e5f5;border-radius:8px}.mat-info>div{display:flex;align-items:center;gap:5px;flex:1;min-width:75px;font-size:11px}.mat-info span:not(.mat-dot){color:#637f95}.mat-info strong{white-space:nowrap;font-size:11px}.mat-dot{display:block;width:8px;height:8px;border-radius:50%}.mat-dot.red{background:#fb5b7f}.mat-dot.blue{background:#1c86dd}.mat-dot.green{background:#33ae78}.note{font-size:10.5px;line-height:1.6;color:#4b6c87;background:#f2f7fc;padding:11px;border-left:3px solid #2b9edb;border-radius:5px}.model-panel{background:#fff}.model-head{background:#0c253d;border-color:#285272}.model-head h2{color:#e8f6ff}.model-head .step-num{background:#1b719f;color:#fff}.pill{border:1px solid #34607f;background:transparent;color:#afd4ea;border-radius:7px;font-size:10px;font-weight:700;padding:7px 9px}.pill.active{background:#1a85c6;color:white;border-color:#3ab7ed}.viewer-switch{display:flex;gap:5px}.viewport{height:435px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 30%,#1a3b5e,#081a2d 70%);touch-action:none}.viewport:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8cb8da0a 1px,transparent 1px),linear-gradient(90deg,#8cb8da0a 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.axis-tag{position:absolute;top:18px;left:18px;border:1px solid #41799e;background:#081a2cc2;color:#73caff;font-weight:800;font-size:11px;padding:7px 9px;border-radius:5px;pointer-events:none}.axis-tag span{color:#75dfa6}.axis-tag small{color:#bdd0df;font-weight:500}.floating-label{position:absolute;top:18px;right:15px;color:#c4e4f9;background:#133858ba;border:1px solid #336187;border-radius:6px;padding:7px 10px;font-size:11px;pointer-events:none}.view-controls{position:absolute;bottom:41px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap}.view-controls button{border-radius:8px;padding:10px 12px;border:1px solid #42759b;color:white;font-size:11px;font-weight:800}.bigbtn{background:linear-gradient(135deg,#20a4ef,#0d76c2);box-shadow:0 5px 14px #0006}.ghostbtn{background:#142d46ce}.view-help{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#8eb5d0;font-size:10px;pointer-events:none}.model-foot{padding:9px 14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#102a43;color:#bcd8e9;font-size:10px}.bluebullet,.orangebullet{display:inline-block;width:8px;height:8px;border-radius:2px;background:#36cff7;margin-right:5px}.orangebullet{background:#fca95d}.technical-pill{color:#f0c9a5}.bend-box{padding-top:17px}.row-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.row-title h3{font-size:13px;margin:0 0 3px}.row-title p{color:#607d94;font-size:10px;margin:0 0 12px;line-height:1.4}.add-btn{background:#0d88cb;color:white;border:0;border-radius:7px;font-weight:750;padding:9px 11px;font-size:11px;white-space:nowrap}.legs,.bend-row{display:flex;align-items:end;gap:8px;margin-bottom:8px}.leg-item,.bend-field{flex:1}.leg-item label,.bend-field label{font-weight:750;font-size:10px;color:#526f85;display:block;margin-bottom:5px}.leg-item input,.bend-field input,.bend-field select{height:35px;padding:0 10px;border:1px solid #bcd0df;background:#f5f9fd;color:#112d44;border-radius:6px;width:100%}.bend-row{padding:10px 11px;background:#e8f3fd;border:1px solid #bedcec;border-radius:9px}.bend-row .bend-name{min-width:72px;font-size:11px;color:#0e6d9e;font-weight:850;align-self:center}.bend-row .bend-field{max-width:105px}.remove-btn{height:34px;border:1px solid #e7c1c1;background:#fff3f3;color:#b84343;padding:0 10px;border-radius:6px}.bend-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:7px}.text-btn{background:transparent;border:0;color:#087fc5;padding:7px 0;font-weight:750;font-size:10px}.text-btn.subdued{color:#7c92a3;margin-left:auto}.result-panel .panel-body{padding:14px}.hero-result{background:linear-gradient(125deg,#0b79be,#14509a);color:#fff;padding:15px;border-radius:10px;margin-bottom:11px}.hero-result small{color:#cfebfc;letter-spacing:1.1px;font-size:9px;font-weight:800}.hero-result div{margin:5px 0 2px}.hero-result strong{font-size:31px;letter-spacing:-1px}.hero-result div span{font-size:12px;margin-left:5px}.hero-result p{margin:0;color:#d2e9fa;font-size:9px;line-height:1.4}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-result{background:#f2f7fc;border:1px solid #dae7f1;border-radius:8px;padding:10px;min-height:76px}.mini-result small{font-size:9px;font-weight:800;color:#708da1;display:block;min-height:25px}.mini-result strong{font-size:20px;color:#173951}.mini-result span{font-size:10px;color:#6d8b9f;margin-left:3px}.machine{margin-top:16px;border-top:1px solid #e0e9f1;padding-top:12px}.machine h3{margin:0 0 11px;font-size:12px}.machine .field{margin:0}.machine .field input{height:35px}.capacity-wrap{margin:12px 0 8px}.capacity-meter{height:10px;border-radius:12px;background:#e0eaf1;overflow:hidden}.capacity-meter i{display:block;background:linear-gradient(90deg,#3fb79c,#0d89d0);height:100%;width:0;transition:width .2s}.capacity-meter i.warn{background:linear-gradient(90deg,#f7ae53,#da5440)}.capacity-line{display:flex;justify-content:space-between;margin-top:5px;color:#678397;font-size:10px}.machine-alert{font-size:10px;background:#eef6fb;padding:9px;border-radius:7px;color:#436f87;line-height:1.5}.machine-alert.warn{background:#fff3e8;color:#9b5323}.force-note{margin-top:12px;font-size:10px;line-height:1.55;color:#8c6335}.force-note>div{padding:6px 8px;border-left:2px solid #e5aa4d;background:#fffbf5;margin:5px 0}.downloads{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.dl{border:1px solid #bdd6e8;background:#f3f8fc;color:#166193;border-radius:7px;padding:9px 10px;font-size:10px;font-weight:800;flex:1}.primary-dl{color:white;background:#087bbd;border-color:#087bbd}.small-note{color:#7991a4;font-size:9.7px;line-height:1.6}.bottom-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:14px;margin-top:14px}.diagram-area{height:355px;background:#0c2135;padding:10px}.diagram-area svg{width:100%;height:100%;display:block}.diagram-foot{padding:10px 16px;background:#f7fbfe;color:#688399;font-size:10px}.tablebox{padding:14px;overflow-x:auto}.tablebox table{border-collapse:collapse;width:100%;min-width:530px;font-size:11px}.tablebox th{background:#edf5fb;text-align:left;color:#47728d;padding:10px 8px}.tablebox td{padding:10px 8px;border-bottom:1px solid #e1ebf3}.equations{margin:0 14px 13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.equations>div{background:#edf5fb;padding:9px 10px;border:1px solid #d7e5ef;border-radius:6px;font-size:10px;color:#30546a;white-space:normal}.equations b{color:#007ec1}.equations small{color:#6b8798}.disclaimer{padding:13px 15px;background:#fff8ed;border-top:1px solid #f8dab9;color:#865824;line-height:1.6;font-size:10.5px}.footer-line{display:flex;justify-content:space-between;gap:10px;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#8396a6;padding:25px 0 35px}
@media(max-width:1250px){.lab-grid{grid-template-columns:270px minmax(390px,1fr)}.result-panel{grid-column:1 / -1}.result-panel .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:13px}.result-panel .hero-result{grid-column:1}.result-panel .result-grid{grid-column:2}.machine,.force-note,.downloads,.small-note{grid-column:1 / -1}.machine{display:block}}@media(max-width:830px){.site-header nav{display:none}.site-inner{padding:0 14px;gap:10px}.contact-link{margin-left:auto}.hero-line{display:block}.hero-status{margin-top:12px}.lab-grid,.bottom-grid{grid-template-columns:1fr}.result-panel{grid-column:auto}.result-panel .panel-body{display:block}.hero-result,.result-grid{margin-bottom:11px}.viewport{height:380px}.site-inner,.shell{padding-left:13px;padding-right:13px}.bottom-grid{margin-top:12px}.equations{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:28px}.brand{font-size:15px}.brand small{letter-spacing:1px;font-size:7px}.contact-link{font-size:9px;padding:7px}.viewport{height:330px}.view-controls{left:50%;bottom:37px}.viewer-switch .pill{font-size:9px;padding:5px}.model-foot{font-size:9px}.bend-row{flex-wrap:wrap}.bend-row .bend-name{min-width:100%;}.bend-row .bend-field{max-width:none}.footer-line{display:block}.bottom-grid{gap:12px}}
/* Düz kol alanları çoklu bükümde daralmasın */
.legs{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:8px;align-items:end}
@media(max-width:480px){.legs{grid-template-columns:repeat(2,minmax(0,1fr))}}