/* kesici.css — Kurabiye / seramik kesici paneli (js/kesici-ui.js). Renkler bluep.css değişkenlerinden; açık/koyu tema otomatik. */
.kc-panel { --kc-solid: #e9a23b; --kc-line: #8a5a12; --kc-dim: #475569; --kc-card: var(--surface, #fff); --kc-bd: var(--border, rgba(100,116,139,.28)); --kc-acc: var(--accent, #0b6fa4); --kc-mut: var(--muted, #64748b); }
:root[data-theme="dark"] .kc-panel { --kc-dim: #cbd5e1; --kc-line: #f5c26b; --kc-solid: #b9791f; }
.kc-layout { display: grid; grid-template-columns: minmax(330px, 440px) minmax(0, 1fr); gap: 18px; align-items: start; }
.kc-side { display: grid; gap: 12px; min-width: 0; }
.kc-stage { position: sticky; top: 78px; display: grid; gap: 10px; min-width: 0; }
@media (max-width: 920px) { .kc-layout { grid-template-columns: 1fr; } .kc-stage { position: static; order: -1; } }

/* nasıl kullanılır */
.kc-how { border: 1px solid var(--kc-bd); border-radius: 12px; background: var(--kc-card); }
.kc-how > summary { cursor: pointer; padding: 10px 14px; font-weight: 700; font-size: .92rem; list-style: none; }
.kc-how > summary::before { content: "ⓘ "; color: var(--kc-acc); }
.kc-how ol { margin: 0; padding: 0 16px 12px 34px; font-size: .88rem; line-height: 1.55; color: var(--kc-mut); }
.kc-how li { margin: 4px 0; }
.kc-how b { color: inherit; }

/* ön ayarlar */
.kc-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.kc-presets-t { font-size: .8rem; font-weight: 700; color: var(--kc-mut); }
#kc-presets { display: flex; flex-wrap: wrap; gap: 6px; }
#kc-presets button { border: 1px solid var(--kc-bd); border-radius: 999px; padding: 5px 12px; background: var(--kc-card); font-size: .82rem; cursor: pointer; color: inherit; }
#kc-presets button:hover { border-color: var(--kc-acc); }
#kc-presets button[aria-pressed="true"] { background: color-mix(in srgb, var(--kc-acc) 14%, transparent); border-color: var(--kc-acc); font-weight: 700; }

/* akordeon gruplar */
.kc-acc { display: grid; gap: 8px; }
.kc-grp { border: 1px solid var(--kc-bd); border-radius: 14px; background: var(--kc-card); overflow: hidden; }
.kc-grp[open] { border-color: color-mix(in srgb, var(--kc-acc) 55%, var(--kc-bd)); box-shadow: 0 2px 10px rgba(15, 23, 42, .06); }
.kc-grp > summary { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 10px; padding: 11px 14px; cursor: pointer; list-style: none; }
.kc-grp > summary::-webkit-details-marker { display: none; }
.kc-n { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: .78rem; font-weight: 800; background: color-mix(in srgb, var(--kc-acc) 16%, transparent); color: var(--kc-acc); }
.kc-t { font-weight: 800; font-size: .95rem; }
.kc-sum { justify-self: end; text-align: right; font-size: .78rem; color: var(--kc-mut); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.kc-grp[open] .kc-sum { color: var(--kc-acc); }
.kc-body { padding: 4px 14px 14px; display: grid; gap: 10px; }
.kc-seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--kc-bd); border-radius: 10px; overflow: hidden; }
.kc-seg button { padding: 8px 10px; background: transparent; border: 0; font-size: .85rem; cursor: pointer; color: inherit; }
.kc-seg button[aria-selected="true"] { background: color-mix(in srgb, var(--kc-acc) 16%, transparent); font-weight: 800; }
.kc-src { display: grid; gap: 10px; }
.kc-src[hidden], .kc-two[hidden], #kc-nest-opts[hidden] { display: none; }
.kc-params, .kc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kc-f { margin: 0; min-width: 0; }
.kc-f label { font-size: .8rem; font-weight: 700; color: var(--kc-mut); display: block; margin-bottom: 4px; }
.kc-in { position: relative; }
.kc-in .input { width: 100%; box-sizing: border-box; padding-right: 38px; }
.kc-unit { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: .76rem; color: var(--kc-mut); pointer-events: none; }
.kc-hint { display: block; margin-top: 4px; font-size: .76rem; line-height: 1.4; color: var(--kc-mut); }
.kc-hint:empty { display: none; }
.kc-hint.warn { color: #b45309; font-weight: 600; }
.kc-f.kc-on .input { border-color: var(--kc-acc); }
.kc-refs { display: grid; gap: 8px; }
.kc-ref { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 10px 12px; border: 1px solid var(--kc-bd); border-radius: 12px; cursor: pointer; align-items: start; }
.kc-ref:has(input:checked) { border-color: var(--kc-acc); background: color-mix(in srgb, var(--kc-acc) 8%, transparent); }
.kc-ref b { display: block; font-size: .88rem; }
.kc-ref small { color: var(--kc-mut); font-size: .76rem; line-height: 1.4; }
@media (max-width: 480px) { .kc-params, .kc-two { grid-template-columns: 1fr; } .kc-sum { display: none; } .kc-grp > summary { grid-template-columns: auto 1fr; } }

/* sahne */
.kc-tabs { display: inline-grid; grid-auto-flow: column; justify-self: start; border: 1px solid var(--kc-bd); border-radius: 12px; overflow: hidden; background: var(--kc-card); }
.kc-tabs button { padding: 8px 16px; border: 0; background: transparent; font-size: .86rem; cursor: pointer; color: inherit; }
.kc-tabs button[aria-selected="true"] { background: color-mix(in srgb, var(--kc-acc) 16%, transparent); font-weight: 800; }
.kc-views { position: relative; border: 1px solid var(--kc-bd); border-radius: 16px; background: linear-gradient(180deg, color-mix(in srgb, var(--kc-card) 70%, #dbe7f5), var(--kc-card)); overflow: hidden; min-height: 280px; }
.kc-view3d { height: clamp(300px, 46vh, 470px); position: relative; }
.kc-view3d[hidden] { display: none; }
.kc-tools3d { position: absolute; left: 10px; top: 10px; display: flex; gap: 4px; flex-wrap: wrap; }
.kc-tools3d[hidden] { display: none; }
.kc-tools3d button { padding: 4px 10px; border: 1px solid var(--kc-bd); border-radius: 8px; background: color-mix(in srgb, var(--kc-card) 92%, transparent); font-size: .76rem; cursor: pointer; color: inherit; }
.kc-tools3d button.on { border-color: var(--kc-acc); background: color-mix(in srgb, var(--kc-acc) 18%, var(--kc-card)); font-weight: 700; }
.kc-profile { padding: 8px 10px 12px; }
.kc-profile[hidden] { display: none; }
.kc-profile svg { width: 100%; height: auto; max-height: 440px; display: block; }
#kc-canvas { width: 100%; height: auto; display: block; background: color-mix(in srgb, var(--kc-card) 85%, #e2e8f0); }
#kc-canvas[hidden] { display: none; }
.kc-views .preview-empty { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; }
.measure-label { position: absolute; top: 0; left: 0; z-index: 2; padding: 3px 10px; font-size: .78rem; font-weight: 700; color: #111827; white-space: nowrap; pointer-events: none; background: rgba(255, 255, 255, .92); border: 1px solid #ff6a2b; border-radius: 999px; }

/* değişiklik günlüğü + ölçü kartı */
.kc-changes { min-height: 26px; display: flex; flex-wrap: wrap; gap: 6px; }
.kc-chg { font-size: .8rem; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--kc-acc) 9%, transparent); color: var(--kc-mut); border: 1px solid transparent; }
.kc-chg.new { color: inherit; font-weight: 700; border-color: var(--kc-acc); background: color-mix(in srgb, var(--kc-acc) 16%, transparent); animation: kc-pop .35s ease; }
.kc-dims { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.kc-dim { display: grid; gap: 1px; padding: 9px 12px; border: 1px solid var(--kc-bd); border-radius: 12px; background: var(--kc-card); }
.kc-dim small { font-size: .72rem; color: var(--kc-mut); font-weight: 700; }
.kc-dim strong { font-size: 1rem; }
.kc-dim span { font-size: .74rem; color: var(--kc-mut); min-height: 1em; }
.kc-dim[data-k="inner"] { border-color: color-mix(in srgb, var(--kc-acc) 55%, var(--kc-bd)); }
.kc-flash { animation: kc-flash 1.3s ease; }
@keyframes kc-flash { 0% { background: color-mix(in srgb, #f59e0b 45%, var(--kc-card)); } 100% { background: var(--kc-card); } }
@keyframes kc-pop { 0% { transform: translateY(4px); opacity: 0; } 100% { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .kc-flash, .kc-chg.new { animation: none; } }