:root{--ink:#161616;--muted:#73736d;--line:#e6e3df;--soft:#f6f5f2;--red:#d9272e;--blue:#122c49}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid #f1efec}.brand img{width:122px;height:auto;display:block}.back{color:#5e5e59;text-decoration:none;font-size:12px;font-weight:650}.shell{max-width:1180px;margin:auto;padding:64px 28px 80px}.intro{max-width:760px;margin-bottom:42px}.eyebrow,.mini{display:block;color:var(--red);font-size:9px;font-weight:850;letter-spacing:.18em;margin-bottom:12px}.intro h1{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}.intro p{max-width:660px;font-size:15px;line-height:1.65;color:var(--muted);margin:0}.designer-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.35fr);gap:18px;align-items:stretch}.control-card,.result-card,.request-card{border:1px solid var(--line);border-radius:24px;background:#fff}.control-card{padding:26px}.section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.section-head>span{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--red)}.section-head div{display:flex;flex-direction:column;gap:3px}.section-head b{font-size:14px}.section-head small{font-size:10px;color:var(--muted)}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:1fr 1fr}.fields label{display:flex;flex-direction:column;gap:7px}.fields label>span{font-size:10px;color:#5e5e59;font-weight:700}.fields input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 13px;font:inherit;font-size:14px;outline:0;transition:.2s}.fields input:focus{border-color:#aaa39c;box-shadow:0 0 0 3px rgba(217,39,46,.06)}.unit{position:relative}.unit input{padding-right:48px}.unit em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;color:#92928c}.status{min-height:34px;margin-top:17px;padding:9px 11px;border-radius:10px;background:#f5f7f4;color:#5e6c5f;font-size:10px;line-height:1.4}.status.error{background:#fff2f2;color:#a42c32}.assumptions{margin-top:12px;border-top:1px solid var(--line);padding-top:14px}.assumptions summary{cursor:pointer;font-size:10px;font-weight:700;color:#65655f}.assumptions div{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin-top:12px;font-size:9px}.assumptions span{color:var(--muted)}.assumptions b{text-align:right}.result-card{padding:22px;display:flex;flex-direction:column;min-width:0}.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 4px 17px}.result-top>div:first-child{min-width:0}.result-top strong{display:block;font-size:23px;letter-spacing:-.035em;margin-bottom:3px}.result-top small{font-size:10px;color:var(--muted)}.power-badge{width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:#171717;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.power-badge b{font-size:20px;line-height:1}.power-badge span{font-size:8px;margin-top:4px;color:#bcbcbc}.preview-wrap{position:relative;background:#f4f3f0;border-radius:18px;overflow:hidden;min-height:330px}.preview-wrap svg{width:100%;height:100%;min-height:330px;display:block}.metrics{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);margin-top:18px}.metrics div{padding:15px 8px 5px;border-right:1px solid var(--line);min-width:0}.metrics div:last-child{border-right:0}.metrics span{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.metrics b{font-size:11px;white-space:nowrap}.detail-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px;padding:10px 3px 1px;font-size:9px;color:var(--muted)}.detail-line b{color:#333}.request-card{margin-top:18px;padding:26px}.request-fields{grid-template-columns:1fr 1fr 1fr 1.2fr}#submitBtn{margin-top:20px;width:100%;height:54px;border:0;border-radius:15px;background:#171717;color:#fff;font:inherit;font-size:12px;font-weight:720;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 19px;transition:.2s}#submitBtn:hover{background:var(--red);transform:translateY(-1px)}#submitBtn:disabled{opacity:.55;cursor:wait;transform:none}.legal{font-size:9px;line-height:1.55;color:#898983;margin:12px 1px 0}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.success{padding:20px;border-radius:16px;background:#f3f6f1}.success span{display:block;color:#65725f;font-size:9px;font-weight:800;letter-spacing:.12em}.success b{display:block;font-size:20px;margin:5px 0}.success p{font-size:11px;color:#686862;margin:0}@media(max-width:900px){.designer-grid{grid-template-columns:1fr}.request-fields{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metrics div:nth-child(3){border-right:0}}@media(max-width:560px){.shell{padding:40px 16px 60px}.topbar{padding:0 16px}.fields.two,.request-fields{grid-template-columns:1fr}.result-card,.control-card,.request-card{border-radius:18px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(3){border-right:1px solid var(--line)}.metrics div:nth-child(even){border-right:0}.preview-wrap,.preview-wrap svg{min-height:270px}.power-badge{width:64px;height:64px;flex-basis:64px}.power-badge b{font-size:17px}}


/* V1.1 */
.used-cell{
  margin-top:16px;
  padding:12px 14px;
  border:1px solid #e6e2dc;
  border-radius:13px;
  background:#faf9f7;
  display:grid;
  gap:3px;
}
.used-cell span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  color:#99938c;
}
.used-cell b{
  font-size:12px;
  color:#242321;
}
.used-cell small{
  font-size:10px;
  color:#77716b;
}


/* V1.2 MAX POWER */
.power-priority-note{
  font-size:10px;
  line-height:1.5;
  color:#77716b;
}


/* V1.3 VARIABLE CUT */
.variable-cut-note{
  font-size:10px;
  color:#756f68;
  line-height:1.5;
}


/* V1.4 ORIENTATION INVARIANT */
.orientation-note{
  font-size:10px;
  line-height:1.5;
  color:#77716b;
}


/* V1.5 FIXED PORTRAIT
   Giriş sırası ne olursa olsun sonuç kısa kenar EN / uzun kenar BOY olarak gösterilir. */


/* V1.6 — Boy=sütun/seri, En=satır/paralel */
.topology-rule{
  font-size:10px;
  color:#746f68;
  line-height:1.5;
}


/* V1.8 — AUTO CELL SELECTION */
.used-cell small{
  display:block;
  margin-top:3px;
}