.clamp-wrap{--category-color: var(--color-cat-dev);display:flex;flex-direction:column;gap:1rem;min-width:0}.clamp-controls,.clamp-output,.clamp-samples{padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.clamp-section-title{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:.88rem;font-weight:760;letter-spacing:.035em;text-transform:uppercase}.clamp-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.clamp-field-grid--settings{grid-template-columns:repeat(3,minmax(0,1fr))}.clamp-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.clamp-field .tool-input{width:100%}.clamp-select{appearance:auto}.clamp-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.clamp-card{min-width:0;padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-subtle),inset 0 0 0 1px var(--color-border-soft)}.clamp-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.clamp-card-meta,.clamp-live-value{color:var(--color-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:700}.clamp-chart{display:block;width:100%;height:auto;margin-top:.7rem;border-radius:var(--radius-md);background:var(--color-bg-secondary)}.clamp-chart-axis{stroke:var(--color-border);stroke-width:1}.clamp-chart-fill{fill:color-mix(in oklch,var(--category-color) 14%,transparent)}.clamp-chart-line{fill:none;stroke:var(--category-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.clamp-chart-point{fill:var(--color-surface);stroke:var(--category-color);stroke-width:4}.clamp-axis-labels{display:flex;justify-content:space-between;gap:1rem;margin-top:.35rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.76rem}.clamp-preview-control{display:flex;flex-direction:column;gap:.55rem;margin-top:1.1rem}.clamp-meter{height:44px;margin-top:1rem;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.clamp-meter-fill{height:100%;min-width:2px;border-radius:inherit;background:color-mix(in oklch,var(--category-color) 70%,var(--color-surface));transition:width var(--transition-fast)}.clamp-live-property{display:block;margin-top:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.82rem;overflow-wrap:anywhere}.clamp-output-pre{min-height:58px;margin:.75rem 0;padding:1rem 1.1rem;overflow:auto;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.clamp-output-pre code{padding:0;background:transparent;color:inherit;font-family:var(--font-mono);font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere}.clamp-raw-row{flex-wrap:nowrap}.clamp-output-actions{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.clamp-output-actions .tool-status{flex:1 1 260px}.clamp-table-wrap{margin-top:.75rem;overflow-x:auto;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.clamp-table{width:100%;min-width:420px;border-collapse:collapse;font-family:var(--font-mono);font-size:.82rem}.clamp-table th,.clamp-table td{padding:.65rem .8rem;border-bottom:1px solid var(--color-border-soft);text-align:right}.clamp-table th:first-child,.clamp-table td:first-child{text-align:left}.clamp-table th{color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:700}.clamp-table td{color:var(--color-text)}.clamp-table tbody tr:last-child td{border-bottom:0}@media(max-width:760px){.clamp-field-grid,.clamp-field-grid--settings,.clamp-preview-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.clamp-controls,.clamp-output,.clamp-samples,.clamp-card{padding:.85rem}.clamp-field-grid,.clamp-field-grid--settings,.clamp-preview-grid{grid-template-columns:minmax(0,1fr)}.clamp-field .tool-input{min-height:44px}.clamp-raw-row{align-items:flex-start;flex-wrap:wrap}}