#uso-calc-app{border:1px solid #e5e5e5;padding:16px;border-radius:8px;background:#fff}#uso-calc-app h3{margin-top:0}.uso-step{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}@media (max-width:720px){.uso-step{grid-template-columns:1fr}}.uso-canvas-wrap{margin:12px 0}#uso-canvas{width:100%;border:1px dashed #ccc;background:#fdfdfd;touch-action:none}.hint{font-size:12px;color:#666;margin-top:6px}.img-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.primary{background:#2271b1;color:#fff;border:1px solid #1b5f99}.danger-btn{border:1px solid #ccc;padding:6px 10px;background:#fff;border-radius:4px;cursor:pointer}.danger-btn.active,.danger-btn:focus{background:#c0392b;color:#fff;border-color:#962d22}.grid-toggle{display:flex;gap:6px;align-items:center}.palette{margin:8px 0}.palette .row.colors{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.colors .color-btn{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #aaa;outline:none;cursor:pointer}.colors .color-btn[data-color=blue]{background:#1e6bd6}.colors .color-btn[data-color=ltblue]{background:#46b6ff}.colors .color-btn[data-color=white]{background:#dcdcdc}.colors .color-btn[data-color=violet]{background:#8d59b6}.colors .color-btn[data-color=black]{background:#000}.colors .color-btn[data-color=yellow]{background:#f1c40f}.colors .color-btn[data-color=green]{background:#27ae60}.colors .color-btn[data-color=red]{background:#e74c3c}.colors .color-btn.active{box-shadow:0 0 0 2px #2271b1}.shape-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0}.shape-toolbar.compact .shape-btn{border:1px solid #ccc;padding:6px 10px;background:#fff;cursor:pointer;border-radius:4px;font-size:16px;min-width:42px;text-align:center}.shape-toolbar .shape-btn.active{background:#2271b1;color:#fff;border-color:#1b5f99}.markup-io{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.import-label{border:1px solid #ccc;padding:6px 10px;background:#fff;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.import-label input{display:none}.uso-params{margin:8px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}#uso-results{margin:12px 0}.uso-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.uso-grid4 .card{border:1px solid #ddd;padding:8px;border-radius:6px;background:#fafafa}.uso-export{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.uso-disclaimer{font-size:12px;color:#666}.uso-context{position:fixed;z-index:99999;background:#fff;border:1px solid #ddd;box-shadow:0 6px 16px rgba(0,0,0,.15);border-radius:6px;padding:6px;display:grid;gap:6px}.uso-context button{border:1px solid #eee;background:#fafafa;padding:6px 10px;border-radius:4px;cursor:pointer}.uso-context button:hover{background:#f0f0f0}