.cubic-workbench{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.cubic-inputs{padding:24px}.cubic-guide{background:#fbf8f0;border:1px solid #d8d2c5;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding:18px;display:grid}.cubic-rect,.cubic-round,.cubic-triangle{background:#ddd4c4;border:2px solid #23563d;height:220px;position:relative}.cubic-round{border-radius:50%}.cubic-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.cubic-rect i,.cubic-rect b,.cubic-rect u,.cubic-round i,.cubic-round b,.cubic-round u,.cubic-triangle i,.cubic-triangle b,.cubic-triangle u{z-index:1;color:#1759d1;white-space:nowrap;background:#fff;padding:3px;font:800 9px monospace;text-decoration:none;position:absolute}.cubic-rect i,.cubic-round i,.cubic-triangle i{bottom:8px;left:50%;transform:translate(-50%)}.cubic-rect b,.cubic-round b,.cubic-triangle b{writing-mode:vertical-rl;top:58px;right:5px}.cubic-rect u,.cubic-round u,.cubic-triangle u{top:8px;left:7px}.shape-card{border:1px solid #d8d2c5;margin:12px 0;padding:14px}.shape-card h3{margin:0 0 10px;font-size:13px}.cubic-fields{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cubic-fields label{font-size:11px;font-weight:800}.cubic-fields label span{float:right;color:#7c8178;font:8px monospace}.cubic-fields input{background:#f8f5ec;border:1px solid #cbc6b9;width:100%;height:44px;margin-top:6px;padding:0 10px;font-weight:700}.cubic-result{border-radius:0;margin:0}.cubic-result>strong{font-size:44px}.cubic-result>div{border-top:1px solid #fff3;justify-content:space-between;padding:11px 0;font-size:12px;display:flex}@media (max-width:1050px){.cubic-workbench{grid-template-columns:1fr}}@media (max-width:700px){.cubic-inputs{padding:16px}.cubic-guide{grid-template-columns:1fr}.cubic-rect,.cubic-round,.cubic-triangle{height:175px}.cubic-fields{grid-template-columns:1fr}}