.weight-studio{max-width:1400px;margin:auto;padding:60px 6vw 70px}.weight-heading{padding:15px 0 35px}.weight-heading h1{font-size:clamp(48px,5vw,78px);line-height:1;margin:18px 0}.weight-heading p{max-width:550px;line-height:1.8;color:#607087}.density-badge{display:inline-block;border:1px solid #cbdbe7;padding:9px 14px;font-size:12px;border-radius:30px;color:#006eae;background:white}.shape-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 28px}.shape-picker button{background:#fff;border:1px solid #d5e0e9;border-radius:6px;cursor:pointer;color:#536880;padding:10px 12px 18px;font:600 13px Arial,sans-serif}.shape-picker svg{height:110px;width:100%;display:block}.shape-picker button[aria-pressed=true]{background:#102749;border-color:#102749;color:#70d6f4}.shape-picker button:hover{border-color:#0085bc}.shape-picker button:focus-visible{outline:3px solid #0085bc;outline-offset:3px}.weight-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.weight-input-panel{padding:32px;background:#fff;border:1px solid #d5e0e9;border-radius:6px}.panel-heading>span,.output-kicker{font-size:10px;letter-spacing:.16em;font-weight:700;color:#0078b5}.panel-heading h2{font-size:30px;margin:14px 0}.panel-heading p{font-size:12px;color:#607087;line-height:1.6}.shape-select{display:block;margin:22px 0;font-size:12px;font-weight:600}.shape-select select{width:100%;padding:12px;border:1px solid #d5e0e9;background:#f8fafc;font:inherit;margin-top:8px}.weight-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weight-fields label{font-size:12px;font-weight:600}.weight-fields label[hidden]{display:none}.measure-input{display:flex;align-items:center;border:1px solid #d5e0e9;margin-top:8px;border-radius:4px;overflow:hidden}.measure-input:focus-within{border-color:#0078b5}.measure-input input{width:100%;min-width:0;border:0;background:#f8fafc;padding:14px 12px;font:inherit;font-size:16px}.measure-input>span{padding:0 12px;font-size:11px;color:#708099}.weight-submit{width:100%;margin-top:28px;padding:17px 20px;background:#0078b5;color:white;border:0;border-radius:4px;font:600 14px Arial,sans-serif;cursor:pointer}[data-weight-error]{font-size:13px;color:#a32626}.weight-output-panel{border-radius:6px;padding:32px;background:linear-gradient(135deg,#0d1b39,#17365b);color:#fff;display:flex;flex-direction:column}.output-kicker{color:#70d6f4}.weight-output-panel svg{width:100%;height:180px;color:#70d6f4;margin-top:12px}.weight-output-panel h2{font-size:36px;margin:12px 0}.weight-output-panel p{font-size:13px;line-height:1.8;color:#bccbe0}.weight-output-panel .weight-result{padding:40px 0 20px;background:transparent;margin:0}.weight-result strong{font-size:clamp(36px,4vw,60px);color:#70d6f4;overflow-wrap:anywhere}.weight-result-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #ffffff25;margin-top:28px}.weight-result-breakdown small{display:block;font-size:9px;letter-spacing:.1em;margin:18px 0 8px}.weight-result-breakdown span{color:white;font-size:17px}.weight-output-panel .result-caution{margin-top:auto;padding-top:28px;font-size:11px}.weight-output-panel>a{color:#70d6f4;font-size:13px;margin-top:10px}.weight-footnotes{border-top:1px solid #d5e0e9;margin-top:32px;padding-top:24px}.weight-footnotes h2{font-size:24px}.weight-footnotes p{color:#607087;font-size:12px;line-height:1.8}@media(max-width:760px){.weight-workspace{grid-template-columns:1fr}.shape-picker{grid-template-columns:repeat(3,1fr)}.weight-studio{padding:30px 6vw 50px}.weight-input-panel,.weight-output-panel{padding:24px}}@media(max-width:420px){.shape-picker{grid-template-columns:repeat(2,1fr)}.shape-picker svg{height:90px}.weight-fields{gap:16px 12px}}
.weight-compact-title{font-size:28px;margin:0 0 24px}.weight-input-panel .panel-heading p:after{content:' Çelik yoğunluğu: 7.850 kg/m³.'}