.koebi-label-editor,.koebi-label-3d-stage{--editor-bg: var(--koebi-bg-page, #F9F8F6);--editor-surface: var(--koebi-bg-surface, #FFFFFF);--editor-card: var(--koebi-bg-card, #F5F3F0);--editor-border: var(--koebi-border-default, #D6D6D6);--editor-border-subtle: var(--koebi-border-subtle, #EBEBEB);--editor-border-warm: var(--koebi-border-warm, #C2B6A3);--editor-border-inverse: var(--koebi-border-inverse, #1F1F1F);--editor-text: var(--koebi-text-primary, #1F1F1F);--editor-text-dim: var(--koebi-text-secondary, #5C5C5C);--editor-text-muted: var(--koebi-text-muted, #7A7A7A);--editor-accent: var(--koebi-brand-primary, #1F1F1F);--editor-accent-hover: #3D3D3D;--editor-accent-text: var(--koebi-brand-primary-text, #F9F8F6);--editor-accent-glow: rgba(31, 31, 31, .06);--editor-success: #00847E;--editor-error: #E5005B;--editor-slider-track: var(--koebi-neutral-grey-300, #B8B8B8);--editor-slider-knob: var(--koebi-non-alc-limo-zitrone, #DBE283);--editor-radius-sm: var(--koebi-radius-sm, 4px);--editor-radius-md: var(--koebi-radius-md, 8px);--editor-radius-lg: var(--koebi-radius-lg, 12px);--editor-radius-xl: var(--koebi-radius-xl, 16px);font-family:var(--font-body-family, "Bricolage Grotesque"),sans-serif;font-variation-settings:var(--koebi-fvs, "opsz" 14, "wdth" 100);color:var(--editor-text)}.koebi-label-editor{background:var(--editor-bg)}.koebi-label-editor *,.koebi-label-editor *:before,.koebi-label-editor *:after{box-sizing:border-box}.koebi-label-editor .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.koebi-label-editor.koebi-label-editor input:focus,.koebi-label-editor.koebi-label-editor input:focus-visible,.koebi-label-editor.koebi-label-editor select:focus,.koebi-label-editor.koebi-label-editor select:focus-visible,.koebi-label-editor.koebi-label-editor textarea:focus,.koebi-label-editor.koebi-label-editor textarea:focus-visible,.koebi-label-editor.koebi-label-editor button:focus,.koebi-label-editor.koebi-label-editor button:focus-visible{outline:none;outline-offset:0;box-shadow:none}.koebi-label-editor.koebi-label-editor input[type=text]:focus,.koebi-label-editor.koebi-label-editor input[type=number]:focus,.koebi-label-editor.koebi-label-editor input[type=color]:focus,.koebi-label-editor.koebi-label-editor input[type=checkbox]:focus,.koebi-label-editor.koebi-label-editor select:focus,.koebi-label-editor.koebi-label-editor textarea:focus{border-color:var(--editor-border-inverse)}.koebi-label-editor.koebi-label-editor .hex-with-swatch:focus-within{border-color:var(--editor-border-inverse)}.action-btn:focus-visible,.action-btn--ghost:focus-visible{border-color:var(--editor-border-inverse)}.koebi-label-editor__heading{text-align:center;margin:0 0 8px;font-family:var(--font-heading-family, "Bricolage Grotesque"),sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:var(--koebi-fw-bold, 600);letter-spacing:-.01em}.koebi-label-editor__subheading{text-align:center;margin:0 auto 32px;max-width:720px;color:var(--editor-text-dim);font-size:16px;line-height:1.5}.koebi-label-editor__mobile-gate{display:none}.koebi-label-editor__app{display:block}.koebi-label-editor__mobile-card{text-align:center;max-width:380px;padding:32px 24px;border-radius:var(--editor-radius-lg);background:var(--editor-card);color:var(--editor-text)}.koebi-label-editor__mobile-icon{margin:0 auto 16px;display:block;opacity:.6}.koebi-label-editor__mobile-title{margin:0 0 8px;font-family:var(--font-heading-family, "Bricolage Grotesque"),sans-serif;font-size:22px;font-weight:var(--koebi-fw-bold, 600);line-height:1.2}.koebi-label-editor__mobile-text{margin:0 0 20px;font-size:15px;line-height:1.5;color:var(--editor-text-dim)}.koebi-label-editor__mobile-copy{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9999px;border:1px solid currentColor;background:transparent;color:var(--editor-text);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,color .2s}.koebi-label-editor__mobile-copy:hover{background:var(--editor-text);color:var(--editor-card)}.koebi-label-editor__app{background:transparent;color:var(--editor-text);display:flex;flex-direction:column}.koebi-label-editor__admin-bay{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}.koebi-label-editor__layout{display:grid;grid-template-columns:317px 1fr;grid-template-areas:"sidebar  preview" "actions  preview";column-gap:16px;row-gap:16px}.koebi-label-editor__main{display:contents}.koebi-label-editor__sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:16px;min-width:0}.koebi-label-editor__sidebar-actions{grid-area:actions;display:flex;flex-direction:column;gap:16px;min-width:0}.koebi-label-editor .preview-area{grid-area:preview}.koebi-label-editor .panel{background:var(--editor-card);border:1px solid var(--editor-border-warm);border-radius:var(--editor-radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.koebi-label-editor .panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.koebi-label-editor .panel__title{margin:0;color:var(--editor-text);text-transform:none}.koebi-label-editor.koebi-label-editor .panel__optional{font-family:Bricolage Grotesque,sans-serif;font-size:18px;line-height:26px;color:var(--editor-text-muted);font-weight:var(--koebi-fw-regular, 300);letter-spacing:0}.koebi-label-editor .panel--accordion{padding:0;gap:0}.koebi-label-editor .panel__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.koebi-label-editor .panel--accordion .panel__head{display:inline-flex;align-items:baseline;gap:8px}.koebi-label-editor .panel__chevron{flex-shrink:0;color:var(--editor-text);transition:transform .2s ease}.koebi-label-editor .panel__trigger[aria-expanded=true] .panel__chevron{transform:rotate(180deg)}.koebi-label-editor .panel__body{overflow:hidden;max-height:0;transition:max-height .2s ease-out}.koebi-label-editor .panel__body[data-open=true]{max-height:800px}.koebi-label-editor .panel__body-inner{display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px}.koebi-label-editor .upload-zone{display:flex;flex-direction:column;align-items:flex-start;gap:0;border:1px dashed var(--editor-border-warm);border-radius:var(--editor-radius-md);padding:16px 20px;background:transparent;cursor:pointer;transition:border-color .18s,background .18s}.koebi-label-editor .upload-zone:not(.has-file):hover,.koebi-label-editor .upload-zone.dragover{border-color:var(--editor-accent);background:var(--editor-accent-glow)}.koebi-label-editor.koebi-label-editor .upload-zone:focus,.koebi-label-editor.koebi-label-editor .upload-zone:focus-visible{outline:none;outline-offset:0;box-shadow:none;border-color:var(--editor-text)}.koebi-label-editor .upload-zone.has-file,.koebi-label-editor .upload-zone.has-file:hover{border-style:solid;border-color:var(--editor-accent);background:transparent}.koebi-label-editor.koebi-label-editor .upload-zone.has-file:focus,.koebi-label-editor.koebi-label-editor .upload-zone.has-file:focus-visible{border-color:var(--editor-text);background:transparent}.koebi-label-editor .upload-zone.upload-zone--handoff-highlight,.koebi-label-editor .upload-zone.upload-zone--handoff-highlight:hover,.koebi-label-editor .upload-zone.upload-zone--handoff-highlight:focus,.koebi-label-editor .upload-zone.upload-zone--handoff-highlight:focus-visible{animation:koebi-upload-handoff-highlight 1.6s ease-out}@keyframes koebi-upload-handoff-highlight{0%,35%{background-color:#dbe283}to{background-color:transparent}}.koebi-label-editor .upload-zone__label{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:18px;line-height:26px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;color:var(--editor-text)}.koebi-label-editor .upload-zone__sub{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:14px;line-height:22px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;color:var(--editor-text-muted)}.koebi-label-editor .upload-zone__label--loaded,.koebi-label-editor .upload-zone__sub--loaded,.koebi-label-editor .upload-zone.has-file .upload-zone__label--default,.koebi-label-editor .upload-zone.has-file .upload-zone__sub--default{display:none}.koebi-label-editor .upload-zone.has-file .upload-zone__label--loaded,.koebi-label-editor .upload-zone.has-file .upload-zone__sub--loaded{display:block}.koebi-label-editor .design-transform-controls:not([hidden]){display:flex;flex-direction:column;gap:12px;margin-top:4px}.koebi-label-editor .slider-field{display:flex;flex-direction:column;gap:8px}.koebi-label-editor .slider-field__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.koebi-label-editor .slider-field__label{display:flex;align-items:baseline;gap:8px;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;color:var(--editor-text);letter-spacing:0}.koebi-label-editor .slider-field__name{font-weight:var(--koebi-fw-bold, 600)}.koebi-label-editor .slider-field__value{color:var(--editor-text);font-weight:var(--koebi-fw-regular, 300);font-variant-numeric:tabular-nums}.koebi-label-editor .slider-field__reset{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--editor-text-muted);cursor:pointer;border-radius:var(--editor-radius-sm);transition:color .12s,background .12s;padding:0}.koebi-label-editor .slider-field__reset:hover{color:var(--editor-text);background:#1f1f1f0f}.koebi-label-editor .slider-field__range{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0;padding:0;--editor-progress: 50%}@media(hover:none)and (pointer:coarse){.koebi-label-editor input:not([type=hidden]),.koebi-label-editor textarea,.koebi-label-editor select,.koebi-label-editor button,.koebi-label-editor [role=button],.koebi-label-editor label[for]{touch-action:pan-y}.koebi-label-editor input[type=range]{touch-action:pan-y}}.koebi-label-editor .slider-field__range::-webkit-slider-runnable-track{height:2px;border-radius:999px;border:0;background:linear-gradient(to right,var(--editor-text) 0%,var(--editor-text) var(--editor-progress, 50%),var(--editor-slider-track) var(--editor-progress, 50%),var(--editor-slider-track) 100%)}.koebi-label-editor .slider-field__range::-moz-range-track{height:2px;border-radius:999px;border:0;background:var(--editor-slider-track)}.koebi-label-editor .slider-field__range::-moz-range-progress{height:2px;border-radius:999px;background:var(--editor-text)}.koebi-label-editor .slider-field__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--editor-slider-knob);border:1px solid var(--editor-border-inverse);margin-top:-6px;cursor:pointer;box-sizing:border-box}.koebi-label-editor .slider-field__range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--editor-slider-knob);border:1px solid var(--editor-border-inverse);cursor:pointer;box-sizing:border-box}.koebi-label-editor .slider-field__range:focus,.koebi-label-editor .slider-field__range:focus-visible{outline:none}.koebi-label-editor .link-reset:not([hidden]){display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--editor-text);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;cursor:pointer;padding:0;margin:-4px 0 4px;align-self:flex-start}.koebi-label-editor .link-reset svg{flex-shrink:0;color:var(--editor-text-muted);transition:color .12s}.koebi-label-editor .link-reset:hover{color:var(--editor-text)}.koebi-label-editor .link-reset:hover svg{color:var(--editor-text)}.koebi-label-editor .form-field{display:flex;flex-direction:column;gap:6px;width:100%}.koebi-label-editor .form-field>label{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-bold, 600);letter-spacing:0;color:var(--editor-text)}.koebi-label-editor .form-field textarea,.koebi-label-editor .form-field input[type=text],.koebi-label-editor .form-field input[type=number]{width:100%;background:transparent;border:1px solid var(--editor-border-warm);color:var(--editor-text);padding:12px 14px;border-radius:var(--editor-radius-md);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;outline:none;transition:border-color .12s}.koebi-label-editor .form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.koebi-label-editor .form-field textarea:focus,.koebi-label-editor .form-field input[type=text]:focus,.koebi-label-editor .form-field input[type=number]:focus{border-color:var(--editor-text)}.koebi-label-editor .koebi-font-select{width:100%;background:transparent;border:1px solid var(--editor-border-warm);color:var(--editor-text);padding:12px 40px 12px 14px;border-radius:var(--editor-radius-md);font-family:Bricolage Grotesque,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;outline:none;transition:border-color .12s}.koebi-label-editor [data-koebi-label-font].koebi-font-select{font-size:14px;line-height:22px;font-weight:var(--koebi-fw-semibold, 500);letter-spacing:0}.koebi-label-editor [data-koebi-label-weight].koebi-font-select{font-size:14px;line-height:20px;font-weight:var(--koebi-fw-medium, 400);letter-spacing:.25px}.koebi-label-editor .koebi-font-select:focus{border-color:var(--editor-text)}.koebi-label-editor .koebi-font-select option{background:var(--editor-surface);color:var(--editor-text)}.koebi-label-editor .hex-with-swatch{position:relative;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--editor-border-warm);border-radius:var(--editor-radius-md);height:48px;padding:0 8px 0 0;transition:border-color .12s}.koebi-label-editor .hex-with-swatch:focus-within{border-color:var(--editor-text)}.koebi-label-editor .hex-with-swatch input[type=text]{flex:1;background:transparent;border:0;padding:0 14px;height:100%;font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-medium, 400);letter-spacing:.25px;color:var(--editor-text);outline:none;text-transform:uppercase}.koebi-label-editor .hex-with-swatch .btn-eyedropper{width:24px;height:24px;background:transparent;border:0;border-radius:var(--editor-radius-sm);color:var(--editor-text);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;transition:color .12s,background .12s}.koebi-label-editor .hex-with-swatch .btn-eyedropper:hover{color:var(--editor-text);background:#1f1f1f0f}.koebi-label-editor .hex-with-swatch .btn-eyedropper.active{background:#1f1f1f1f;color:var(--editor-text)}.koebi-label-editor .hex-with-swatch__color{width:32px;height:32px;padding:0;border-radius:var(--editor-radius-sm);border:1px solid var(--editor-border-warm);background:transparent;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none}.koebi-label-editor .hex-with-swatch__color::-webkit-color-swatch-wrapper{padding:0;border-radius:3px}.koebi-label-editor .hex-with-swatch__color::-webkit-color-swatch{border:0;border-radius:3px}.koebi-label-editor .hex-with-swatch__color::-moz-color-swatch{border:0;border-radius:3px}.koebi-label-editor .cmyk-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.koebi-label-editor .cmyk-field{display:flex;align-items:center;gap:6px}.koebi-label-editor .cmyk-field label{font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-medium, 400);letter-spacing:.25px;color:var(--editor-text);min-width:12px;text-align:center}.koebi-label-editor .cmyk-field input[type=number]{width:100%;height:48px;background:transparent;border:1px solid var(--editor-border-warm);border-radius:var(--editor-radius-md);color:var(--editor-text);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-medium, 400);letter-spacing:.25px;padding:0 10px;text-align:center;outline:none;-moz-appearance:textfield;transition:border-color .12s}.koebi-label-editor .cmyk-field input[type=number]::-webkit-outer-spin-button,.koebi-label-editor .cmyk-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.koebi-label-editor .cmyk-field input[type=number]:focus{border-color:var(--editor-text)}.koebi-label-editor .panel--actions{gap:8px}.koebi-label-editor .action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 14px;border-radius:var(--editor-radius-md);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:20px;font-weight:var(--koebi-fw-medium, 400);letter-spacing:.25px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.action-btn--ghost{background:transparent;color:var(--editor-text);border:1px solid var(--editor-border-warm)}.action-btn--ghost:hover:not(:disabled){border-color:var(--editor-text);background:#1f1f1f0a}.action-btn--ghost svg{flex-shrink:0}.action-btn--primary{background:var(--editor-accent);color:var(--editor-accent-text);border:1px solid var(--editor-accent);width:100%}.action-btn--primary:hover:not(:disabled){background:var(--editor-accent-hover);border-color:var(--editor-accent-hover)}.action-btn:disabled{opacity:.4;cursor:not-allowed}body.canvas-picking,body.canvas-picking #previewWrap,body.canvas-picking #previewWrap canvas,body.canvas-picking .koebi-label-editor .preview-wrap{cursor:crosshair}.koebi-label-editor .preview-area{display:flex;flex-direction:column;gap:16px;background:var(--editor-card);border:1px solid var(--editor-border-warm);border-radius:var(--editor-radius-lg);padding:16px}.koebi-label-editor .preview-area__sticky{position:sticky;top:var(--editor-sticky-top, 16px);transition:top .15s ease-out;display:flex;flex-direction:column;gap:16px;min-width:0}.koebi-label-editor .preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.koebi-label-editor .guides-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--editor-text);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;cursor:pointer;padding:0}.koebi-label-editor .guides-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1px solid var(--editor-text);border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background .12s,border-color .12s}.koebi-label-editor .guides-toggle input[type=checkbox]:checked{background:var(--editor-text);border-color:var(--editor-text)}.koebi-label-editor .guides-toggle input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--editor-bg);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8l3 3 7-7" stroke="black" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8l3 3 7-7" stroke="black" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat}.koebi-label-editor .preview-dims{font-family:Bricolage Grotesque,sans-serif;font-size:12px;line-height:18px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;color:var(--editor-text-dim);font-variant-numeric:tabular-nums}.koebi-label-editor .preview-wrap{position:relative;width:100%;aspect-ratio:185 / 85;overflow:hidden;border:1px solid var(--koebi-neutral-grey-400, #999999);border-radius:4px;background:var(--editor-surface)}.koebi-label-editor .preview-wrap canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;image-rendering:auto;width:100%;height:100%}.koebi-label-editor canvas.is-dragging{touch-action:none;-webkit-user-select:none;user-select:none}.koebi-label-editor .empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--editor-text-muted);font-size:14px;pointer-events:none}.koebi-label-editor .preview-wrap.drag-active{outline:2px solid var(--editor-accent);outline-offset:-2px}.koebi-label-editor .preview-wrap.drag-active:after{content:"Design hier ablegen";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1f1f1f0f;color:var(--editor-text);font-size:16px;font-weight:var(--koebi-fw-bold, 600);letter-spacing:.3px;pointer-events:none;font-family:Bricolage Grotesque,sans-serif}.koebi-label-editor .preview-bg-gallery:not([hidden]){display:flex;flex-direction:column;gap:12px}.koebi-label-editor .preview-bg-gallery__title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-bold, 600);letter-spacing:0;color:var(--editor-text)}.koebi-label-editor .preview-bg-gallery__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.koebi-label-editor .preview-bg-gallery__item{aspect-ratio:185 / 85;background:var(--editor-surface);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-md);cursor:pointer;transition:border-color .12s,transform .12s}.koebi-label-editor .preview-bg-gallery__item:hover{border-color:var(--editor-text-muted)}.koebi-label-editor .preview-bg-gallery__item.is-active{border-color:var(--editor-accent);outline:2px solid var(--editor-accent);outline-offset:-1px}.koebi-label-editor .status-bar{padding:8px 14px;background:var(--editor-surface);border-radius:var(--editor-radius-md);font-size:13px;line-height:20px;color:var(--editor-text-dim);display:none;align-self:flex-end;width:fit-content}.koebi-label-editor .status-bar.visible{display:flex;align-items:center;gap:8px}.koebi-label-editor .status-bar.success{color:var(--editor-success)}.koebi-label-editor .status-bar.error{color:var(--editor-error)}.koebi-label-editor .spinner{width:13px;height:13px;border:2px solid var(--editor-border);border-top-color:var(--editor-accent);border-radius:50%;animation:koebi-label-editor-spin .55s linear infinite;flex-shrink:0}@keyframes koebi-label-editor-spin{to{transform:rotate(360deg)}}@media(max-width:1023.98px)and (min-width:900px){.koebi-label-editor__layout{grid-template-columns:280px 1fr}}.koebi-label-editor .confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.koebi-label-editor .confirm-overlay.open{display:flex}.koebi-label-editor .confirm-box{background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--editor-radius-md);padding:24px;width:320px;display:flex;flex-direction:column;gap:16px}.koebi-label-editor .confirm-box__text{font-size:14px;margin:0;color:var(--editor-text);line-height:22px}.koebi-label-editor .confirm-box__actions{display:flex;gap:8px;justify-content:flex-end}.koebi-label-editor .btn-confirm-cancel,.koebi-label-editor .btn-confirm-ok{padding:9px 16px;border-radius:var(--editor-radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--editor-border);transition:all .12s}.koebi-label-editor .btn-confirm-cancel{background:var(--editor-card);color:var(--editor-text-dim)}.koebi-label-editor .btn-confirm-cancel:hover{color:var(--editor-text)}.koebi-label-editor .btn-confirm-ok{background:var(--editor-accent);color:var(--editor-accent-text);border-color:var(--editor-accent)}.koebi-label-editor .btn-confirm-ok:hover{background:var(--editor-accent-hover);border-color:var(--editor-accent-hover)}.koebi-label-editor .admin-only{display:none}.koebi-label-editor .sorte-pdf-row{margin-top:8px}.koebi-label-editor .sorte-pdf-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--editor-radius-md);color:var(--editor-text-dim);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;text-align:left}.koebi-label-editor .sorte-pdf-btn:hover{border-color:var(--editor-text-dim);color:var(--editor-text)}.koebi-label-editor .add-sorte-form{margin-top:8px;display:none;flex-direction:column;gap:8px;padding:10px;background:var(--editor-surface);border-radius:var(--editor-radius-md);border:1px solid var(--editor-border)}.koebi-label-editor .add-sorte-form.open{display:flex}.koebi-label-editor .add-sorte-form input[type=text]{padding:8px 10px;background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);color:var(--editor-text);font-family:inherit;font-size:13px;outline:none}.koebi-label-editor .add-sorte-form input[type=text]:focus{border-color:var(--editor-accent)}.koebi-label-editor .bottle-canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--editor-card);border-radius:var(--editor-radius-md);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.koebi-label-editor .bottle-canvas-wrap:active{cursor:grabbing}.koebi-label-editor .bottle-canvas-wrap canvas{display:block;width:100%;height:100%}.koebi-label-editor .bottle-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden}.koebi-label-editor .bottle-watermark svg{width:88%;height:auto;opacity:.02;transform:rotate(-28deg);fill:#000}.koebi-label-editor .bottle-cap-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 4px 4px;overflow:visible}.koebi-label-editor .bottle-cap-picker,.koebi-label-editor .bottle-cap-swatch{width:22px;height:22px;border-radius:var(--editor-radius-sm);border:1.5px solid var(--editor-border);cursor:pointer;padding:0;background:none;flex-shrink:0;transition:border-color .12s,transform .1s}.koebi-label-editor .bottle-cap-picker:hover,.koebi-label-editor .bottle-cap-swatch:hover{border-color:var(--editor-accent);transform:scale(1.15)}.koebi-label-editor .bottle-cap-swatch.active{border-color:var(--editor-accent);box-shadow:0 0 0 1px var(--editor-accent)}.koebi-label-editor .bottle-rotation-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:var(--editor-border);outline:none;cursor:pointer}.koebi-label-editor .bottle-rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--editor-text);border:0;cursor:pointer}.koebi-label-editor .bottle-progress-wrap{display:flex;align-items:center;gap:8px;margin-top:8px}.koebi-label-editor .bottle-progress-bar{flex:1;height:3px;border-radius:2px;background:var(--editor-border);overflow:hidden}.koebi-label-editor .bottle-progress-fill{height:100%;width:0%;background:var(--editor-accent);border-radius:2px;transition:width .1s linear}.koebi-label-editor .bottle-progress-label,.koebi-label-editor .bottle-progress-text{font-size:11px;font-weight:600;color:var(--editor-text-dim);white-space:nowrap}.koebi-label-editor .btn-neu-start{display:none}.koebi-label-editor [data-koebi-label-text-color-preview],.koebi-label-editor [data-koebi-label-bg-swatch]{background-color:var(--bg-color, #FFFFFF)}.koebi-label-3d-stage,.koebi-label-editor [data-3d-action-set="3d"]{display:none}.koebi-label-3d-stage__header{display:none}.koebi-label-editor[data-3d-mode=on] .koebi-label-editor__sidebar .panel:not(.panel--actions){opacity:.5;pointer-events:none}.koebi-label-editor[data-3d-mode=on] .preview-header,.koebi-label-editor[data-3d-mode=on] .preview-wrap,.koebi-label-editor[data-3d-mode=on] .status-bar,.koebi-label-editor[data-3d-mode=on] .preview-bg-gallery{display:none}.koebi-label-editor[data-3d-mode=on] .koebi-label-3d-stage{display:flex}.koebi-label-editor[data-3d-mode=on] [data-3d-action-set="2d"]{display:none}.koebi-label-editor[data-3d-mode=on] [data-3d-action-set="3d"]{display:grid}.koebi-label-editor .action-grid--single{grid-template-columns:1fr}.koebi-label-editor .koebi-label-3d-stage{flex-direction:row;gap:16px;align-items:stretch;min-width:0}.koebi-label-3d-stage__viewer{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;background:var(--koebi-bg-warm-100);border:1px solid var(--editor-border-warm);border-radius:var(--editor-radius-sm);padding:16px}.koebi-label-3d-stage__bottle-wrap{position:relative;width:100%;max-width:622px;aspect-ratio:1;margin-inline:auto}.koebi-label-3d-stage__blob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64%;height:auto;fill:var(--koebi-bg-card);pointer-events:none}.koebi-label-3d-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.koebi-label-3d-stage__canvas:active{cursor:grabbing}.koebi-label-3d-stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--editor-text-muted);font-family:Bricolage Grotesque,sans-serif;font-size:15px;pointer-events:none}.koebi-label-3d-stage__loading[hidden]{display:none}.koebi-label-3d-stage__hint{margin:0;text-align:center;color:var(--editor-text-muted);font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0}.koebi-label-3d-stage__info{flex:0 1 317px;min-width:280px;display:flex;flex-direction:column;gap:16px}.koebi-label-3d-stage__title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:24px;line-height:32px;font-weight:var(--koebi-fw-bold, 600);letter-spacing:0;color:var(--editor-text)}.koebi-label-3d-stage__text{font-family:Bricolage Grotesque,sans-serif;font-size:16px;line-height:24px;font-weight:var(--koebi-fw-regular, 300);letter-spacing:0;color:var(--editor-text)}.koebi-label-3d-stage__text>*{margin:0}.koebi-label-3d-stage__text>*+*{margin-top:12px}.koebi-label-3d-stage__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.koebi-label-3d-stage__progress{display:flex;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;line-height:20px;color:var(--editor-text-muted)}.koebi-label-3d-stage__progress[hidden]{display:none}.koebi-label-3d-stage__progress-track{--koebi-progress: 0%;flex:1 1 auto;min-width:0;height:6px;border-radius:3px;overflow:hidden;background-image:linear-gradient(to right,#1F1F1F 0,#1F1F1F var(--koebi-progress),var(--editor-border-subtle, #EBEBEB) var(--koebi-progress),var(--editor-border-subtle, #EBEBEB) 100%)}.koebi-label-3d-stage__progress-bar{display:none}.koebi-label-3d-stage__progress-text{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:899.98px){.koebi-label-editor__layout{display:flex;flex-direction:column;grid-template-columns:none;grid-template-areas:none;gap:12px}.koebi-label-editor__main{display:flex;flex-direction:column;gap:12px;min-width:0}.koebi-label-editor__sidebar{order:2}.koebi-label-editor .preview-area{order:1;position:sticky;top:var(--editor-sticky-top, 16px);align-self:start;width:100%;z-index:5}.koebi-label-editor .preview-area__sticky{position:static;top:auto;transition:none;gap:12px}.koebi-label-editor .preview-wrap,.koebi-label-editor .preview-wrap canvas{touch-action:none}.koebi-label-editor__heading{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:6px}.koebi-label-editor__subheading{margin-bottom:20px;font-size:15px}.koebi-label-3d-stage[data-3d-active=on]{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:100vw;height:100vh;height:100dvh;flex-direction:column;align-items:stretch;gap:0;padding:0;background:var(--koebi-bg-page, #F9F8F6);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -16px 48px #0000002e;opacity:1;transform:translateY(0);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}@starting-style{.koebi-label-3d-stage[data-3d-active=on]{opacity:0;transform:translateY(100%)}}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--editor-border, #D6D6D6);background:var(--koebi-bg-page, #F9F8F6);position:sticky;top:0;z-index:2}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__header-title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:18px;line-height:26px;font-weight:var(--koebi-fw-bold, 600);color:var(--editor-text)}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__close{-webkit-appearance:none;appearance:none;background:var(--koebi-bg-surface, #FFFFFF);border:1px solid var(--editor-border, #D6D6D6);border-radius:999px;padding:0;margin:0;cursor:pointer;color:var(--editor-text);display:inline-flex;align-items:center;justify-content:center;line-height:0;width:44px;height:44px;flex:0 0 auto;box-shadow:0 1px 2px #0000000a;transition:background-color .12s ease,transform .12s ease}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__close:active{background:var(--koebi-bg-card, #F5F3F0);transform:scale(.94)}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__close:focus-visible{outline:2px solid var(--editor-accent, #1F1F1F);outline-offset:2px}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__close svg{width:22px;height:22px;display:block}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__viewer{flex:0 0 auto;width:100%;border:0;border-radius:0;padding:16px;background:transparent}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__bottle-wrap{max-width:min(90vw,540px)}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__canvas,.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__bottle-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__info{flex:0 0 auto;min-width:0;padding:12px 16px 24px;gap:12px}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__actions{grid-template-columns:1fr 1fr;order:-1;margin-top:0}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__progress{order:0}.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__title,.koebi-label-3d-stage[data-3d-active=on] .koebi-label-3d-stage__text{order:1}.koebi-label-editor[data-3d-mode=on] .koebi-label-editor__sidebar-actions{visibility:hidden}.koebi-label-editor[data-3d-mode=on] .preview-header,.koebi-label-editor[data-3d-mode=on] .preview-wrap{display:revert}}html.koebi-label-3d-open,body.koebi-label-3d-open{overflow:hidden;overscroll-behavior:none}body.koebi-label-3d-open{touch-action:none}body.koebi-reedit-mode .header-wrapper,body.koebi-reedit-mode .footer-wrapper,body.koebi-reedit-mode .shopify-section-group-header-group,body.koebi-reedit-mode .shopify-section-group-footer-group,body.koebi-reedit-mode .announcement-bar-section,body.koebi-reedit-mode .utility-bar{display:none}body.koebi-reedit-mode main,body.koebi-reedit-mode #MainContent{min-height:100vh}
/*# sourceMappingURL=/cdn/shop/t/33/assets/koebi-label-editor.css.map */