:root{font-family:Segoe UI,sans-serif;color:#18312d;background:radial-gradient(circle at top left,rgba(255,236,211,.95),transparent 32%),linear-gradient(145deg,#f4efe5,#dbe7df 52%,#d2dde8)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}input{width:100%}.shell{display:grid;grid-template-columns:minmax(280px,340px) 1fr;min-height:100vh}.shell__sidebar{display:grid;grid-auto-rows:max-content;align-self:start;align-items:start;align-content:start;gap:0;height:fit-content;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:0;background:transparent;position:sticky;top:0}.shell__sidebarSurface{display:grid;grid-auto-rows:max-content;gap:20px;width:100%;padding:32px 28px;border-radius:0 0 28px 28px;background:linear-gradient(180deg,#1c2b34f5,#1f4540eb),#1c2b34;color:#f5eee1}.shell__sidebar h1,.shell__gateway h2,.boc-kl-workspace h2,.boc-kl-workspace h3{margin:0;font-family:Georgia,Times New Roman,serif}.shell__content{display:grid;gap:20px;padding:32px}.shell__sidebarPanel{display:grid;gap:14px;align-self:start;color:#18312d}.boho-shell-card{padding:24px;border:1px solid rgba(24,49,45,.1);border-radius:24px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 45px #18312d14}.shell__eyebrow{margin:0 0 12px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.shell__copy{color:#f5eee1d6}.shell__nav{display:grid;gap:12px;margin-top:28px}.shell__navButton{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(245,238,225,.16);border-radius:16px;background:#ffffff0a;color:inherit;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.shell__navButton:hover,.shell__navButton--active{transform:translateY(-1px);border-color:#ffd0916b;background:#ffd0911f}.shell__gateway{display:grid;gap:8px}.shell__routes ul{display:grid;gap:12px;padding:0;margin:0;list-style:none}.shell__routes li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(24,49,45,.08)}.boc-kl-workspace{display:grid;gap:20px}.boc-kl-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.boc-kl-heroMetrics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;width:min(420px,100%)}.boc-kl-heroMetrics div,.boc-kl-gridCandidate{padding:14px 16px;border:1px solid rgba(24,49,45,.08);border-radius:18px;background:#f5eee1b8}.boc-kl-heroMetrics span,.boc-kl-gridCandidate span,.boc-kl-gridMeta span,.boc-kl-footnote,.boc-kl-muted{color:#18312db3}.boc-kl-heroMetrics strong{display:block;margin-top:6px;font-size:1.15rem}.boc-kl-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:20px}.boc-kl-layout--peekSidebar{position:relative;grid-template-columns:minmax(0,1fr);gap:0}.boc-kl-sceneCard,.boc-kl-panelCard{display:grid;gap:16px}.boc-kl-sceneViewport{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(24,49,45,.08);background:linear-gradient(180deg,#ffffff8c,#efe6d8c7);height:clamp(560px,74vh,860px)}.boc-kl-sceneCard{align-self:start;position:sticky;top:20px;z-index:1}.boc-kl-sceneViewport canvas{display:block;width:100%!important;height:100%!important}.boc-kl-sceneViewport.is-placing canvas{cursor:crosshair}.boc-kl-partInsertBar{background:#e98f3c24;border:1px solid rgba(233,143,60,.4);border-radius:12px;padding:6px 8px}.boc-kl-pushPullBar{background:#28594f1f;border:1px solid rgba(40,89,79,.35);border-radius:12px;padding:6px 8px;align-items:center}.boc-kl-numInput{width:64px;padding:6px 8px;border:1px solid rgba(24,49,45,.2);border-radius:8px;background:#ffffffe6;color:inherit;font:inherit}.boc-kl-sideColumn{display:grid;gap:20px}.boc-kl-layout--peekSidebar .boc-kl-sceneCard{padding-right:36px}.boc-kl-layout--peekSidebar .boc-kl-sceneViewport{height:clamp(620px,82vh,980px)}.boc-kl-layout--peekSidebar .boc-kl-sideColumn{position:absolute;top:0;right:0;z-index:5;display:grid;grid-template-columns:22px minmax(320px,28vw);gap:0;width:fit-content;max-height:calc(100vh - 40px);transform:translate(calc(100% - 22px));transition:transform .18s ease,box-shadow .18s ease}.boc-kl-layout--peekSidebar .boc-kl-sideColumn:hover,.boc-kl-layout--peekSidebar .boc-kl-sideColumn:focus-within{transform:translate(0)}.boc-kl-sideColumnHandle{display:flex;justify-content:center;padding:14px 0;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#1c2b34f5,#1f4540eb);color:#f5eee1;box-shadow:-12px 16px 28px #18312d2e}.boc-kl-sideColumnHandle span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.boc-kl-sideColumnBody{display:grid;gap:20px;max-height:calc(100vh - 40px);padding-left:10px;overflow-y:auto;overscroll-behavior:contain}.boc-kl-layout--peekSidebar .boc-kl-sideColumnBody>*{min-width:320px}.boc-kl-panelHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.boc-kl-fieldGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.boc-kl-field{display:grid;gap:8px}.boc-kl-field span{font-size:.92rem}.boc-kl-field input,.boc-kl-field select{padding:12px 14px;border:1px solid rgba(24,49,45,.14);border-radius:14px;background:#ffffffeb;color:inherit}.boc-kl-metricList{display:grid;gap:12px;margin:0}.boc-kl-metricList div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(24,49,45,.08)}.boc-kl-metricList dt,.boc-kl-metricList dd{margin:0}.boc-kl-primaryButton,.boc-kl-blockButton{border:0;border-radius:16px}.boc-kl-primaryButton{padding:14px 16px;background:linear-gradient(135deg,#28594f,#9a6134);color:#fff7ef}.boc-kl-blockList{display:grid;gap:10px}.boc-kl-blockButton{display:grid;gap:4px;padding:14px 16px;text-align:left;background:#f6f0e5c7;color:inherit;border:1px solid rgba(24,49,45,.08)}.boc-kl-blockButton.is-active{border-color:#9a613459;background:#e996521f}.boc-kl-tag,.boc-kl-dimTag{pointer-events:none}.boc-kl-htmlPassthrough,.boc-kl-htmlPassthrough *{pointer-events:none!important}.boc-kl-tag{display:grid;gap:2px;min-width:180px;padding:8px 10px;border-radius:12px;background:#18312de0;color:#fff7ef;font-size:.78rem;box-shadow:0 10px 24px #18312d38}.boc-kl-dimTag{display:inline-flex;align-items:baseline;gap:4px;padding:1px 4px;border:0;border-radius:4px;background:#0c100f61;color:#f5d94f;font-size:11px;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:background .12s ease,color .12s ease}.boc-kl-dimTag--summary{font-weight:600}.boc-kl-dimTag--summary:hover{background:#0c100f8f;color:#ffe97d}.boc-kl-dimTextValue{font-variant-numeric:tabular-nums}.boc-kl-dimTextUnit{opacity:.86;font-size:10px;letter-spacing:.02em}.boc-kl-dimEditor{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;border:1px solid rgba(245,217,79,.4);background:#0c100fd1;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.boc-kl-dimInput{width:58px;border:0;outline:0;background:transparent;color:#f8e484;font:inherit;font-size:11px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.boc-kl-dimInput::-webkit-outer-spin-button,.boc-kl-dimInput::-webkit-inner-spin-button{margin:0}.boc-kl-dimUnit{color:#f8e484d6;font-size:10px;font-weight:600;letter-spacing:.02em}.boc-kl-sceneHud{position:absolute;top:14px;left:14px;z-index:2;display:grid;gap:8px;max-width:min(420px,calc(100% - 28px));pointer-events:none}.boc-kl-sceneHud button{pointer-events:auto}.boc-kl-sidebarControls{display:grid;gap:10px}.boc-kl-sidebarControls .boc-kl-chipRow,.boc-kl-sidebarControls .boc-kl-sceneStats{gap:10px}.boc-kl-sceneHint{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#18312db8;color:#fff7ef;font-size:.76rem}.boc-kl-chipRow{display:flex;gap:8px;flex-wrap:wrap}.boc-kl-chip{padding:8px 12px;border:1px solid rgba(24,49,45,.1);border-radius:999px;background:#ffffffd6;color:inherit}.boc-kl-chip:disabled{opacity:.45;cursor:default}.boc-kl-chip.is-active{background:#28594ff2;border-color:#28594ff2;color:#fff7ef}.boc-kl-paletteRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.boc-kl-paletteItem{display:grid;gap:2px;padding:12px 14px;border:1px dashed rgba(40,89,79,.4);border-radius:14px;background:#f6f0e5c7;cursor:grab;-webkit-user-select:none;user-select:none}.boc-kl-paletteItem span{font-size:.78rem;opacity:.7}.boc-kl-errorList{margin:0;padding:10px 14px 10px 30px;border-radius:12px;background:#b23a281a;color:#8a2c1d;font-size:.88rem;display:grid;gap:4px}.boc-kl-outlinerActions{display:flex;gap:8px;flex-wrap:wrap}.boc-kl-outlinerActions button{padding:8px 12px;border:1px solid rgba(24,49,45,.14);border-radius:999px;background:#ffffffe6;color:inherit}.boc-kl-outlinerActions button:disabled{opacity:.45}.boc-kl-outlinerTree{display:grid;gap:8px}.boc-kl-outlinerGroup{display:grid;gap:6px;padding:10px;border:1px solid rgba(24,49,45,.1);border-radius:14px;background:#f6f0e580}.boc-kl-outlinerGroupHead{display:flex;align-items:center;gap:6px;padding:4px 2px}.boc-kl-outlinerGroupSelect{flex:1;display:flex;justify-content:space-between;gap:8px;font-size:.85rem;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.boc-kl-lockBtn{border:1px solid rgba(24,49,45,.12);border-radius:8px;background:#fff9;padding:2px 6px;cursor:pointer;font-size:.9rem;line-height:1}.boc-kl-lockBtn.is-locked{background:#e996522e;border-color:#e9965280}.boc-kl-outlinerRow{display:grid;gap:2px;padding:10px 12px;text-align:left;border:1px solid rgba(24,49,45,.08);border-radius:12px;background:#ffffffd1;color:inherit}.boc-kl-outlinerRow span{font-size:.78rem;opacity:.7}.boc-kl-outlinerRow.is-active{border-color:#9a613459;background:#e9965224}.boc-kl-arrayEditor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.boc-kl-arrayEditor label{display:grid;gap:4px;font-size:.78rem}.boc-kl-arrayEditor input,.boc-kl-arrayEditor select{padding:8px 10px;border:1px solid rgba(24,49,45,.14);border-radius:10px;background:#ffffffeb;color:inherit}.boc-kl-rotateBar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#18312deb;color:#fff7ef;box-shadow:0 12px 28px #18312d4d;font-size:.88rem}.boc-kl-rotateBar button{width:42px;height:42px;border:1px solid rgba(255,247,239,.35);border-radius:50%;background:#fff7ef1f;color:#fff7ef;font-weight:700;font-size:1rem}.boc-kl-rotateBar button:hover{background:#e996528c}.boc-kl-rotateBarHint{opacity:.65;font-size:.76rem}.boc-kl-protractorLabel,.boc-kl-protractorAngleButton{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:18px;padding:0 8px;border:0;border-radius:999px;background:#14221fc7;color:#f7fbf5;cursor:pointer;font-size:10px;font-weight:700;line-height:1;box-shadow:0 6px 14px #0c191624}.boc-kl-protractorAngleButton:hover{background:#f5c84beb;color:#172522}.boc-kl-protractorButton{border:1px solid rgba(34,199,169,.35);border-radius:999px;background:#11211ed1;color:#f7fbf5;cursor:pointer;font-size:11px;font-weight:800;padding:6px 9px;white-space:nowrap;box-shadow:0 8px 18px #0c191629}.boc-kl-sceneStats{display:flex;gap:8px;flex-wrap:wrap}.boc-kl-contextMenuBackdrop{position:fixed;inset:0;z-index:40}.boc-kl-contextMenu{position:fixed;z-index:41;min-width:168px;padding:6px;border-radius:12px;background:#1c2b28;color:#f4efe4;box-shadow:0 12px 32px #00000052;display:grid;gap:2px}.boc-kl-contextMenuTitle{font-size:.72rem;opacity:.65;padding:4px 10px 6px;border-bottom:1px solid rgba(255,247,239,.12);margin-bottom:2px}.boc-kl-contextMenuItem{text-align:left;border:0;background:transparent;color:inherit;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.86rem}.boc-kl-contextMenuItem:hover:not(:disabled){background:#e9965266}.boc-kl-contextMenuItem:disabled{opacity:.4;cursor:default}.boc-kl-sceneStats span{padding:7px 10px;border-radius:999px;background:#18312db8;color:#fff7ef;font-size:.74rem}.boc-kl-marqueeRect{position:absolute;z-index:3;border:1px solid rgba(40,89,79,.95);border-radius:10px;background:linear-gradient(180deg,#fff7ef1a,#28594f14),#28594f14;box-shadow:inset 0 0 0 1px #fff7ef3d;pointer-events:none}.boc-kl-gridFloor{display:grid;gap:18px}.boc-kl-gridCandidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.boc-kl-gridCandidate{display:grid;gap:8px}.boc-kl-gridMeta{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.boc-kl-gridBenchBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.boc-kl-benchButton{padding:10px 18px;border:none;border-radius:14px;background:#18312d;color:#f5eee1;font-weight:600;cursor:pointer}.boc-kl-benchButton:disabled{opacity:.6;cursor:wait}.boc-kl-benchFilter{flex:1 1 220px;padding:10px 14px;border:1px solid rgba(24,49,45,.16);border-radius:14px;background:#ffffffe0}.boc-kl-benchResult{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-radius:14px;border:1px solid rgba(24,49,45,.12)}.boc-kl-benchResult.is-pass{background:#4c9b6829}.boc-kl-benchResult.is-fail{background:#bf4e3c29}.boc-kl-gridScroll{height:420px;overflow:auto;border-radius:18px;background:#ffffffe0}.boc-kl-gridStickyHead{position:sticky;top:0;z-index:1;display:block;background:#f5eee1f7}.boc-kl-gridStickyHead tr{display:flex}.boc-kl-gridStickyHead th{flex:1 1 0}.boc-kl-gridStickyHead th:first-child{flex:0 0 80px}.boc-kl-gridPreview table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;background:#ffffffe0}.boc-kl-gridPreview th,.boc-kl-gridPreview td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(24,49,45,.08)}.boc-kl-gridPreview th{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#18312db8}@media(max-width:1180px){.boc-kl-layout{grid-template-columns:1fr}.boc-kl-sideColumn{grid-template-columns:repeat(2,minmax(0,1fr))}.boc-kl-layout--peekSidebar{gap:20px}.boc-kl-layout--peekSidebar .boc-kl-sceneCard{padding-right:24px}.boc-kl-layout--peekSidebar .boc-kl-sceneViewport{height:clamp(560px,74vh,860px)}.boc-kl-layout--peekSidebar .boc-kl-sideColumn{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;max-height:none;transform:none}.boc-kl-sideColumnHandle{display:none}.boc-kl-sideColumnBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding-left:0;overflow:visible}.boc-kl-layout--peekSidebar .boc-kl-sideColumnBody>*{min-width:0}}@media(max-width:860px){.shell{grid-template-columns:1fr}.shell__content{padding:20px}.shell__sidebar{padding:0}.shell__sidebarSurface{padding:20px}.boc-kl-hero,.boc-kl-panelHead,.boc-kl-gridMeta{grid-auto-flow:row;display:grid}.boc-kl-heroMetrics,.boc-kl-fieldGrid,.boc-kl-gridCandidates,.boc-kl-sideColumn,.boc-kl-sideColumnBody{grid-template-columns:1fr}.boc-kl-sceneViewport{min-height:360px}.shell__routes li{flex-direction:column}}