:root{--konfig-primary: #301C23;--konfig-accent: #EC6839;--konfig-secondary: #381C1D;--konfig-bg: #D1D4D3;--konfig-radius: 4px;--konfig-text: #1A1A1A;--konfig-text-light: #5A5A5A;--konfig-border: #B6B8B7;--konfig-white: #FFFFFF;--konfig-success: #2E9E7B;--konfig-error: #DE2A2A}praline-configurator{display:block;font-family:Source Sans Pro,sans-serif;color:var(--konfig-text)}.praline-configurator__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.praline-configurator__spinner,.konfig-spinner{width:32px;height:32px;border:3px solid var(--konfig-border);border-top-color:var(--konfig-accent);border-radius:50%;animation:konfig-spin .8s linear infinite}@keyframes konfig-spin{to{transform:rotate(360deg)}}.konfig-loading,.konfig-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;text-align:center}.konfig-app{max-width:1200px;margin:0 auto;padding:24px 16px;background:var(--konfig-bg);border-radius:var(--konfig-radius)}.konfig-stepper{display:flex;justify-content:center;gap:4px;margin-bottom:32px;padding:0;list-style:none}.konfig-stepper__step{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--konfig-border);border-radius:999px;background:var(--konfig-white);color:var(--konfig-text-light);cursor:pointer;font-size:14px;transition:all .2s ease}.konfig-stepper__step:disabled{opacity:.4;cursor:not-allowed}.konfig-stepper__step--active{background:var(--konfig-primary);color:var(--konfig-white);border-color:var(--konfig-primary)}.konfig-stepper__step--completed{background:var(--konfig-secondary);color:var(--konfig-white);border-color:var(--konfig-secondary)}.konfig-stepper__number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff3;font-size:12px;font-weight:600}.konfig-stepper__step--active .konfig-stepper__number,.konfig-stepper__step--completed .konfig-stepper__number{background:#ffffff4d}.konfig-step{animation:konfig-fadeIn .3s ease}@keyframes konfig-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.konfig-step__title{font-size:24px;font-weight:600;color:var(--konfig-primary);margin:0 0 20px}.konfig-box-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.konfig-box-size-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px solid var(--konfig-border);border-radius:var(--konfig-radius);background:var(--konfig-white);cursor:pointer;transition:all .2s ease;text-align:center}.konfig-box-size-card:hover:not(:disabled){border-color:var(--konfig-accent);transform:translateY(-2px);box-shadow:0 4px 12px #4a2c2a1a}.konfig-box-size-card:disabled{opacity:.5;cursor:not-allowed}.konfig-box-size-card__grid{display:grid;gap:4px;grid-template-columns:repeat(auto-fit,12px);justify-content:center}.konfig-box-size-card__dot{width:12px;height:12px;border-radius:50%;background:var(--konfig-accent);opacity:.4}.konfig-box-size-card__name{font-size:18px;font-weight:600;color:var(--konfig-primary);margin:0}.konfig-box-size-card__desc{font-size:13px;color:var(--konfig-text-light);margin:0}.konfig-box-size-card__price{font-size:16px;font-weight:600;color:var(--konfig-accent)}.konfig-box-size-card__dot{background:var(--konfig-secondary)}.konfig-box-size-card__unavailable{font-size:12px;color:var(--konfig-error);font-weight:500}.konfig-pralines-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.konfig-pralines-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.konfig-grid-wrapper{position:sticky;top:16px}.konfig-grid{display:grid;gap:8px;padding:16px;background:var(--konfig-white);border:2px solid var(--konfig-border);border-radius:var(--konfig-radius)}.konfig-slot{aspect-ratio:1;border:2px dashed var(--konfig-border);border-radius:calc(var(--konfig-radius) / 2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-height:80px}.konfig-slot--empty:hover{border-color:var(--konfig-accent);background:#c8a96e0d}.konfig-slot--active{border-color:var(--konfig-accent);border-style:solid;background:#ec68390f;box-shadow:0 0 0 3px #ec683933}.konfig-slot--filled{border-style:solid;border-color:var(--konfig-secondary);background:var(--konfig-white);cursor:grab}.konfig-slot--filled:active{cursor:grabbing}.konfig-slot--drag-over{border-color:var(--konfig-accent)!important;border-style:solid!important;background:#ec68391a!important;box-shadow:0 0 0 3px #ec683940;transform:scale(1.03)}.konfig-app--dragging .konfig-slot--empty{border-color:var(--konfig-accent);border-style:dashed;animation:konfig-pulse 1.5s ease infinite}@keyframes konfig-pulse{0%,to{opacity:1}50%{opacity:.6}}.konfig-slot__content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;width:100%;height:100%;justify-content:center}.konfig-slot__image{width:60%;height:60%;object-fit:cover;border-radius:50%}.konfig-slot__image--sprite{width:70%;height:70%;border-radius:50%}.konfig-slot__name{font-size:10px;text-align:center;color:var(--konfig-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.konfig-slot__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:var(--konfig-error);color:var(--konfig-white);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.konfig-slot:hover .konfig-slot__remove{opacity:1}.konfig-slot__placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--konfig-text-light)}.konfig-slot__number{font-size:11px;opacity:.5}.konfig-slot__hint{font-size:24px;opacity:.3}.konfig-progress{margin-top:12px;display:flex;align-items:center;gap:12px}.konfig-progress__bar{flex:1;height:6px;background:var(--konfig-border);border-radius:3px;overflow:hidden}.konfig-progress__fill{height:100%;background:var(--konfig-accent);border-radius:3px;transition:width .3s ease}.konfig-progress__text{font-size:13px;color:var(--konfig-text-light);white-space:nowrap}.konfig-catalog{background:var(--konfig-white);border:1px solid var(--konfig-border);border-radius:var(--konfig-radius);padding:16px;max-height:600px;overflow-y:auto}.konfig-catalog__hint{text-align:center;padding:32px 16px;color:var(--konfig-text-light)}.konfig-catalog__info{font-size:14px;font-weight:600;color:var(--konfig-primary);margin-bottom:12px}.konfig-catalog__filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.konfig-catalog__search{width:100%;padding:8px 12px;border:1px solid var(--konfig-border);border-radius:calc(var(--konfig-radius) / 2);font-size:14px;font-family:inherit;box-sizing:border-box}.konfig-catalog__search:focus{outline:none;border-color:var(--konfig-accent)}.konfig-catalog__categories{display:flex;flex-wrap:wrap;gap:4px}.konfig-catalog__cat-btn{padding:4px 12px;border:1px solid var(--konfig-border);border-radius:999px;background:var(--konfig-white);font-size:12px;cursor:pointer;transition:all .15s}.konfig-catalog__cat-btn:hover{border-color:var(--konfig-accent)}.konfig-catalog__cat-btn--active{background:var(--konfig-secondary);color:var(--konfig-white);border-color:var(--konfig-secondary)}.konfig-catalog__list{display:flex;flex-direction:column;gap:8px}.konfig-praline-card{display:flex;gap:12px;padding:10px;border:1px solid var(--konfig-border);border-radius:calc(var(--konfig-radius) / 2);background:var(--konfig-bg);cursor:grab;transition:all .15s;text-align:left;width:100%;position:relative}.konfig-praline-card:active{cursor:grabbing}.konfig-praline-card__drag-hint{display:flex;align-items:center;margin-left:auto;font-size:14px;color:var(--konfig-border);flex-shrink:0;transition:color .15s}.konfig-praline-card:hover .konfig-praline-card__drag-hint{color:var(--konfig-accent)}.konfig-praline-card:hover{border-color:var(--konfig-accent);background:var(--konfig-white)}.konfig-praline-card__image{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.konfig-praline-card__image--sprite{width:48px;height:48px;border-radius:50%;flex-shrink:0}.konfig-praline-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.konfig-praline-card__name{font-weight:600;font-size:14px;color:var(--konfig-primary)}.konfig-praline-card__flavor{font-size:12px;color:var(--konfig-text-light);text-transform:capitalize}.konfig-praline-card__allergens{font-size:11px;color:var(--konfig-text-light)}.konfig-praline-card__badges{display:flex;gap:4px;margin-top:2px}.konfig-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:600;background:var(--konfig-border);color:var(--konfig-text)}.konfig-badge--alcohol{background:#ec683926;color:#d4562e}.konfig-packaging-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.konfig-packaging-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:2px solid var(--konfig-border);border-radius:var(--konfig-radius);background:var(--konfig-white);cursor:pointer;transition:all .2s ease;text-align:left}.konfig-packaging-card:hover{border-color:var(--konfig-accent)}.konfig-packaging-card--selected{border-color:var(--konfig-accent);background:#ec68390f;box-shadow:0 0 0 3px #ec683933}.konfig-packaging-card__name{font-size:16px;font-weight:600;color:var(--konfig-primary);margin:0}.konfig-packaging-card__desc{font-size:13px;color:var(--konfig-text-light);margin:0}.konfig-packaging-card__price{font-size:14px;font-weight:600;color:var(--konfig-accent)}.konfig-greeting{max-width:500px}.konfig-greeting__toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;margin-bottom:16px}.konfig-greeting__toggle input{width:18px;height:18px;accent-color:var(--konfig-accent)}.konfig-greeting__form{animation:konfig-fadeIn .2s ease}.konfig-greeting__textarea{width:100%;padding:12px;border:1px solid var(--konfig-border);border-radius:calc(var(--konfig-radius) / 2);font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box}.konfig-greeting__textarea:focus{outline:none;border-color:var(--konfig-accent)}.konfig-greeting__counter{display:block;text-align:right;font-size:12px;color:var(--konfig-text-light);margin-top:4px}.konfig-summary{max-width:500px;background:var(--konfig-white);border:1px solid var(--konfig-border);border-radius:var(--konfig-radius);padding:24px}.konfig-summary__section{padding:12px 0;border-bottom:1px solid var(--konfig-border)}.konfig-summary__section h3{font-size:14px;font-weight:600;color:var(--konfig-text-light);margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.konfig-summary__section p{margin:0;font-size:15px}.konfig-summary__pralines{list-style:none;padding:0;margin:0;font-size:14px;columns:2}.konfig-summary__pralines li{padding:2px 0}.konfig-summary__greeting-text{font-style:italic;color:var(--konfig-text-light)}.konfig-summary__total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:20px;font-weight:700;color:var(--konfig-primary)}.konfig-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--konfig-border);border-radius:calc(var(--konfig-radius) / 2);background:var(--konfig-white);color:var(--konfig-text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.konfig-btn:hover:not(:disabled){border-color:var(--konfig-accent)}.konfig-btn:disabled{opacity:.5;cursor:not-allowed}.konfig-btn--primary{background:var(--konfig-accent);color:var(--konfig-white);border-color:var(--konfig-accent)}.konfig-btn--primary:hover:not(:disabled){background:#d4562e;border-color:#d4562e}.konfig-btn--secondary{background:transparent;border-color:var(--konfig-accent);color:var(--konfig-accent)}.konfig-btn--large{width:100%;padding:14px 24px;font-size:16px;font-weight:600;margin-top:8px}.konfig-step-actions{margin-top:24px;display:flex;justify-content:center}@media(max-width:768px){.konfig-stepper{flex-wrap:wrap;gap:6px}.konfig-stepper__label{display:none}.konfig-stepper__step{padding:8px 12px}.konfig-pralines-layout{grid-template-columns:1fr}.konfig-grid-wrapper{position:static}.konfig-slot{min-height:60px}.konfig-box-sizes{grid-template-columns:repeat(2,1fr)}.konfig-summary__pralines{columns:1}}@media(max-width:480px){.konfig-app{padding:16px 8px}.konfig-box-sizes,.konfig-packaging-list{grid-template-columns:1fr}}.konfig-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);padding:8px 16px;background:var(--konfig-primary);color:var(--konfig-white);border-radius:var(--konfig-radius);font-size:13px;font-weight:600;font-family:inherit;box-shadow:0 4px 16px #0003;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}