.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(--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-logo-list-scroll{max-height:calc(100vh - 500px);overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1-5);display:flex;flex-direction:column;gap:var(--space-2)}.ircd-logo-list-scroll::-webkit-scrollbar{width:6px}.ircd-logo-list-scroll::-webkit-scrollbar-track{background:transparent}.ircd-logo-list-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.ircd-logo-item{display:grid;grid-template-columns:1fr 56px 40px;gap:var(--space-2);align-items:center;padding:9px;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--builder-overlay-dark)}.ircd-logo-item>*{min-width:0}.ircd-logo-item__qty input{width:56px;min-width:56px;max-width:56px;text-align:center;padding:10px 6px}.ircd-logo-item__del{width:40px;height:36px;padding:0;display:grid;place-items:center}.ircd-logo-pick{position:relative;min-width:0}.ircd-logo-picker-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-recessed);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ircd-logo-picker-btn:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.ircd-logo-picker-btn__thumb{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-default);background:var(--color-surface-elevated);overflow:hidden}.ircd-logo-picker-btn__thumb img{width:100%;height:100%;object-fit:contain}.ircd-logo-picker-btn__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ircd-logo-picker-btn__chevron{flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--text-sm)}.ircd-logo-menu{position:fixed;width:var(--builder-logo-menu-width);background:linear-gradient(180deg,#1d212bfa,#0b0e13fa);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-heavy);z-index:var(--z-max);display:none;flex-direction:column;overflow:hidden}.ircd-logo-menu.is-open{display:flex}.ircd-logo-menu__search{padding:var(--space-3);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:inherit}.ircd-logo-menu__options{max-height:var(--builder-logo-menu-height);overflow-y:auto;padding:var(--space-2)}.ircd-logo-option{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-xl);border:1px solid transparent;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--duration-fast),border-color var(--duration-fast)}.ircd-logo-option:hover{background:var(--builder-overlay-light-6);border-color:#ffffff14}.ircd-logo-option.is-selected{background:var(--color-primary-muted);border-color:#00d2e640}.ircd-logo-option__thumb{width:var(--builder-logo-thumb-size);height:var(--builder-logo-thumb-size);flex-shrink:0;border-radius:var(--radius-default);background:var(--color-surface-elevated);overflow:hidden}.ircd-logo-option__thumb img{width:100%;height:100%;object-fit:contain}.ircd-logo-option__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ircd-preview-host{background:var(--builder-preview-bg);border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%;aspect-ratio:var(--builder-preview-aspect)}.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(135deg,#e0e0e0,#fff 50%,silver);width:auto;padding:0 8px;font-size:10px;font-weight:var(--weight-semibold);color:#000;display:flex;align-items:center;justify-content:center}.ircd-swatch--holo{background:linear-gradient(135deg,#f0f,#0ff 33%,#ff0 66%,#f0f);background-size:200% 200%;animation:ircd-holo-shift 4s ease-in-out infinite;width:auto;padding:0 8px;font-size:10px;font-weight:var(--weight-semibold);color:#000;display:flex;align-items:center;justify-content:center}@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-logo-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:#ff661a1f;border:1.5px solid var(--color-accent);border-radius:var(--radius-default);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);text-align:center;line-height:1.5}.ircd-logo-notice a{color:var(--color-accent);font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:2px}.ircd-logo-notice a:hover{color:var(--color-accent-hover)}.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-builder.css.map */