.hex-workbench{color:var(--text,#233548);font-size:14px;line-height:1.65}.wb-tabs,.wb-family-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}.wb-tabs{border-bottom:1px solid #dde5ec;gap:24px}.wb-tabs button{border:0;border-radius:0;background:none;font-size:14px;padding:9px 0;color:#506478}.wb-tabs button[aria-pressed=true]{border-bottom:2px solid var(--accent,#205c88);color:var(--accent,#205c88);font-weight:500}.wb-family-tabs button{background:#fff;border:1px solid #dbe3e9;border-radius:3px;font-size:13px;min-height:37px;padding:7px 12px;color:#475f73}.wb-family-tabs button[aria-pressed=true]{border-color:var(--accent,#205c88);color:var(--accent,#205c88);background:var(--tint,#edf4f9)}.wb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.wb-panel{border:1px solid #e1e7ec;border-radius:4px;padding:21px;min-width:0}.wb-panel h3{font-size:17px;margin:0 0 16px;font-weight:500}.wb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.wb-field{display:flex;flex-direction:column;gap:6px;min-width:0}.wb-field>span{font-size:12px;color:#586d80;line-height:1.5}.wb-field input,.wb-field select,.wb-field textarea,.hex-workbench textarea{background:#fff;border:1px solid #c7d3dd;border-radius:3px;color:#263d51;font:inherit;font-size:13px;max-width:100%;width:100%;padding:7px 9px;box-sizing:border-box;min-height:36px}.hex-workbench textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;display:block;resize:vertical}.wb-field input[type=number]{font-variant-numeric:tabular-nums}.wb-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#50697d;align-self:center;min-height:36px}.wb-check input{width:15px;height:15px;accent-color:var(--accent,#205c88)}.wb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wb-actions button,.wb-panel>button,.wb-details>button{background:#fff;color:var(--accent,#205c88);border:1px solid #b6c7d4;border-radius:3px;padding:7px 12px;font-size:13px;min-height:36px}.wb-actions .wb-primary,.wb-panel>.wb-primary{color:#fff;background:var(--accent,#205c88);border-color:var(--accent,#205c88)}.wb-caption{font-size:12px;line-height:1.8;color:#617586;margin:12px 0 0}.wb-panel>p{font-size:13px;line-height:1.9}.wb-empty{padding:32px 20px;background:#f6f8fa;color:#617385;font-size:13px;border-radius:3px;min-height:100px;display:flex;align-items:center}.wb-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.wb-preview-head h3{margin:0}.wb-preview-head>span{font-size:12px;color:#5d7385}.wb-canvas{display:block;width:100%;height:292px;outline-offset:3px;touch-action:pan-y;cursor:grab}.wb-canvas:active{cursor:grabbing}.wb-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:14px 0 0}.wb-stats>div{padding:9px 0;border-bottom:1px solid #ebeff2}.wb-stats dt{font-size:11px;color:#677b8c;margin-bottom:3px}.wb-stats dd{font-size:14px;color:#314c63;margin:0;font-variant-numeric:tabular-nums}.wb-result{background:#f1f5f8;color:#315875;padding:10px 13px;margin:14px 0 0;font-size:13px}.wb-details{margin-top:20px;padding:13px 16px;background:#f6f8fa;border-radius:3px;color:#4f6476;font-size:13px}.wb-details summary{cursor:pointer;color:#345a78;font-weight:500}.wb-details p{font-size:13px;line-height:1.9;margin:12px 0}.wb-details textarea{margin-top:13px;background:white}.wb-scope{display:flex;align-items:end;gap:24px;margin-bottom:18px;padding:15px 18px;background:var(--tint,#edf4f9);border-radius:3px}.wb-scope .wb-field{width:220px;flex:none}.wb-scope p{font-size:13px;color:#506b80;margin:0 0 6px;line-height:1.8}.wb-sources{margin-top:10px}.wb-sources>div{display:flex;gap:18px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e6ebf0}.wb-sources strong{font-size:13px;font-weight:500}.wb-sources span{font-size:12px;color:#697b89;flex:none}.wb-feedback:empty{display:none}.wb-error,.wb-message{font-size:13px;line-height:1.8;padding:11px 15px;margin:0 0 18px;background:#f9ecec;color:#8b3d41;border-radius:3px}.wb-message{color:#315e55;background:#eef5f2}.wb-code{margin:14px 0 0;padding:15px;background:#f5f7f9;color:#385268;font-size:12px;line-height:1.75;max-height:420px;overflow:auto;white-space:pre;tab-size:2}.wb-output{display:block;font-size:23px;color:var(--accent,#205c88);line-height:1.5;margin-top:20px;font-variant-numeric:tabular-nums}.wb-section{margin-top:20px}.wb-file{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#587082;margin-bottom:14px}.wb-file input{border:1px solid #ccd6df;border-radius:3px;padding:8px;font-size:12px}.hex-workbench button:focus-visible,.hex-workbench select:focus-visible,.hex-workbench input:focus-visible,.hex-workbench textarea:focus-visible{outline:2px solid var(--accent,#205c88);outline-offset:3px}.hex-workbench button:hover{filter:brightness(.97)}
@media(max-width:950px){.wb-grid{grid-template-columns:1fr}.wb-canvas{height:280px}.wb-sources>div{display:block}.wb-sources span{display:block;margin-top:4px}.wb-result-panel{max-width:100%}.wb-scope{align-items:center}.wb-fields{gap:13px 16px}}
@media(max-width:600px){.hex-workbench{font-size:13px}.wb-panel{padding:17px}.wb-panel h3{font-size:16px}.wb-tabs{gap:20px;margin-bottom:18px}.wb-tabs button{font-size:13px;min-height:42px}.wb-family-tabs{gap:6px}.wb-family-tabs button{font-size:12px;min-height:38px;padding:7px 9px}.wb-fields{grid-template-columns:1fr 1fr;gap:13px 12px}.wb-field>span{font-size:12px}.wb-field input,.wb-field select{font-size:13px;min-height:40px}.wb-canvas{height:245px}.wb-scope{display:block;padding:15px}.wb-scope .wb-field{width:100%;margin-bottom:10px}.wb-scope p{font-size:12px;margin:0}.wb-stats{gap:8px 13px}.wb-stats dt{font-size:11px}.wb-stats dd{font-size:13px}.wb-actions button,.wb-panel>button{min-height:40px;font-size:12px}.wb-code{font-size:11px;max-height:360px}.wb-details{padding:12px}.wb-output{font-size:20px}.wb-preview-head{display:block}.wb-preview-head>span{display:block;margin-top:5px}.wb-caption{font-size:12px}.hex-workbench textarea{font-size:12px}}

.wb-polytype{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 0;border-bottom:1px solid #e5ebef;color:#4d687c;font-size:12px}.wb-polytype b{font-size:15px;color:var(--accent,#205c88)}

.wb-canvas {touch-action: none;}
.wb-cell-toggle {display: inline-flex; align-items: center; gap: 7px; min-height: 32px; font-size: 13px; color: #466579;}
.wb-cell-toggle input {width: 16px; height: 16px; accent-color: #28789c;}
.wb-cell-details {margin-top: 12px; padding: 11px 13px; border: 1px solid #dce6ec; color: #405f74; font-size: 13px;}
.wb-cell-details summary {cursor: pointer; font-weight: 500;}
.wb-cell-details dl {display: grid; gap: 6px; margin: 10px 0;}
.wb-cell-details dl div {display: flex; gap: 12px;}
.wb-cell-details dt {font-weight: 600;}
.wb-cell-details dd {margin: 0; font-variant-numeric: tabular-nums;}
.wb-cell-details p {margin: 9px 0;}
.wb-defect-note {grid-column: 1 / -1; margin: 0;}