.ircd-builder{display:grid;grid-template-columns:var(--builder-col-left) var(--builder-col-middle) var(--builder-col-right);gap:var(--builder-gap);align-items:start;max-width:var(--builder-max-width);margin:0 auto;padding:var(--builder-gap)}.ircd-builder-card{background:var(--builder-card-bg);border:var(--border-width-default) solid var(--builder-card-border);border-radius:var(--builder-card-radius);box-shadow:var(--builder-card-shadow);overflow:visible}.ircd-builder-card__header{padding:var(--space-2) var(--builder-card-padding);border-bottom:1px solid var(--color-border);background:var(--builder-card-header-bg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--builder-card-radius) var(--builder-card-radius) 0 0}.ircd-builder-card__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-extrabold);color:var(--color-text-primary)}.ircd-builder-card__body{padding:var(--builder-card-padding)}.ircd-builder__left,.ircd-builder__middle,.ircd-builder__right{display:flex;flex-direction:column;gap:var(--builder-gap)}.ircd-health-pill{display:inline-flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--builder-overlay-light-5);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.ircd-health-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-error);box-shadow:0 0 0 3px #ee2b2b24}.ircd-health-dot.is-ok{background:var(--color-success);box-shadow:0 0 0 3px #19e66f24}.ircd-health-dot.is-warning{background:var(--color-warning);box-shadow:0 0 0 3px #f9b11f24}.ircd-media-types{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.ircd-media-row{display:flex;gap:var(--space-2);justify-content:center}.ircd-media-btn{padding:8px 12px;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),filter var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.ircd-media-btn:hover{filter:brightness(1.1);transform:scale(1.03)}.ircd-media-btn.is-active{border-color:var(--color-accent);box-shadow:var(--glow-accent)}.ircd-media-btn--standard{background:var(--builder-overlay-light-10);color:var(--color-text-primary)}.ircd-media-btn--chrome{background:linear-gradient(135deg,#e0e0e0,#fff 50%,silver);color:#000}.ircd-media-btn--holo{background:linear-gradient(135deg,#f0f,#0ff 33%,#ff0 66%,#f0f);color:#000}.ircd-media-btn--flo-orange{background:#ff6a00;color:#000}.ircd-media-btn--flo-yellow{background:#ffd500;color:#000}.ircd-media-btn--flo-green{background:#0f0;color:#000}.ircd-media-btn--flo-pink{background:#ff00c8;color:#000}.ircd-scale-toggle{display:flex;gap:var(--space-2)}.ircd-scale-btn{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.ircd-scale-btn.is-active{background:var(--color-accent-muted);border-color:var(--color-border-active);color:var(--color-accent)}.ircd-layout-toggle{display:flex;gap:var(--space-2)}.ircd-layout-btn{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.ircd-layout-btn.is-active{background:var(--color-accent-muted);border-color:var(--color-border-active);color:var(--color-accent)}.ircd-font-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-recessed);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239a9a9a' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.ircd-font-select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.ircd-font-select option{background:var(--color-surface-recessed);color:var(--color-text-primary)}.ircd-preview-host{background:var(--builder-preview-bg);border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%;aspect-ratio:7 / 5}.ircd-preview-host svg{width:100%;height:100%;display:block}.ircd-stats-pill{display:inline-flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--builder-overlay-light-5);font-size:var(--text-xs);color:var(--color-text-secondary)}.ircd-stats-pill.is-warning{background:#f9b11f1f;border-color:#f9b11f40}.ircd-palette-section{margin-bottom:var(--space-4)}.ircd-palette-section:last-child{margin-bottom:0}.ircd-palette{display:grid;grid-template-columns:repeat(auto-fill,var(--builder-swatch-size));gap:var(--builder-swatch-gap);justify-content:start}.ircd-swatch{width:var(--builder-swatch-size);height:var(--builder-swatch-size);border-radius:var(--builder-swatch-radius);border:1px solid var(--color-border);cursor:pointer;background:var(--c);position:relative;transition:transform var(--duration-fast) var(--ease-spring)}.ircd-swatch:hover{transform:scale(1.1)}.ircd-swatch.is-selected:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:calc(var(--builder-swatch-radius) - 2px);border:2px solid hsl(0 0% 100% / .92);box-shadow:0 0 0 3px #00d2e61f}.ircd-swatch.is-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.ircd-swatch-special{height:var(--builder-swatch-size);width:auto;border-radius:var(--builder-swatch-radius);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.ircd-swatch-special:hover{border-color:#00d2e680;transform:scale(1.05)}.ircd-swatch-special.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d2e61f}.ircd-swatch--chrome{background:linear-gradient(90deg,#e5e2df,#8b878d 26%,#f3f4f4 52%,#bfbec0,#807b80 88%,#a7a9ac);width:auto;padding:0 8px;font-size:10px;font-weight:var(--weight-semibold);color:#000;display:flex;align-items:center;justify-content:center;height:var(--builder-swatch-size);border-radius:var(--builder-swatch-radius);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.ircd-swatch--chrome:hover{border-color:#00d2e680;transform:scale(1.05)}.ircd-swatch--chrome.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d2e61f}.ircd-swatch--holo{background:linear-gradient(90deg,#ffe6b1,#d09b27 25%,#f3e85c 40%,#6f7d64 70%,#005678 87%,#549fd7 94%,#bcd9f2);width:auto;padding:0 8px;font-size:10px;font-weight:var(--weight-semibold);color:#000;display:flex;align-items:center;justify-content:center;height:var(--builder-swatch-size);border-radius:var(--builder-swatch-radius);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.ircd-swatch--holo:hover{border-color:#00d2e680;transform:scale(1.05)}.ircd-swatch--holo.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d2e61f}@keyframes ircd-holo-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ircd-qty-stepper{display:flex;align-items:center;gap:var(--space-3)}.ircd-qty-btn{width:var(--builder-qty-btn-size);height:var(--builder-qty-btn-size);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--builder-overlay-light-8);color:var(--color-text-primary);font-size:var(--text-xl);cursor:pointer;display:grid;place-items:center;transition:border-color var(--duration-fast),background var(--duration-fast)}.ircd-qty-btn:hover{border-color:var(--color-primary);background:#ffffff1f}.ircd-qty-btn.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ircd-qty-input{width:var(--builder-qty-input-width);text-align:center;font-size:var(--text-lg);font-weight:var(--weight-bold);padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--builder-overlay-light-5);color:var(--color-text-primary);font-family:var(--font-mono)}.ircd-qty-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.ircd-price-panel{padding:var(--space-4);background:var(--builder-price-bg);border:1px solid var(--builder-price-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.ircd-price-row{display:flex;justify-content:space-between;align-items:center}.ircd-price-row+.ircd-price-row{margin-top:var(--space-4)}.ircd-price-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.ircd-price-value{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--builder-price-color)}.ircd-price-total .ircd-price-label,.ircd-price-total .ircd-price-value{font-size:var(--text-md);font-weight:var(--weight-bold)}.ircd-cart-btn{width:100%;padding:var(--builder-cart-btn-padding);font-size:var(--builder-cart-btn-font);font-weight:var(--builder-cart-btn-weight);font-family:var(--font-body);background:var(--color-accent);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-default);cursor:pointer;position:relative;overflow:hidden;transition:background var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-spring)}.ircd-cart-btn:hover{background:var(--color-accent-hover);box-shadow:var(--glow-accent)}.ircd-cart-btn:active{transform:scale(.97)}.ircd-cart-btn.is-loading{color:transparent}.ircd-cart-btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:var(--color-text-on-primary);border-radius:50%;animation:ircd-spin .6s linear infinite}@keyframes ircd-spin{to{transform:rotate(360deg)}}.ircd-cart-btn.is-success{background:var(--color-success)}.ircd-cart-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.ircd-validation-msg{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;min-height:var(--space-3);transition:color var(--duration-fast)}.ircd-validation-msg.is-error{color:var(--color-error)}.ircd-validation-msg.is-success{color:var(--color-success)}.ircd-builder-tabs{display:none;gap:0;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--builder-gap)}.ircd-builder-tab{flex:1;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast)}.ircd-builder-tab.is-active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}@media(min-width:1024px)and (max-width:1279px){.ircd-builder{grid-template-columns:1fr var(--builder-col-right);grid-template-rows:auto auto}.ircd-builder__left{grid-column:1;grid-row:1}.ircd-builder__middle{grid-column:1;grid-row:2}.ircd-builder__right{grid-column:2;grid-row:1 / -1}}@media(max-width:1023px){.ircd-builder{grid-template-columns:1fr;max-width:700px}.ircd-builder-tabs{display:flex}.ircd-builder__left,.ircd-builder__middle,.ircd-builder__right{display:none}.ircd-builder__left.is-active,.ircd-builder__middle.is-active,.ircd-builder__right.is-active{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-name-builder.css.map */