.attribute-value-field{margin-top:var(--base-half);padding:var(--base-half);background:var(--theme-elevation-0);border-radius:var(--border-radius-s)}.attribute-value-field__label{margin-bottom:var(--base-half);color:var(--theme-text);font-weight:500;font-size:var(--font-size-sm);display:block}.attribute-value-field__hint{margin-left:var(--base-quarter);font-size:var(--font-size-xs);color:var(--theme-elevation-500);font-weight:400}.attribute-value-field__loading,.attribute-value-field__empty,.attribute-value-field__error{padding:var(--base-half);text-align:center;font-size:var(--font-size-sm);color:var(--theme-elevation-500);background:var(--theme-elevation-50);border-radius:var(--border-radius-s)}.attribute-value-field__error{color:var(--theme-error-500);background:var(--theme-error-50)}.attribute-value-field__chips{gap:var(--base-half);margin-top:var(--base-half);flex-wrap:wrap;display:flex}.attribute-value-field__chip{padding:var(--base-half) var(--base);border:2px solid var(--theme-elevation-300);background:var(--theme-elevation-50);color:var(--theme-text);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:44px;min-height:36px;font-weight:500;transition:all .2s;display:inline-flex}.attribute-value-field__chip:hover:not(:disabled){border-color:var(--theme-elevation-400);background:var(--theme-elevation-100);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.attribute-value-field__chip:active:not(:disabled){transform:translateY(0)}.attribute-value-field__chip.selected{border:none;border-color:var(--theme-success-600);background:var(--theme-success-500);color:#fff;padding:var(--base-half) var(--base);min-height:36px;font-weight:600;box-shadow:0 6px 16px #22c55e80}.attribute-value-field__chip:disabled{opacity:.5;cursor:not-allowed}.attribute-value-field__swatches{gap:var(--base-half);flex-wrap:wrap;display:flex}.attribute-value-field__swatch{align-items:center;gap:var(--base-quarter);padding:var(--base-quarter);border-radius:var(--border-radius-s);cursor:pointer;background:0 0;border:3px solid #0000;flex-direction:column;transition:all .2s;display:flex}.attribute-value-field__swatch:hover:not(:disabled){border-color:var(--theme-elevation-300);background:var(--theme-elevation-50);transform:translateY(-2px)}.attribute-value-field__swatch:active:not(:disabled){transform:translateY(0)}.attribute-value-field__swatch.selected{border-color:var(--theme-success-500);background:var(--theme-success-50);box-shadow:0 4px 12px #22c55e4d}.attribute-value-field__swatch:disabled{opacity:.5;cursor:not-allowed}.attribute-value-field__swatch-color{border-radius:var(--border-radius-s);border:1px solid var(--theme-elevation-200);width:40px;height:40px}.attribute-value-field__swatch-label{font-size:var(--font-size-xs);color:var(--theme-text);text-align:center}.attribute-value-field__number-unit,.attribute-value-field__numeric-scale,.attribute-value-field__percent{align-items:center;gap:var(--base-half);display:flex}.attribute-value-field__input{padding:var(--base-quarter) var(--base-half);border:1px solid var(--theme-elevation-150);border-radius:var(--border-radius-s);font-size:var(--font-size-sm);background:var(--theme-elevation-50);color:var(--theme-text);flex:1;transition:all .2s}.attribute-value-field__input:focus{border-color:var(--theme-success-500);background:var(--theme-elevation-0);outline:none}.attribute-value-field__input:disabled{opacity:.6;cursor:not-allowed}.attribute-value-field__input--small{flex:0 0 80px}.attribute-value-field__select{width:100%;padding:var(--base-quarter) var(--base-half);border:1px solid var(--theme-elevation-150);border-radius:var(--border-radius-s);font-size:var(--font-size-sm);background:var(--theme-elevation-50);color:var(--theme-text);transition:all .2s}.attribute-value-field__select:focus{border-color:var(--theme-success-500);background:var(--theme-elevation-0);outline:none}.attribute-value-field__select:disabled{opacity:.6;cursor:not-allowed}.attribute-value-field__unit{font-size:var(--font-size-sm);color:var(--theme-elevation-500);font-weight:500}.attribute-value-field__dimensions{gap:var(--base);margin-top:var(--base-half);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.attribute-value-field__dimensions>div{gap:var(--base-quarter);flex-direction:column;display:flex}.attribute-value-field__dimensions>div>label{font-size:var(--font-size-sm);color:var(--theme-text);font-weight:500;display:block}.attribute-value-field__dimensions>div input[type=number],.attribute-value-field__dimensions>div select{width:100%;padding:var(--base-quarter) var(--base-half);border:1px solid var(--theme-elevation-300);border-radius:var(--border-radius-s);font-size:var(--font-size-sm);transition:all .2s}.attribute-value-field__dimensions>div input[type=number]:focus,.attribute-value-field__dimensions>div select:focus{border-color:var(--theme-primary-500);box-shadow:0 0 0 2px var(--theme-primary-100);outline:none}.attribute-value-field__dimensions>div input[type=number]:disabled,.attribute-value-field__dimensions>div select:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);cursor:not-allowed}.attribute-value-field__dimensions>span{color:var(--theme-elevation-400);font-weight:500}.attribute-value-field__material-composition{gap:var(--base-half);flex-direction:column;display:flex}.attribute-value-field__material-row{align-items:center;gap:var(--base-half);padding:var(--base-quarter) var(--base-half);background:var(--theme-elevation-50);border-radius:var(--border-radius-s);border:1px solid var(--theme-elevation-200);display:flex}.attribute-value-field__material-name{color:var(--theme-text);font-weight:500;font-size:var(--font-size-sm);flex:0 0 150px}.attribute-value-field__material-input-group{align-items:center;gap:var(--base-quarter);flex:1;display:flex}.attribute-value-field__material-input-group input[type=number]{width:80px;padding:var(--base-quarter) var(--base-half)}.attribute-value-field__percent-sign{color:var(--theme-text);font-weight:500;font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.attribute-value-field__remove-btn{background:var(--theme-error-100);width:28px;height:28px;color:var(--theme-error-600);border-radius:var(--border-radius-s);cursor:pointer;border:none;flex-shrink:0;padding:0;font-size:18px;line-height:1;transition:all .2s}.attribute-value-field__remove-btn:hover:not(:disabled){background:var(--theme-error-200);color:var(--theme-error-700)}.attribute-value-field__remove-btn:disabled{opacity:.6;cursor:not-allowed}.attribute-value-field__percent-warning{padding:var(--base-quarter) var(--base-half);background:var(--theme-warning-50);border:1px solid var(--theme-warning-200);border-radius:var(--border-radius-s);color:var(--theme-warning-600);font-size:var(--font-size-xs);font-weight:500}