@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Work+Sans:wght@300;400;500;600;700&display=swap";.ds-app-shell{--brand-background: #E7E3D8;--brand-accent: #F85A3E;--brand-dark: #383D3B;--brand-white: #FFFFFF;--primary-color: #383D3B;--secondary-color: #FFFFFF;--accent-color: #F85A3E;--text-color: #383D3B;--text-light: #6B7280;--border-color: rgba(231, 227, 216, .5);--hover-color: rgba(248, 90, 62, .05);--font-heading: "DM Serif Display", serif;--font-body: "Work Sans", sans-serif;--font-navigation: "Work Sans", sans-serif;--font-button: "Work Sans", sans-serif;--shadow-sm: 0 1px 2px rgba(56, 61, 59, .05);--shadow-md: 0 4px 6px rgba(56, 61, 59, .07);--shadow-lg: 0 10px 15px rgba(56, 61, 59, .1);--shadow-xl: 0 20px 25px rgba(56, 61, 59, .1);--border-radius: 0px;--border-radius-sm: 0px;--border-radius-lg: 0px;--border-radius-xl: 0px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--button-padding-sm: 8px 16px;--button-padding-md: 12px 24px;--button-padding-lg: 16px 32px;--button-font-size-sm: 14px;--button-font-size-md: 16px;--button-font-size-lg: 18px;--button-border-radius: 0px;--button-transition: all .2s ease;--input-padding: 12px 16px;--input-border-radius: 0px;--input-border-width: 1px;--input-font-size: 16px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-nav: 12px;--font-size-button: 12px;--grid-gap-sm: 8px;--grid-gap-md: 16px;--grid-gap-lg: 24px;--grid-gap-xl: 32px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ds-header-scale: .625;--color-header-background: 231, 227, 216;--color-header-foreground: 56, 61, 59;--color-header-border: 231, 227, 216;--color-overlay: 0, 0, 0;--color-border: 231, 227, 216;--color-link: 56, 61, 59;--color-background: 231, 227, 216;--color-foreground: 56, 61, 59;--duration-default: .2s;--duration-long: .4s;--duration-short: .1s;--font-navigation-family: "Work Sans", Arial, sans-serif;--header-logo-height: calc(48px * var(--ds-header-scale));--header-icon-gap: calc(24px * var(--ds-header-scale));--header-menu-gap: calc(40px * var(--ds-header-scale));--header-letter-spacing: .18em;--header-bottom-position: 100%;--viewport-height: 100vh;--scrollbar-width: 0px}:root{text-size-adjust:none;-webkit-text-size-adjust:none}html,body{text-size-adjust:none;-webkit-text-size-adjust:none}html[data-designer-proxy=true]{font-size:calc(var(--font-body-scale, 1) * 62.5%);line-height:calc(1 + .8/max(.1,var(--font-body-scale, 1)))}html[data-designer-proxy=true] .ds-app-shell{--ds-header-scale: .625}.ds-app-shell.ds-runtime-standalone,.ds-app-shell[data-runtime=standalone],body.ds-app-shell.ds-runtime-standalone{--ds-header-scale: 1}.ds-app-shell *{margin:0;padding:0;box-sizing:border-box}.ds-app-shell{font-family:var(--font-body);line-height:1.6;color:var(--text-color);background-color:var(--secondary-color);font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-app-shell h1,.ds-app-shell h2,.ds-app-shell h3,.ds-app-shell h4,.ds-app-shell h5,.ds-app-shell h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--primary-color)}.ds-app-shell .container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1800px;margin:0 auto;background:var(--secondary-color)}.ds-app-shell .left-container{background:var(--brand-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);padding:var(--spacing-md);display:flex;flex-direction:column;position:sticky;top:var(--spacing-lg);height:calc(100vh - 2 * var(--spacing-lg));overflow:hidden}.ds-app-shell #artContainer{flex:1;display:flex;align-items:center;justify-content:center;background:var(--secondary-color);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);overflow:auto}.ds-app-shell #artContainer svg{max-width:100%;height:auto;display:block}.ds-app-shell .upload-container{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 60px);margin-top:60px;background:var(--secondary-color);position:relative;overflow:hidden}.ds-app-shell .upload-left-container{background:var(--brand-white);padding:var(--spacing-xl);display:flex;flex-direction:column;position:relative;z-index:1;box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;height:100%}.ds-app-shell .upload-right-container{background:var(--brand-white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden;height:100%;gap:var(--spacing-lg)}.ds-app-shell .upload-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg);margin-left:12.5%;line-height:1.1;letter-spacing:-.02em}.ds-app-shell .upload-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.ds-app-shell .upload-drop-zone{width:100%;max-width:500px;min-height:400px;border:3px dashed var(--border-color);border-radius:var(--border-radius-sm);background:var(--brand-white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);transition:all var(--transition-base);cursor:pointer}.ds-app-shell .upload-drop-zone:hover,.ds-app-shell .upload-drop-zone.drag-over{border-color:var(--accent-color);background:#f85a3e0d;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ds-app-shell .upload-icon{color:var(--accent-color);margin-bottom:var(--spacing-md)}.ds-app-shell .upload-drop-zone h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.ds-app-shell .upload-drop-zone p{color:var(--text-light);margin-bottom:var(--spacing-xs);font-size:var(--font-size-md)}.ds-app-shell .upload-requirements{font-size:var(--font-size-sm)!important;color:var(--accent-color)!important;font-weight:600!important;margin-bottom:var(--spacing-lg)!important}.ds-app-shell .upload-button{margin-top:var(--spacing-lg);max-width:300px}.ds-app-shell .image-preview-container,.ds-app-shell .crop-container{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.ds-app-shell .image-preview-container h3,.ds-app-shell .crop-container h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md)}.ds-app-shell .image-preview-wrapper{max-width:100%;max-height:400px;overflow:hidden;box-shadow:var(--shadow-xl);background:var(--brand-white);display:flex;align-items:center;justify-content:center}.ds-app-shell .image-preview{max-width:100%;max-height:400px;width:auto;height:auto;object-fit:contain;display:block}.ds-app-shell .image-info{margin-top:var(--spacing-sm);color:var(--text-light);font-size:var(--font-size-sm);font-weight:500}.ds-app-shell .cropper-wrapper{width:100%;max-width:500px;height:400px;overflow:hidden;box-shadow:var(--shadow-xl)}.ds-app-shell .my-cropper{width:100%!important;height:100%!important;background:var(--brand-white)!important}.ds-app-shell .ds-cropper-shell{position:relative;width:100%;height:100%}.ds-app-shell .ds-cropper-instance .advanced-cropper-wrapper__cropper,.ds-app-shell .ds-cropper-instance .advanced-cropper-background{width:100%;height:100%}.ds-app-shell .ds-cropper-instance .advanced-cropper-stencil-grid{opacity:1}.ds-app-shell .ds-cropper-handler{width:18px;height:18px;border-radius:50%;background:#e67e22;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d;opacity:1!important;display:block;pointer-events:auto;transform:translate(-50%,-50%)}.ds-app-shell .ds-cropper-handler:after,.ds-app-shell .ds-cropper-handler:before{display:none}.ds-app-shell .ds-cropper-line{background-color:#e67e22a6}.ds-app-shell .ds-cropper-overlay-area{box-shadow:0 0 0 9999px #ffffff80}.ds-app-shell .ds-cropper-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffd9;z-index:50;pointer-events:none;gap:12px;color:#333;font-weight:600}.ds-app-shell .ds-cropper-spinner{width:36px;height:36px;border:4px solid rgba(230,126,34,.25);border-top-color:#e67e22;border-radius:50%;animation:spin 1s linear infinite}.ds-app-shell .ds-cropper-placeholder{display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;text-align:center}.ds-app-shell .upload-info{background:var(--brand-white);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.ds-app-shell .upload-info h3{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md)}.ds-app-shell .upload-info ul{list-style:none;padding:0;margin:0}.ds-app-shell .upload-info li{padding:var(--spacing-xs) 0;color:var(--text-color);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);display:flex;align-items:center}.ds-app-shell .upload-info li:last-child{border-bottom:none}.ds-app-shell .upload-info li:before{content:"✓";color:var(--accent-color);font-weight:700;margin-right:var(--spacing-sm)}.ds-app-shell .action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.ds-app-shell .selection-button,.ds-app-shell .mobile-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 24px;border:2px solid #E7E3D8;border-radius:0;background:transparent;cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:66px;font-family:var(--font-button);text-decoration:none;color:var(--brand-dark)}.ds-app-shell .selection-button strong,.ds-app-shell .mobile-button strong{font-family:var(--font-button);font-weight:600;font-size:clamp(12px,calc(12px + .3vw),14px);letter-spacing:.04em;line-height:1.25;margin:0;color:var(--brand-dark);text-transform:uppercase;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.ds-app-shell .selection-button p,.ds-app-shell .mobile-button p{font-family:var(--font-button);font-weight:500;font-size:clamp(11px,calc(11px + .2vw),13px);letter-spacing:.04em;line-height:1.35;margin:0;color:var(--text-light);text-transform:uppercase;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.ds-app-shell .selection-button:hover,.ds-app-shell .selection-button:focus-visible,.ds-app-shell .selection-button:active,.ds-app-shell .mobile-button:hover,.ds-app-shell .mobile-button:focus-visible,.ds-app-shell .mobile-button:active{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .selection-button:hover strong,.ds-app-shell .selection-button:hover p,.ds-app-shell .selection-button:focus-visible strong,.ds-app-shell .selection-button:focus-visible p,.ds-app-shell .selection-button:active strong,.ds-app-shell .selection-button:active p,.ds-app-shell .mobile-button:hover strong,.ds-app-shell .mobile-button:hover p,.ds-app-shell .mobile-button:focus-visible strong,.ds-app-shell .mobile-button:focus-visible p,.ds-app-shell .mobile-button:active strong,.ds-app-shell .mobile-button:active p{color:var(--brand-white)}.ds-app-shell .selection-button.selected,.ds-app-shell .selection-button.is-active,.ds-app-shell .selection-button.active,.ds-app-shell .mobile-button.selected,.ds-app-shell .mobile-button.is-active,.ds-app-shell .mobile-button.active{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .selection-button.selected strong,.ds-app-shell .selection-button.selected p,.ds-app-shell .selection-button.is-active strong,.ds-app-shell .selection-button.is-active p,.ds-app-shell .selection-button.active strong,.ds-app-shell .selection-button.active p,.ds-app-shell .mobile-button.selected strong,.ds-app-shell .mobile-button.selected p,.ds-app-shell .mobile-button.is-active strong,.ds-app-shell .mobile-button.is-active p,.ds-app-shell .mobile-button.active strong,.ds-app-shell .mobile-button.active p{color:var(--brand-white)}.ds-app-shell .selection-button.progress-button,.ds-app-shell .mobile-button.progress-button{min-height:52px;padding:var(--spacing-xs) var(--spacing-lg);background:var(--accent-color);border-color:var(--accent-color);color:var(--brand-white)}.ds-app-shell .selection-button.progress-button strong,.ds-app-shell .selection-button.progress-button p,.ds-app-shell .mobile-button.progress-button strong,.ds-app-shell .mobile-button.progress-button p{color:var(--brand-white)}.ds-app-shell .selection-button.progress-button:hover,.ds-app-shell .selection-button.progress-button:focus-visible,.ds-app-shell .mobile-button.progress-button:hover,.ds-app-shell .mobile-button.progress-button:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark)}.ds-app-shell .mobile-button-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--brand-white)}.ds-app-shell .mobile-button-primary strong,.ds-app-shell .mobile-button-primary p{color:var(--brand-white)}.ds-app-shell .mobile-button-primary:hover,.ds-app-shell .mobile-button-primary:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark)}.ds-app-shell .selection-button:disabled,.ds-app-shell .mobile-button:disabled{background:var(--text-light);border-color:var(--text-light);color:var(--brand-white);cursor:not-allowed;opacity:.7}.ds-app-shell .selection-button:disabled strong,.ds-app-shell .selection-button:disabled p,.ds-app-shell .mobile-button:disabled strong,.ds-app-shell .mobile-button:disabled p{color:var(--brand-white)}.ds-app-shell .color-filter-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ds-app-shell .color-filter-tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:6px 14px;border:2px solid #E7E3D8;background:transparent;border-radius:0;cursor:pointer;font-family:var(--font-button);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.ds-app-shell .color-filter-tag:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:none}.ds-app-shell .color-filter-tag.selected{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none}.ds-app-shell .color-filter-label{font-size:13px;font-weight:500;font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;color:inherit}.ds-app-shell .selection-button.primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--brand-white)}.ds-app-shell .selection-button.primary strong,.ds-app-shell .selection-button.primary p{color:var(--brand-white)}.ds-app-shell .selection-button.primary:hover,.ds-app-shell .selection-button.primary:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:none}.ds-app-shell .selection-button.primary:hover strong,.ds-app-shell .selection-button.primary:hover p,.ds-app-shell .selection-button.primary:focus-visible strong,.ds-app-shell .selection-button.primary:focus-visible p{color:var(--brand-white)}.ds-app-shell .selection-button.primary:disabled{background:var(--text-light);border-color:var(--text-light);color:var(--brand-white);cursor:not-allowed;opacity:.7}.ds-app-shell .selection-button.primary:disabled strong,.ds-app-shell .selection-button.primary:disabled p{color:var(--brand-white)}.ds-app-shell .price-diff-indicator{color:inherit;font-size:inherit;font-weight:600}.ds-app-shell .price-diff-indicator--inline{display:inline-flex;align-items:center;margin-left:8px;margin-top:0}.ds-app-shell .frame-unavailable-message{margin-top:8px;color:#c1121f;font-size:13px;font-weight:500}.ds-app-shell .upload-final{margin-top:var(--spacing-md);font-size:var(--font-size-lg)!important}.ds-app-shell .upload-final.progress-button{min-height:56px}.ds-app-shell .button-content{display:flex;align-items:center;justify-content:center;gap:8px}.ds-app-shell .upload-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@media (max-width: 900px){.ds-app-shell .framing-width-grid,.ds-app-shell .compact-passepartout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ds-app-shell .compact-passepartout-option{min-height:52px;padding:10px 8px}}@media (max-width: 600px){.ds-app-shell .framing-width-grid,.ds-app-shell .compact-passepartout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ds-app-shell .compact-passepartout-option,.ds-app-shell .mat-width-options .compact-passepartout-option,.ds-app-shell .framing-width-grid .compact-passepartout-option{min-height:48px;padding:8px 6px}.ds-app-shell .framing-individual-inputs{padding:var(--config-spacing-sm)}.ds-app-shell .framing-individual-header,.ds-app-shell .framing-individual-grid{gap:var(--config-spacing-sm)}.ds-app-shell .compact-passepartout-text,.ds-app-shell .compact-passepartout-option strong,.ds-app-shell .compact-passepartout-option p,.ds-app-shell .compact-passepartout-main .price-diff-indicator{font-size:clamp(10px,2.6vw,12px);letter-spacing:.035em}}@media (max-width: 1024px){.ds-app-shell .upload-container{height:calc(100vh - 50px);margin-top:50px}.ds-app-shell .upload-left-container,.ds-app-shell .upload-right-container{padding:var(--spacing-lg)}.ds-app-shell .upload-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.ds-app-shell .upload-drop-zone{min-height:300px;padding:var(--spacing-lg)}.ds-app-shell .image-preview-wrapper{max-height:300px}.ds-app-shell .cropper-wrapper{height:300px}}@media (max-width: 768px){.ds-app-shell .upload-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.ds-app-shell .upload-left-container,.ds-app-shell .upload-right-container{padding:var(--spacing-md);height:auto;overflow:visible}.ds-app-shell .upload-area{min-height:300px}.ds-app-shell .upload-drop-zone{min-height:250px;padding:var(--spacing-md)}.ds-app-shell .upload-title{font-size:var(--font-size-xl)}.ds-app-shell .action-buttons{margin-top:var(--spacing-lg)}}.ds-app-shell .size-selection-container{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 60px);margin-top:60px;background:var(--secondary-color);position:relative;overflow:hidden}.ds-app-shell .size-input-section{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.ds-app-shell .size-input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-app-shell .size-input-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-body);font-weight:600;color:var(--primary-color);font-size:var(--font-size-md)}.ds-app-shell .label-text{font-size:var(--font-size-md);color:var(--primary-color)}.ds-app-shell .label-hint{font-size:var(--font-size-sm);color:var(--text-light);font-weight:400}.ds-app-shell .size-input-wrapper{position:relative;display:flex;align-items:center;background:var(--brand-white);border:2px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-base)}.ds-app-shell .size-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #f85a3e1a}.ds-app-shell .size-input-wrapper:hover{border-color:#f85a3e4d}.ds-app-shell .size-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);outline:none;text-align:center;min-height:56px}.ds-app-shell .size-input::placeholder{color:var(--text-light);font-weight:400}.ds-app-shell .input-unit{padding:0 var(--spacing-lg);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:500;color:var(--text-light);background:var(--brand-background);border-left:1px solid var(--border-color);min-width:50px;display:flex;align-items:center;justify-content:center;height:100%}.ds-app-shell .size-input:invalid{color:var(--accent-color)}.ds-app-shell .size-input-wrapper.error{border-color:var(--accent-color);background:#f85a3e0d}.ds-app-shell .size-input-wrapper.error .input-unit{background:#f85a3e1a;color:var(--accent-color)}.ds-app-shell .size-input-section-frame{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--brand-white);border-radius:var(--border-radius);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.ds-app-shell .size-input-section-frame .size-input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-app-shell .size-input-section-frame .size-input-wrapper{max-width:200px}@media (min-width: 768px){.ds-app-shell .size-input-section-frame{flex-direction:row;align-items:end;gap:var(--spacing-xl)}.ds-app-shell .size-input-section-frame .size-input-group{flex:1;max-width:250px}}.ds-app-shell .size-left-container{background:var(--brand-white);padding:var(--spacing-xl);display:flex;flex-direction:column;position:relative;z-index:1;box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;height:100%}.ds-app-shell .size-right-container{background:var(--brand-white);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xl);padding-left:calc(var(--spacing-xl) + 12.5%);padding-right:calc(var(--spacing-xl) + 12.5%);overflow-y:auto;overflow-x:hidden;height:100%}.ds-app-shell .size-right-container.compact-accordion{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.ds-app-shell .size-right-container.compact-accordion .framing-overview-title{margin-bottom:var(--spacing-xs)}.ds-app-shell .size-right-container.compact-accordion .section-header{margin-bottom:0}.ds-app-shell .size-right-container.compact-accordion .section-divider{margin:0}.ds-app-shell .size-right-container.compact-accordion .frame-section{margin-bottom:var(--spacing-xs)}.ds-app-shell .size-right-container.compact-accordion .frame-unified-card{gap:var(--spacing-sm)}.ds-app-shell .size-right-container.compact-accordion .digital-size-section,.ds-app-shell .size-right-container.compact-accordion .size-input-section-frame,.ds-app-shell .size-right-container.compact-accordion .passepartout-content-section,.ds-app-shell .size-right-container.compact-accordion .framing-width-grid,.ds-app-shell .size-right-container.compact-accordion .framing-color-grid,.ds-app-shell .size-right-container.compact-accordion .framing-passepartout-grid{margin-top:0;margin-bottom:0}.ds-app-shell .size-right-container.compact-accordion .selection-button-container{margin-top:var(--spacing-md)}.ds-app-shell .size-right-container.compact-accordion .size-actions{margin-top:var(--spacing-sm)}.ds-app-shell .size-right-container.compact-accordion .collapsible-section{padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-sm)}.ds-app-shell .size-right-container.compact-accordion .collapsible-section:last-of-type{margin-bottom:0}.ds-app-shell .size-right-container.compact-accordion .ds-collapsible-header{padding:var(--spacing-sm) 0;display:flex;align-items:center;min-height:56px}.ds-app-shell .size-right-container.compact-accordion .collapsible-section .collapsible-content{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.ds-app-shell .size-right-container.compact-accordion .framing-card-grid,.ds-app-shell .size-right-container.compact-accordion .framing-color-grid,.ds-app-shell .size-right-container.compact-accordion .framing-width-grid{grid-row-gap:var(--spacing-xs)}.ds-app-shell .size-right-container.compact-accordion .compact-passepartout-option,.ds-app-shell .size-right-container.compact-accordion .passepartout-option-icon,.ds-app-shell .size-right-container.compact-accordion .framing-color-card{margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.ds-app-shell .size-right-container.compact-accordion{padding:var(--spacing-lg)}}.ds-app-shell .size-selection-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg);margin-left:12.5%;line-height:1.1;letter-spacing:-.02em}.ds-app-shell .size-image-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:650px;max-height:90vh;margin-bottom:var(--spacing-md);padding:var(--spacing-xs);overflow:hidden}@media (min-width: 769px){.ds-app-shell .size-image-container{overflow:visible}}.ds-app-shell .size-image-preview{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:100%;height:100%;background:transparent;padding:var(--spacing-xs);box-sizing:border-box}.ds-app-shell .size-image-preview svg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.ds-app-shell .size-image-preview>div{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ds-app-shell .size-image-preview>div>svg{max-width:calc(100% - 2 * var(--spacing-xs));max-height:calc(100% - 2 * var(--spacing-xs));width:auto;height:auto}@media (min-width: 1024px){.ds-app-shell .size-image-container{min-height:660px;padding:0}.ds-app-shell .size-image-preview{padding:var(--spacing-xs)}.ds-app-shell .size-image-preview>div>svg{max-width:100%;max-height:100%;transform:none;transform-origin:center center}}.ds-app-shell .preview-image{max-width:calc(100% - 2 * var(--spacing-lg));max-height:calc(100% - 2 * var(--spacing-lg));width:auto;height:auto;object-fit:contain;display:block;transition:all var(--transition-base)}.ds-app-shell .error-state{text-align:center;color:var(--text-light);padding:var(--spacing-xl)}.ds-app-shell .error-state h3{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:var(--spacing-sm)}.ds-app-shell .size-info-panel{background:var(--brand-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.ds-app-shell .size-max-info,.ds-app-shell .size-current-value{margin:0;padding:var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--text-color);border-bottom:1px solid var(--border-color)}.ds-app-shell .size-current-value{border-bottom:none;color:var(--accent-color);font-weight:600}.ds-app-shell .size-controls{flex:1}.ds-app-shell .size-controls h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.ds-app-shell .size-description{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);line-height:1.5}.ds-app-shell .size-slider-section{margin-bottom:var(--spacing-xl)}.ds-app-shell .size-slider-container{position:relative;margin:var(--spacing-lg) 0}.ds-app-shell .size-slider{width:100%;height:8px;border-radius:0;background:var(--border-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ds-app-shell .size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:3px solid var(--brand-white);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.ds-app-shell .size-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.ds-app-shell .size-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:3px solid var(--brand-white);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.ds-app-shell .size-slider-ticks{position:relative;height:50px;margin-top:var(--spacing-sm)}.ds-app-shell .size-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.ds-app-shell .size-tick:before{content:"";width:2px;height:8px;background:var(--text-light);margin-bottom:4px}.ds-app-shell .size-tick-label{font-size:var(--font-size-xs);color:var(--text-color);font-weight:600;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;margin-bottom:2px}.ds-app-shell .size-tick-desc{font-size:10px;color:var(--text-light);white-space:nowrap;transform:rotate(-45deg);transform-origin:center;margin-top:2px}.ds-app-shell .size-tick.current-category{z-index:2;background:rgba(var(--accent-color-rgb),.1);border-radius:8px;padding:4px 8px;box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.2)}.ds-app-shell .size-tick.current-category:before{background:var(--accent-color);width:4px;height:16px;box-shadow:0 0 4px rgba(var(--accent-color-rgb),.4)}.ds-app-shell .size-tick.current-category .size-tick-label{color:var(--accent-color);font-weight:700;font-size:var(--font-size-sm);text-shadow:0 1px 2px rgba(0,0,0,.1)}.ds-app-shell .size-tick.current-category .size-tick-desc{color:var(--accent-color);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.ds-app-shell .size-tick.out-of-range{opacity:.5}.ds-app-shell .size-tick.out-of-range:before{background:var(--text-light);opacity:.6}.ds-app-shell .size-tick.out-of-range .size-tick-label{color:var(--text-light);font-style:italic}.ds-app-shell .size-tick.out-of-range .size-tick-desc{color:var(--text-light);opacity:.7}.ds-app-shell .current-size-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent-color-light),var(--accent-color-lighter));border-radius:var(--border-radius);border-left:4px solid var(--accent-color);box-shadow:var(--shadow-sm)}.ds-app-shell .size-category-current{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.ds-app-shell .size-category-current .category-label{color:var(--text-light);font-weight:500}.ds-app-shell .size-category-current .category-name{color:var(--accent-color);font-weight:700;font-size:var(--font-size-md)}.ds-app-shell .size-category-current .category-size{color:var(--text-color);font-weight:500;font-style:italic}.ds-app-shell .size-categories{background:var(--brand-white);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.ds-app-shell .size-categories h4{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md)}.ds-app-shell .size-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.ds-app-shell .size-category-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-base)}.ds-app-shell .size-category-item:hover{border-color:var(--accent-color);background:#f85a3e0d}.ds-app-shell .category-name{font-weight:600;color:var(--primary-color);font-size:var(--font-size-sm);margin-bottom:2px}.ds-app-shell .category-desc{font-size:var(--font-size-xs);color:var(--text-light)}.ds-app-shell .size-actions{padding-top:8px}.ds-app-shell .size-error-msg{color:var(--accent-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center;font-weight:500}@media (max-width: 1024px){.ds-app-shell .size-selection-container{height:calc(100vh - 50px);margin-top:50px}.ds-app-shell .size-left-container{padding:var(--spacing-lg)}.ds-app-shell .size-right-container{padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 12.5%);padding-right:calc(var(--spacing-lg) + 12.5%)}.ds-app-shell .size-right-container.compact-accordion{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.ds-app-shell .size-selection-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.ds-app-shell .size-category-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 768px){.ds-app-shell .size-selection-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.ds-app-shell .size-left-container{padding:var(--spacing-md);height:auto;overflow:visible}.ds-app-shell .size-right-container{padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + 12.5%);padding-right:calc(var(--spacing-md) + 12.5%);height:auto;overflow:visible}.ds-app-shell .size-right-container.compact-accordion{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.ds-app-shell .size-image-container{min-height:300px;margin-bottom:var(--spacing-md);background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.ds-app-shell .your-frame-mobile-preview-section .size-image-container{min-height:350px;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ds-app-shell .your-frame-mobile-preview-section .size-image-preview{width:100%;height:100%;min-height:300px;background:#fff;border-radius:4px;position:relative}.ds-app-shell .your-frame-mobile-preview-section .size-image-preview svg{max-width:95%!important;max-height:95%!important;width:auto!important;height:auto!important;display:block!important;margin:auto!important}.ds-app-shell .your-frame-mobile-preview-section .size-image-preview>div{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:300px!important}.ds-app-shell .size-selection-title{font-size:var(--font-size-xl)}.ds-app-shell .size-category-grid{grid-template-columns:repeat(2,1fr)}.ds-app-shell .size-tick-label{transform:none;font-size:10px}.ds-app-shell .size-input-section{gap:var(--spacing-md)}.ds-app-shell .size-input{font-size:var(--font-size-md);min-height:48px}.ds-app-shell .input-unit{min-width:45px;font-size:var(--font-size-sm)}.ds-app-shell .individual-mat-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.ds-app-shell .mat-input{min-height:40px;font-size:var(--font-size-sm)}}.ds-app-shell .selection-container{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 80px);margin-top:0;background:var(--secondary-color);position:relative;overflow:hidden;max-width:100%}.ds-app-shell .selection-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(248,90,62,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,61,59,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.ds-app-shell .selection-left-container{background:var(--brand-white);padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;height:100%}.ds-app-shell .selection-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin:0 auto var(--spacing-lg);width:100%;max-width:420px;line-height:1.1;letter-spacing:-.02em}.ds-app-shell .selection-left-container .selection-button-container{margin:0 auto;align-self:center}.ds-app-shell .selection-left-container .selection-canvas-options{margin-left:auto;margin-right:auto}.ds-app-shell .selection-button-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:420px}.ds-app-shell .selection-button-container .button-spacer{display:none}.ds-app-shell .size-right-container .selection-button-container{margin-top:var(--spacing-xl);margin-left:0}.ds-app-shell .slider-wrapper{position:relative;margin-bottom:var(--spacing-md)}.ds-app-shell .slider-category-ticks{position:relative;height:40px;margin-top:8px;margin-bottom:12px}.ds-app-shell .category-tick{display:flex;flex-direction:column;align-items:center;pointer-events:none}.ds-app-shell .tick-mark{width:2px;height:16px;background-color:#66666673;margin-bottom:4px;border-radius:1px}.ds-app-shell .tick-label{font-size:11px;color:#666;font-weight:500;text-align:center;white-space:nowrap;background:#ffffffe6;padding:2px 4px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.ds-app-shell .current-category-display{text-align:center;margin:var(--spacing-sm) 0;padding:8px 12px;background:rgba(var(--brand-primary-rgb),.1);border-radius:6px;border:1px solid rgba(var(--brand-primary-rgb),.2)}.ds-app-shell .current-category-display span{font-size:14px;color:#333}.ds-app-shell .current-category-display strong{color:var(--brand-primary);font-weight:600}.ds-app-shell .slider-category-lines{position:absolute;right:0;bottom:0;left:0;top:4px;pointer-events:none}.ds-app-shell .slider-category-line{position:absolute;width:2px;height:36px;transform:translate(-50%);background:#66666659;border-radius:1px}.ds-app-shell .button-spacer{height:var(--spacing-md);width:100%;flex-shrink:0}.ds-app-shell .selection-button{width:100%;box-shadow:none}.ds-app-shell .selection-button:before{display:none}.ds-app-shell .selection-button:hover{transform:none;box-shadow:none}.ds-app-shell .selection-canvas-options .selection-button{padding:var(--spacing-sm) var(--spacing-md);min-height:64px;font-size:var(--font-size-sm)}.ds-app-shell .selection-canvas-options .selection-button:hover{transform:none}.ds-app-shell .selection-canvas-options{display:none;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:420px;margin-top:var(--spacing-md);padding-left:var(--spacing-md);animation:slideInFromLeft .3s ease}.ds-app-shell .selection-canvas-options.show{display:flex}.ds-app-shell .selection-canvas-options .selection-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);min-height:60px}.ds-app-shell .selection-canvas-options .selection-button strong{font-size:var(--font-size-sm)}.ds-app-shell .selection-canvas-options .selection-button p{font-size:12px;letter-spacing:.06em}.ds-app-shell .selection-canvas-options .selection-button:hover{box-shadow:none}.ds-app-shell .selection-right-container{background:var(--brand-white);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color var(--transition-slow);padding:var(--spacing-xl);overflow:hidden;height:100%}.ds-app-shell .selection-right-container img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);transition:all var(--transition-slow);object-fit:contain;display:block}.ds-app-shell .selection-right-container img:hover{transform:scale(1.02)}.ds-app-shell .preview-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:100%;overflow:hidden;margin:0 auto}.ds-app-shell .preview-content.centered{justify-content:center;margin:0 auto}.ds-app-shell .preview-placeholder{text-align:center;color:var(--text-light);max-width:300px}.ds-app-shell .preview-placeholder h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary-color)}.ds-app-shell .preview-placeholder p{font-family:var(--font-body);font-size:var(--font-size-lg);line-height:1.5;opacity:.8;font-weight:400}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.ds-app-shell .site-header{height:50px}.ds-app-shell .site-title{font-size:1.5em}.ds-app-shell .selection-container{height:calc(100vh - 50px);margin-top:0}.ds-app-shell .selection-left-container{padding:var(--spacing-lg)}.ds-app-shell .selection-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.ds-app-shell .selection-button{min-height:80px;padding:var(--spacing-md) var(--spacing-lg)}.ds-app-shell .selection-button.progress-button{min-height:56px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 768px){.ds-app-shell .selection-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ds-app-shell .selection-left-container{padding:var(--spacing-lg);min-height:auto}.ds-app-shell .selection-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.ds-app-shell .selection-button-container,.ds-app-shell .selection-canvas-options{max-width:100%}.ds-app-shell .selection-button{font-size:var(--font-size-md)}.ds-app-shell .selection-button strong{font-size:var(--font-size-lg)}.ds-app-shell .selection-canvas-options{padding-left:var(--spacing-md);margin-top:var(--spacing-md)}.ds-app-shell .selection-right-container{min-height:50vh;padding:var(--spacing-lg)}.ds-app-shell .preview-placeholder h2{font-size:var(--font-size-xl)}.ds-app-shell .preview-placeholder p{font-size:var(--font-size-md)}}@media (max-width: 480px){.ds-app-shell .selection-left-container{padding:var(--spacing-md)}.ds-app-shell .selection-title{font-size:var(--font-size-2xl)}.ds-app-shell .selection-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.ds-app-shell .selection-button.progress-button{padding:var(--spacing-sm) var(--spacing-lg);min-height:56px}.ds-app-shell .selection-button strong{font-size:var(--font-size-md)}.ds-app-shell .selection-right-container{padding:var(--spacing-md)}}.ds-app-shell .selection-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){.ds-app-shell .selection-button,.ds-app-shell .selection-button:hover{border:none}}@media (prefers-reduced-motion: reduce){.ds-app-shell *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ds-app-shell .title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg)}.ds-app-shell .section-header-selected-width{margin-left:12px;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text-light)}.ds-app-shell .section-subheader{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--spacing-sm)}.ds-app-shell .product-gallery{margin-top:0;padding:0;background:transparent;border-radius:0;box-shadow:none;width:100%}.ds-app-shell .gallery-container{display:flex;flex-direction:column;gap:0;margin-top:0;width:100%}.ds-app-shell .gallery-image-wrapper{position:relative;width:100%;border-radius:0;overflow:hidden}.ds-app-shell .gallery-image{width:100%;height:auto;object-fit:cover;border:none;border-radius:0;display:block}.ds-app-shell .desktop-gallery-preview{position:relative;background:var(--brand-white);border:1px solid var(--border-color);border-radius:0;overflow:visible;padding:var(--spacing-sm)}.ds-app-shell .desktop-gallery-preview .desktop-gallery-image{width:100%;height:100%;object-fit:contain;cursor:pointer;display:block}.ds-app-shell .desktop-gallery-preview .desktop-gallery-svg{width:100%;height:100%;cursor:pointer}.ds-app-shell .desktop-gallery-svg{display:flex;align-items:center;justify-content:center}.ds-app-shell .desktop-gallery-svg svg{width:92%!important;height:92%!important;max-width:92%!important;max-height:92%!important;display:block!important;margin:0 auto!important}.ds-app-shell .desktop-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#383d3b80;color:#fff;border:none;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);z-index:2;box-shadow:0 4px 8px #383d3b26}.ds-app-shell .desktop-gallery-nav:hover{background:#383d3bcc;transform:translateY(-50%) scale(1.05);box-shadow:0 8px 16px #383d3b33}.ds-app-shell .desktop-gallery-nav:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.ds-app-shell .desktop-gallery-nav-prev{left:var(--spacing-lg)}.ds-app-shell .desktop-gallery-nav-next{right:var(--spacing-lg)}@media (max-width: 1200px){.ds-app-shell .desktop-gallery-nav-prev{left:var(--spacing-md)}.ds-app-shell .desktop-gallery-nav-next{right:var(--spacing-md)}}@media (max-width: 900px){.ds-app-shell .desktop-gallery-nav-prev{left:var(--spacing-sm)}.ds-app-shell .desktop-gallery-nav-next{right:var(--spacing-sm)}}.ds-app-shell .product-gallery.desktop-product-gallery{margin-top:var(--spacing-sm);padding:0;display:flex;justify-content:center;width:100%}.ds-app-shell .desktop-gallery-strip{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scrollbar-width:thin;justify-content:center;width:100%;margin:0 auto}.ds-app-shell .desktop-gallery-strip::-webkit-scrollbar{height:6px}.ds-app-shell .desktop-gallery-strip::-webkit-scrollbar-track{background:#e7e3d866}.ds-app-shell .desktop-gallery-strip::-webkit-scrollbar-thumb{background:#383d3b59;border-radius:999px}.ds-app-shell .desktop-gallery-thumb{display:flex;flex-direction:column;align-items:center;gap:6px;width:110px;flex:0 0 110px;border:1px solid var(--border-color);background:var(--brand-white);padding:10px;cursor:pointer;transition:border var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;text-align:center;line-height:1.3}.ds-app-shell .desktop-gallery-thumb img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;display:block;border-radius:0}.ds-app-shell .desktop-gallery-thumb-svg{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:var(--brand-white)}.ds-app-shell .desktop-gallery-thumb-svg svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important}.ds-app-shell .desktop-gallery-thumb-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light)}.ds-app-shell .desktop-gallery-thumb.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #f85a3e26}.ds-app-shell .desktop-gallery-thumb:hover{transform:translateY(-2px);box-shadow:0 6px 12px #383d3b1f}.ds-app-shell .desktop-gallery-thumb:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.ds-app-shell .right-container{background:var(--brand-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:0;overflow:hidden;height:calc(100vh - 2 * var(--spacing-lg));display:flex;flex-direction:column;transition:background-color .3s ease}.ds-app-shell .right-container img{max-width:80%;max-height:80%}.ds-app-shell .product-list{width:100%;height:100%;overflow-y:auto}.ds-app-shell .product-list h2{margin-bottom:var(--spacing-md);color:var(--primary-color)}.ds-app-shell .products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--grid-gap-lg);margin-top:var(--spacing-lg);max-height:600px;overflow-y:auto;padding:var(--spacing-sm)}.ds-app-shell .product-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-md);background-color:#fff;box-shadow:var(--shadow-sm);transition:var(--button-transition);display:flex;flex-direction:column}.ds-app-shell .product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ds-app-shell .product-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-color)}.ds-app-shell .product-id,.ds-app-shell .product-handle{font-size:var(--font-size-sm);color:#666;margin:var(--spacing-xs) 0}.ds-app-shell .loading{display:flex;justify-content:center;align-items:center;height:200px}.ds-app-shell .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:0;width:30px;height:30px;animation:spin 1s linear infinite}.ds-app-shell .error-container{background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:var(--border-radius-sm);padding:15px;margin:20px 0}.ds-app-shell .error-container h3{color:#d32f2f;margin-top:0}.ds-app-shell .error-container button{background-color:#2196f3;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;margin-top:10px;font-weight:500}.ds-app-shell .error-container button:hover{background-color:#0d8aee}.ds-app-shell .success-message{background-color:#e8f5e9;border:1px solid #a5d6a7;border-radius:var(--border-radius-sm);padding:15px;margin:20px 0;text-align:center;grid-column:1 / -1}.ds-app-shell .success-message p{margin:5px 0;color:#2e7d32}.ds-app-shell .text-center{text-align:center}.ds-app-shell .frame-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--border-radius-sm);background:var(--secondary-color)}.ds-app-shell .frame-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ds-app-shell .frame-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:#000000b3;color:#fff;font-size:12px;font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.ds-app-shell .frame-option:hover .frame-title-overlay{opacity:1}.ds-app-shell .frame-option:hover .frame-image{transform:scale(1.05)}.ds-app-shell .size-info-section{background:#fff;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-sm);transition:transform .2s ease}.ds-app-shell .size-info-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ds-app-shell .size-info-section.highlight{background:var(--accent-color);color:#fff}.ds-app-shell .size-info-section.highlight strong{color:#fff}.ds-app-shell .size-detail{font-size:1.1em;margin-top:var(--spacing-xs)}.ds-app-shell .image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ds-app-shell .image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.ds-app-shell .image-modal-close{position:absolute;top:-50px;left:0;background:var(--brand-white);border:none;color:var(--brand-dark);width:44px;height:44px;border-radius:50%;font-size:24px;font-weight:700;font-family:var(--font-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:10000;line-height:1;padding:0}.ds-app-shell .image-modal-close:hover{background:var(--brand-dark);color:var(--brand-white);border-color:var(--brand-dark);transform:scale(1.1)}.ds-app-shell .image-modal-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);background:var(--brand-white)}@media (max-width: 768px){.ds-app-shell .image-modal-close{top:-60px;right:0;left:auto;width:40px;height:40px;font-size:20px}.ds-app-shell .image-modal-overlay{padding:var(--spacing-sm)}}.ds-app-shell .frame-option.hover,.ds-app-shell .passepartout-option-icon.hover,.ds-app-shell .compact-passepartout-option.hover{transform:none;box-shadow:none;background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .frame-option.selected,.ds-app-shell .passepartout-option-icon.selected,.ds-app-shell .compact-passepartout-option.selected{border-color:var(--brand-dark);background-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .product-description-content{line-height:1.6;color:var(--text-color)}.ds-app-shell .product-description-content p{margin-bottom:var(--spacing-sm)}.ds-app-shell .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.ds-app-shell .loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.ds-app-shell .frame-grid,.ds-app-shell .passepartout-options-grid,.ds-app-shell .mat-width-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ds-app-shell .frame-title-overlay{opacity:1;font-size:.8em}.ds-app-shell .size-info-section{padding:var(--spacing-xs)}.ds-app-shell .size-detail{font-size:1em}}.ds-app-shell .product-image{width:100%;height:150px;object-fit:cover}.ds-app-shell .no-image{color:var(--text-color);font-size:.9em;text-align:center;padding:var(--spacing-sm)}.ds-app-shell .site-header{text-align:center;padding:var(--spacing-sm) 0;background:var(--brand-background);border-bottom:2px solid #000000;margin-bottom:0;position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;display:flex;align-items:center;justify-content:center}.ds-app-shell .site-title{margin:0;font-size:1.8em;font-weight:700}.ds-app-shell .site-title a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.ds-app-shell .site-title a:hover{color:var(--primary-color)}.ds-app-shell .frame-type-card{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;transition:all .2s ease}.ds-app-shell .frame-type-card h4{font-size:.9em;margin:0 0 4px;text-align:center;color:var(--text-color)}.ds-app-shell .frame-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ds-app-shell .frame-type-card.selected{border-color:var(--accent-color);background-color:var(--hover-color)}.ds-app-shell .canvas-options button{width:100%;margin:10px 0;padding:20px;border:none;border-radius:0;background:#e7e3d8;color:var(--brand-dark);box-shadow:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-button);font-weight:500}.ds-app-shell .canvas-options button:hover{background:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:var(--shadow-sm)}.ds-app-shell .individual-icon{width:40px;height:40px;border:4px solid #333;position:relative;display:flex;align-items:center;justify-content:center}.ds-app-shell .individual-icon:before{content:"";position:absolute;width:24px;height:24px;border:2px solid #666;background:#fff}.ds-app-shell .individual-icon:after{content:"";position:absolute;width:16px;height:16px;background:#777}.ds-app-shell .individual-mat-inputs{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--brand-white);border-radius:var(--border-radius);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.ds-app-shell .individual-mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.ds-app-shell .individual-mat-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-app-shell .mat-input-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-body);font-weight:600;color:var(--primary-color);font-size:var(--font-size-sm)}.ds-app-shell .mat-input-wrapper{position:relative;display:flex;align-items:center;background:var(--brand-white);border:2px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-base)}.ds-app-shell .mat-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #f85a3e1a}.ds-app-shell .mat-input-wrapper:hover{border-color:#f85a3e4d}.ds-app-shell .mat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:600;color:var(--primary-color);outline:none;text-align:center;min-height:44px}.ds-app-shell .mat-input::placeholder{color:var(--text-light);font-weight:400}.ds-app-shell .button-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ds-app-shell .button-container button{width:100%;padding:var(--button-padding-lg);border:2px solid #E7E3D8;border-radius:0;background:transparent;color:var(--brand-dark);box-shadow:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-button);font-size:var(--button-font-size-md);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-app-shell .button-container button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:none}.ds-app-shell .canvas-options button{width:100%;padding:var(--button-padding-lg);border:2px solid #E7E3D8;border-radius:0;background:transparent;color:var(--brand-dark);box-shadow:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-button);font-size:var(--button-font-size-md);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-app-shell .canvas-options button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:none}.ds-app-shell .frame-selector{margin-bottom:var(--spacing-lg)}.ds-app-shell .frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--grid-gap-sm);margin-top:var(--spacing-sm)}.ds-app-shell .frame-option{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xs);cursor:pointer;transition:var(--button-transition);background:#fff;position:relative;overflow:hidden}.ds-app-shell .frame-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ds-app-shell .frame-option.selected{border-color:var(--accent-color);background-color:var(--hover-color)}.ds-app-shell .frame-option img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius) - 2px)}.ds-app-shell .passepartout-section{margin:var(--spacing-md) 0}.ds-app-shell .passepartout-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--grid-gap-sm);margin-top:var(--spacing-sm)}.ds-app-shell .passepartout-option-icon{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:0;border:2px solid #E7E3D8;background:transparent;cursor:pointer;transition:var(--button-transition);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-button);color:var(--brand-dark);min-width:140px;min-height:56px}.ds-app-shell .passepartout-label{font-family:var(--font-button);font-size:12.8px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:inherit}.ds-app-shell .passepartout-section h3{font-size:1em;margin-bottom:8px;color:var(--text-color)}.ds-app-shell .mat-width-section{margin:var(--spacing-lg) 0}.ds-app-shell .mat-width-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--grid-gap-sm);margin-top:var(--spacing-sm);align-items:stretch}.ds-app-shell .size-info{background:var(--secondary-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-lg) 0}.ds-app-shell .size-info h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.2em}.ds-app-shell .size-info>div{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:calc(var(--border-radius) - 2px);box-shadow:var(--shadow-sm)}.ds-app-shell .size-info strong{color:var(--primary-color);display:block;margin-bottom:var(--spacing-xs)}.ds-app-shell .product-description-container{background:var(--secondary-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-lg) 0}.ds-app-shell .product-description-content{background:#fff;padding:var(--spacing-md);border-radius:calc(var(--border-radius) - 2px);box-shadow:var(--shadow-sm)}.ds-app-shell .add-to-cart-btn{width:100%;padding:var(--button-padding-lg);background:var(--accent-color);color:var(--brand-white);border:none;border-radius:0;font-size:var(--button-font-size-lg);font-weight:500;font-family:var(--font-button);cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-lg)}.ds-app-shell .add-to-cart-btn:hover:not(:disabled){background:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:var(--shadow-sm)}.ds-app-shell .add-to-cart-btn:disabled{background:var(--brand-background);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media (max-width: 1200px){.ds-app-shell .container{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.ds-app-shell .left-container,.ds-app-shell .right-container{height:auto;position:relative;top:0}.ds-app-shell .left-container{margin-bottom:var(--spacing-lg)}.ds-app-shell .button-container button,.ds-app-shell .canvas-options button{padding:var(--button-padding-md);font-size:var(--button-font-size-md)}}@media (max-width: 768px){.ds-app-shell .container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.ds-app-shell .left-container,.ds-app-shell .right-container{padding:var(--spacing-sm)}.ds-app-shell .title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.ds-app-shell .section-header{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.ds-app-shell .frame-grid,.ds-app-shell .passepartout-options-grid,.ds-app-shell .mat-width-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--grid-gap-sm)}.ds-app-shell .frame-title-overlay{opacity:1;font-size:var(--font-size-xs)}.ds-app-shell .size-info-section{padding:var(--spacing-xs)}.ds-app-shell .size-detail{font-size:var(--font-size-md)}.ds-app-shell .button-container button,.ds-app-shell .canvas-options button{padding:var(--button-padding-sm);font-size:var(--button-font-size-sm)}.ds-app-shell .products-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--grid-gap-sm)}.ds-app-shell .digital-upload-preview-container{min-height:250px}}@media (max-width: 480px){.ds-app-shell .container,.ds-app-shell .left-container,.ds-app-shell .right-container{padding:var(--spacing-xs)}.ds-app-shell .title{font-size:var(--font-size-lg)}.ds-app-shell .frame-grid,.ds-app-shell .passepartout-options-grid,.ds-app-shell .mat-width-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ds-app-shell .products-container,.ds-app-shell .individual-mat-grid{grid-template-columns:1fr}}.ds-app-shell .mb-sm{margin-bottom:var(--spacing-sm)}.ds-app-shell .mb-md{margin-bottom:var(--spacing-md)}.ds-app-shell .mb-lg{margin-bottom:var(--spacing-lg)}.ds-app-shell .mt-sm{margin-top:var(--spacing-sm)}.ds-app-shell .mt-md{margin-top:var(--spacing-md)}.ds-app-shell .mt-lg{margin-top:var(--spacing-lg)}.ds-app-shell .product-card.selected:not(.passepartout-card){border:3px solid #007bff;background-color:#007bff0d;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.ds-app-shell .mat-color-section{margin:20px 0}.ds-app-shell .mat-color-section.hidden{display:none}.ds-app-shell .mat-color-section h3{margin-bottom:15px;color:#333;font-size:18px;font-weight:600}.ds-app-shell .mat-color-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:15px}.ds-app-shell .mat-color-option{display:flex;flex-direction:column;align-items:center;padding:10px;border:none;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.ds-app-shell .mat-color-option:hover{border:2px solid #007bff;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ds-app-shell .mat-color-option.selected{border:2px solid #007bff;background-color:#007bff0d;box-shadow:0 4px 6px #0000001a}.ds-app-shell .mat-color-preview{width:80px;height:80px;border-radius:0;overflow:hidden;margin-bottom:8px;border:1px solid #ddd}.ds-app-shell .mat-color-image{width:100%;height:100%;object-fit:cover;display:block}.ds-app-shell .mat-color-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;font-size:12px;color:#666;text-align:center;padding:8px}.ds-app-shell .mat-color-label{font-size:14px;font-weight:500;color:#333;text-align:center;margin-top:5px}.ds-app-shell .mat-color-option .selected-indicator{position:absolute;top:5px;right:5px;background-color:#007bff;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ds-app-shell .mat-width-section{margin:20px 0}.ds-app-shell .mat-width-section.hidden{display:none}.ds-app-shell .individual-mat-inputs{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.ds-app-shell .individual-mat-inputs h4{margin:0 0 15px;color:#333}.ds-app-shell .individual-mat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ds-app-shell .individual-mat-input{display:flex;flex-direction:column}.ds-app-shell .individual-mat-input label{font-weight:500;margin-bottom:5px;color:#555}.ds-app-shell .individual-mat-input input{padding:8px;border:1px solid #ddd;border-radius:0;font-size:14px}.ds-app-shell .individual-mat-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ds-app-shell .skeleton{background-color:#f8f9fa;border:1px solid #e9ecef;animation:skeleton-loading 1.5s ease-in-out infinite alternate}@keyframes skeleton-loading{0%{opacity:1}to{opacity:.6}}.ds-app-shell .skeleton-title{height:20px;background-color:#e9ecef;border-radius:0;margin-bottom:10px}.ds-app-shell .skeleton-image{height:120px;background-color:#e9ecef;border-radius:0;margin-bottom:10px}.ds-app-shell .skeleton-price{height:16px;background-color:#e9ecef;border-radius:0;width:60%}.ds-app-shell .frame-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.ds-app-shell .product-card{border:2px solid transparent;border-radius:var(--border-radius-sm);padding:15px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;text-align:center}.ds-app-shell .product-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.ds-app-shell .product-card h4{margin:0 0 10px;font-size:1.1em;color:#333}.ds-app-shell .product-image-container{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background-color:#f8f9fa;border-radius:var(--border-radius-sm)}.ds-app-shell .product-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-sm)}.ds-app-shell .no-image{color:#666;font-size:.9em}.ds-app-shell .product-price{font-weight:700;color:#007bff;margin-top:8px}.ds-app-shell .passepartout-section{margin:20px 0;padding:20px;border:1px solid #eee;border-radius:var(--border-radius-sm);background-color:#fafafa}.ds-app-shell .passepartout-variant-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-top:15px}.ds-app-shell .product-description-container{margin:20px 0;padding:20px;border:1px solid #eee;border-radius:var(--border-radius-sm);background-color:#f9f9f9}.ds-app-shell .product-description-container h3{margin-top:0;margin-bottom:15px;color:#333}.ds-app-shell .product-description-content{line-height:1.5;color:#555}.ds-app-shell .products-section{margin-bottom:20px}.ds-app-shell .info-container{padding:20px;border:1px solid #eee;border-radius:var(--border-radius-sm);background-color:#fff;margin-bottom:20px}.ds-app-shell .moulding-name{margin:0 0 15px;color:#007bff;font-size:1.4em;font-weight:600;transition:all .3s ease;border-left:4px solid #007bff;padding-left:12px}.ds-app-shell .divider{height:1px;background-color:#eee;margin:15px 0}.ds-app-shell .size-info{margin:15px 0;color:#555}.ds-app-shell .price{font-size:1.3em;font-weight:700;color:#007bff;margin:15px 0;padding:10px;background-color:#007bff0d;border-radius:var(--border-radius-sm);border:1px solid rgba(0,123,255,.2);text-align:center;transition:all .3s ease}.ds-app-shell .add-to-cart-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1em;cursor:pointer}.ds-app-shell .add-to-cart-btn:disabled{background-color:#ccc;cursor:not-allowed}.ds-app-shell .add-to-cart-btn:hover:not(:disabled){background-color:#0056b3}.ds-app-shell .art-container{width:90%;max-width:90%;margin:0 auto 20px;height:auto;min-height:300px;position:relative;display:flex;justify-content:center;align-items:center}.ds-app-shell .art-container svg{width:100%;height:auto;max-width:100%;display:block}.ds-app-shell .loading{display:flex;justify-content:center;align-items:center;padding:20px}.ds-app-shell .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.ds-app-shell .no-preview{padding:20px;text-align:center;color:#666}.ds-app-shell .error-message{padding:20px;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:10px}.ds-app-shell .product-card,.ds-app-shell .passepartout-option-icon,.ds-app-shell .compact-passepartout-option,.ds-app-shell .loading-spinner{will-change:transform}.ds-app-shell .product-card:focus,.ds-app-shell .passepartout-option-icon:focus,.ds-app-shell .compact-passepartout-option:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){.ds-app-shell .frame-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.ds-app-shell .mat-width-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:stretch}.ds-app-shell .mat-width-options .compact-passepartout-option,.ds-app-shell .framing-width-grid .compact-passepartout-option{width:100%;min-height:52px;padding:10px 8px}.ds-app-shell .individual-mat-grid{grid-template-columns:1fr}.ds-app-shell .passepartout-variant-grid{gap:10px}.ds-app-shell .passepartout-option-icon{min-width:80px;padding:10px}.ds-app-shell .mat-color-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.ds-app-shell .mat-color-option{padding:8px}.ds-app-shell .mat-color-preview{width:60px;height:60px}}@media (max-width: 480px){.ds-app-shell .frame-cards-grid{grid-template-columns:1fr}.ds-app-shell .mat-width-options{grid-template-columns:1fr;justify-content:stretch}.ds-app-shell .passepartout-variant-grid{flex-direction:column;align-items:center}.ds-app-shell .mat-color-options{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.ds-app-shell .mat-color-option{padding:6px}.ds-app-shell .mat-color-preview{width:50px;height:50px}.ds-app-shell .mat-color-label{font-size:12px}}.ds-app-shell .digital-upload-preview{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.ds-app-shell{--framing-primary: #2563eb;--framing-secondary: #f1f5f9;--framing-success: #10b981;--framing-warning: #f59e0b;--framing-error: #ef4444;--step-active: var(--framing-primary);--step-completed: var(--framing-success);--step-pending: #94a3b8;--card-border-radius: 0px;--card-shadow: 0 2px 4px -1px rgba(0, 0, 0, .1);--card-shadow-hover: 0 6px 10px -2px rgba(0, 0, 0, .1);--card-shadow-selected: 0 0 0 2px rgba(37, 99, 235, .1);--config-spacing-xs: 9.6px;--config-spacing-sm: 12.8px;--config-spacing-md: 19.2px;--config-spacing-lg: 25.6px;--config-spacing-xl: 38.4px;--text-heading: #1e293b;--text-body: #475569;--text-muted: #64748b;--text-light: #94a3b8}.ds-app-shell .framing-sticky-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border-color);padding:var(--config-spacing-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}@media (min-width: 768px){.ds-app-shell .framing-sticky-header{padding:var(--config-spacing-md);background:var(--brand-white);border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width: 1024px){.ds-app-shell .framing-sticky-header{position:static;top:auto;z-index:auto}}.ds-app-shell .framing-header-content{display:grid;grid-template-columns:1fr auto;gap:var(--config-spacing-md);align-items:center;max-width:100%}.ds-app-shell .framing-title-section h2{font-size:20px;font-weight:600;color:var(--framing-primary);margin:0 0 3.2px;line-height:1.3}.ds-app-shell .framing-size-info{font-size:14px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:8px}.ds-app-shell .framing-size-badge{background:var(--framing-secondary);color:var(--text-body);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.ds-app-shell .framing-price-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--config-spacing-sm)}.ds-app-shell .framing-price{font-size:20px;font-weight:700;color:var(--framing-primary);margin:0;line-height:1}.ds-app-shell .framing-wizard{padding:var(--config-spacing-md);max-width:100%}.ds-app-shell .framing-step{margin-bottom:var(--config-spacing-md);opacity:.6;transition:opacity .3s ease}.ds-app-shell .framing-step.active,.ds-app-shell .framing-step.completed{opacity:1}.ds-app-shell .framing-step.disabled{opacity:.4;pointer-events:none}.ds-app-shell .framing-step-header{display:flex;align-items:center;gap:var(--config-spacing-sm);margin-bottom:var(--config-spacing-sm);cursor:pointer}.ds-app-shell .framing-step-number{display:none}.ds-app-shell .framing-step.active .framing-step-number{background:var(--step-active);box-shadow:var(--card-shadow-selected)}.ds-app-shell .framing-step.completed .framing-step-number{background:var(--step-completed)}.ds-app-shell .framing-step.completed .framing-step-number:before{content:"✓"}.ds-app-shell .framing-step-title{font-size:14px;font-weight:600;color:var(--text-heading);margin:0}.ds-app-shell .framing-step-subtitle{font-size:10.4px;color:var(--text-muted);margin:3.2px 0 0}.ds-app-shell .framing-step-content{margin-left:calc(24px + var(--config-spacing-sm));padding-left:var(--config-spacing-sm);border-left:2px solid var(--border-color)}.ds-app-shell .framing-step.active .framing-step-content{border-left-color:var(--step-active)}.ds-app-shell .framing-step.completed .framing-step-content{border-left-color:var(--step-completed)}.ds-app-shell .framing-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--config-spacing-sm);margin-top:var(--config-spacing-sm)}.ds-app-shell .framing-card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--config-spacing-xs)}.ds-app-shell .framing-card{background:#fff;border:2px solid var(--border-color);border-radius:0;padding:var(--config-spacing-xs);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.ds-app-shell .framing-card:hover{border-color:var(--framing-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.ds-app-shell .framing-card.selected{border-color:var(--framing-primary);background:linear-gradient(135deg,#2563eb0d,#2563eb05);box-shadow:var(--card-shadow-selected)}.ds-app-shell .framing-card:not(.selected){box-shadow:none;transform:none}.ds-app-shell .framing-card.selected:before{display:none!important;content:none!important;height:20px;background:var(--framing-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;z-index:2}.ds-app-shell .framing-card-image{width:100%;height:70px;object-fit:cover;border-radius:var(--border-radius-sm);margin-bottom:var(--config-spacing-xs);background:var(--framing-secondary);display:flex;align-items:center;justify-content:center}.ds-app-shell .framing-card-title{font-size:12px;font-weight:600;font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 3.2px;line-height:1.3}.ds-app-shell .framing-card-subtitle{font-size:11.2px;font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin:0 0 auto}.ds-app-shell .framing-card-price{font-size:10.4px;font-weight:600;color:var(--framing-primary);margin-top:var(--config-spacing-xs);padding-top:var(--config-spacing-xs);border-top:1px solid var(--border-color)}.ds-app-shell .framing-passepartout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--config-spacing-sm);margin-top:var(--config-spacing-sm);width:100%}.ds-app-shell .framing-passepartout-card{background:transparent;border:2px solid #E7E3D8;border-radius:0;padding:var(--config-spacing-sm);cursor:pointer;transition:var(--button-transition);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;color:var(--brand-dark);box-shadow:none}.ds-app-shell .framing-passepartout-card:hover,.ds-app-shell .framing-passepartout-card:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none;outline:none}.ds-app-shell .framing-passepartout-card.selected{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none}.ds-app-shell .framing-passepartout-card.selected:before{display:none!important}.ds-app-shell .framing-passepartout-icon{width:32px;height:32px;margin:0 auto calc(var(--config-spacing-xs) * .5);display:flex;align-items:center;justify-content:center;color:inherit}.ds-app-shell .framing-passepartout-icon svg{fill:currentColor;stroke:currentColor}.ds-app-shell .framing-passepartout-label{font-size:12px;font-weight:600;font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;color:inherit}.ds-app-shell .framing-color-grid{display:flex;flex-wrap:wrap;gap:var(--config-spacing-md);margin-top:calc(var(--config-spacing-xs) * .5);justify-content:flex-start}.ds-app-shell .framing-color-option{display:flex;flex-direction:column;align-items:center;gap:var(--config-spacing-xs)}.ds-app-shell .framing-color-card{background:#fff;border:1px solid var(--border-color);border-radius:0;padding:calc(var(--config-spacing-xs) * .75);cursor:pointer;transition:all .2s ease;text-align:center;position:relative;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.ds-app-shell .framing-color-card:hover{border:1px solid var(--border-color);box-shadow:none;transform:none}.ds-app-shell .framing-color-card.selected{border:2px solid var(--accent-color);background:#fff}.ds-app-shell .framing-color-card:not(.selected){box-shadow:none;transform:none}.ds-app-shell .framing-color-preview{width:24px;height:24px;border-radius:var(--border-radius-sm);margin-bottom:3.2px;border:1px solid var(--border-color);overflow:hidden}.ds-app-shell .framing-color-preview img{width:100%;height:100%;object-fit:cover}.ds-app-shell .framing-color-name{margin-top:6px;font-size:12px;text-align:center;color:var(--text-color-secondary)}.ds-app-shell .framing-color-label{font-size:8.8px;font-weight:500;color:var(--text-body);line-height:1.2}.ds-app-shell .framing-color-name{font-size:12px;font-weight:500;color:var(--text-body);line-height:1.2;text-align:center}.ds-app-shell .framing-color-grid-minimal{display:flex;flex-wrap:wrap;gap:4px;row-gap:8px;margin-top:calc(var(--config-spacing-xs) * .5);justify-content:flex-start}@media (min-width: 769px){.ds-app-shell .framing-color-grid-minimal{row-gap:45px;position:relative}}.ds-app-shell .framing-color-tile-container{position:relative;display:inline-block}.ds-app-shell .framing-color-tile{width:32px;height:32px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;transition:none;transform:none}.ds-app-shell .framing-color-tile:hover{transform:none;box-shadow:none;border:none}.ds-app-shell .framing-color-tile.selected{box-shadow:0 0 0 2px var(--accent-color)}.ds-app-shell .framing-color-tile img{width:100%;height:100%;object-fit:cover;border-radius:4px}.ds-app-shell .framing-color-name-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-app-shell .framing-color-tile-container:hover .framing-color-name-tooltip{opacity:1}@media (min-width: 769px){.ds-app-shell .framing-color-tile-container:has(.framing-color-tile.selected) .framing-color-name-tooltip{opacity:1;background:transparent;color:#1e293b;font-weight:500;padding:0;bottom:-22px;font-size:12px;text-align:center}}@media (max-width: 768px){.ds-app-shell .framing-color-tile-container:has(.framing-color-tile.selected) .framing-color-name-tooltip{opacity:0}}.ds-app-shell .mobile-color-tiles-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:flex-start}.ds-app-shell .mobile-color-tile-wrapper{position:relative;display:inline-block}.ds-app-shell .mobile-color-tile{width:40px;height:40px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;transition:none;transform:none}.ds-app-shell .mobile-color-tile:hover{transform:none;box-shadow:none;border:none}.ds-app-shell .mobile-color-tile.selected{box-shadow:0 0 0 2px var(--accent-color)}.ds-app-shell .mobile-color-tile img{width:100%;height:100%;object-fit:cover;border-radius:4px}.ds-app-shell .mobile-color-name-tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-app-shell .mobile-color-tile-wrapper:hover .mobile-color-name-tooltip{opacity:1}.ds-app-shell .mobile-color-tile-wrapper:has(.mobile-color-tile.selected) .mobile-color-name-tooltip{opacity:1}.ds-app-shell .framing-width-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:8px;align-items:stretch}.ds-app-shell .framing-width-grid .compact-passepartout-option{width:100%;min-height:48px;gap:var(--spacing-xxs, 4px)}.ds-app-shell .framing-width-grid .compact-passepartout-option strong{font-size:clamp(10.88px,1.8vw,14.4px);line-height:1.25;max-width:100%;white-space:nowrap;letter-spacing:.045em}.ds-app-shell .framing-width-grid .compact-passepartout-option p{font-size:clamp(8.96px,1.4vw,11.52px);line-height:1.25;max-width:100%;white-space:nowrap;letter-spacing:.045em}.ds-app-shell .framing-individual-inputs{background:var(--brand-white, #ffffff);border-radius:0;padding:var(--config-spacing-md);margin-top:var(--config-spacing-md);border:1px solid var(--border-color);box-shadow:0 18px 32px #0f172a14}.ds-app-shell .framing-individual-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--config-spacing-md);margin-bottom:var(--config-spacing-md)}.ds-app-shell .framing-individual-header-text{display:flex;flex-direction:column;gap:6px}.ds-app-shell .framing-individual-title{font-size:clamp(15.2px,2.1vw,16.8px);font-weight:600;color:var(--text-heading);margin:0}.ds-app-shell .framing-individual-subtitle{font-size:clamp(12px,1.9vw,14px);color:var(--text-light);margin:0}.ds-app-shell .framing-individual-pills{display:flex;align-items:center;gap:var(--config-spacing-xs);flex-wrap:wrap}.ds-app-shell .framing-individual-pill{display:inline-flex;align-items:center;padding:clamp(3px,.8vw,4px) clamp(8px,2vw,12px);border:1px solid var(--border-color);border-radius:999px;font-size:clamp(10.4px,1.7vw,12px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--brand-white, #ffffff)}.ds-app-shell .framing-individual-pill--accent{border-color:var(--accent-color);color:var(--accent-color);background:#f85a3e14}.ds-app-shell .framing-individual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--config-spacing-md)}.ds-app-shell .framing-input-group{display:flex;flex-direction:column;gap:8px}.ds-app-shell .framing-input-group--sides{grid-column:span 2}.ds-app-shell .framing-input-label{font-size:clamp(12px,1.8vw,14px);font-weight:500;color:var(--text-body);display:flex;flex-direction:column;gap:2px}.ds-app-shell .framing-input-direction{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(10.4px,1.6vw,12px);color:var(--text-heading)}.ds-app-shell .framing-input-hint{font-size:clamp(10.4px,1.6vw,12px);color:var(--text-light)}.ds-app-shell .framing-input-wrapper{position:relative;display:flex;align-items:center;background:var(--brand-white, #ffffff);border:2px solid var(--border-color);border-radius:0;overflow:hidden;transition:all .2s ease}.ds-app-shell .framing-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #f85a3e26}.ds-app-shell .framing-input-wrapper:hover{border-color:#f85a3e59}.ds-app-shell .framing-input{flex:1;padding:clamp(8.8px,1.8vw,12px);border:none;background:transparent;font-size:clamp(13.6px,2.2vw,16px);font-weight:600;color:var(--text-heading);outline:none;text-align:center}.ds-app-shell .framing-input::placeholder{color:var(--text-light);font-weight:400}.ds-app-shell .framing-input-unit{padding:0 clamp(8.8px,1.6vw,12px);font-size:clamp(10.4px,1.6vw,12px);font-weight:600;color:var(--text-muted);background:var(--framing-secondary);border-left:1px solid var(--border-color);min-width:clamp(36px,10vw,44px);display:flex;align-items:center;justify-content:center;height:100%}.ds-app-shell .framing-individual-warnings{margin-top:var(--config-spacing-sm);color:#c1121f;font-size:13px;display:flex;flex-direction:column;gap:4px}.ds-app-shell .framing-collapsible{border:1px solid var(--border-color);border-radius:0;margin-bottom:var(--config-spacing-md);overflow:hidden}.ds-app-shell .framing-collapsible-header{background:var(--framing-secondary);padding:var(--config-spacing-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.ds-app-shell .framing-collapsible-header:hover{background:#e2e8f0}.ds-app-shell .framing-collapsible-title{font-size:16px;font-weight:600;color:var(--text-heading);margin:0}.ds-app-shell .framing-collapsible-icon{width:20px;height:20px;transition:transform .2s ease}.ds-app-shell .framing-collapsible.open .framing-collapsible-icon{transform:rotate(180deg)}.ds-app-shell .framing-collapsible-content{padding:var(--config-spacing-md);background:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease}.ds-app-shell .framing-collapsible.open .framing-collapsible-content{max-height:500px}@media (max-width: 1024px){.ds-app-shell .framing-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.ds-app-shell .framing-header-content{grid-template-columns:1fr;text-align:center;gap:var(--config-spacing-sm)}.ds-app-shell .framing-price-section{align-items:center}.ds-app-shell .framing-card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--config-spacing-xs)}.ds-app-shell .framing-wizard{padding:var(--config-spacing-sm)}.ds-app-shell .framing-step-content{margin-left:0;padding-left:0;border-left:none;padding-top:var(--config-spacing-sm)}.ds-app-shell .framing-passepartout-grid{grid-template-columns:repeat(2,1fr);gap:var(--config-spacing-xs)}.ds-app-shell .framing-color-grid,.ds-app-shell .framing-width-grid{justify-content:center}.ds-app-shell .framing-individual-grid{grid-template-columns:1fr}.ds-app-shell .framing-individual-header{flex-direction:column;align-items:flex-start;gap:var(--config-spacing-sm)}.ds-app-shell .framing-individual-pills{width:100%}.ds-app-shell .framing-input-group--sides{grid-column:span 1}}@media (max-width: 480px){.ds-app-shell .framing-card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--config-spacing-xs)}.ds-app-shell .framing-step-header{flex-direction:column;text-align:center;gap:8px}.ds-app-shell .framing-step-number{width:24px;height:24px;font-size:10px}.ds-app-shell .framing-sticky-header{padding:var(--config-spacing-sm)}.ds-app-shell .framing-wizard{padding:var(--config-spacing-xs)}.ds-app-shell .framing-passepartout-grid,.ds-app-shell .framing-color-grid,.ds-app-shell .framing-width-grid{gap:var(--config-spacing-xs)}.ds-app-shell .framing-passepartout-grid{grid-template-columns:repeat(2,1fr)}.ds-app-shell .framing-passepartout-card{min-height:80px}.ds-app-shell .framing-color-card{width:60px}}.ds-app-shell .digital-upload-preview-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--secondary-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);overflow:hidden;min-height:300px}.ds-app-shell .btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;font-family:var(--font-button);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base);text-align:center;line-height:1.5;position:relative;overflow:visible;background:var(--brand-background);color:var(--brand-dark)}.ds-app-shell .btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.ds-app-shell .btn-sm{padding:var(--button-padding-sm);font-size:var(--button-font-size-sm)}.ds-app-shell .btn-md{padding:var(--button-padding-md);font-size:var(--button-font-size-md)}.ds-app-shell .btn-lg{padding:var(--button-padding-lg);font-size:var(--button-font-size-lg)}.ds-app-shell .btn-primary{background:var(--accent-color);color:var(--brand-white)}.ds-app-shell .btn-primary:hover:not(:disabled){background:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:var(--shadow-sm)}.ds-app-shell .btn-secondary{background:#e7e3d8;color:var(--brand-dark)}.ds-app-shell .btn-secondary:hover:not(:disabled){background:var(--brand-dark);color:var(--brand-white);transform:none;box-shadow:var(--shadow-sm)}.ds-app-shell .btn-outline{background:transparent;color:var(--brand-dark)}.ds-app-shell .btn-outline:hover:not(:disabled){background:#e7e3d8;color:var(--brand-dark);transform:none;box-shadow:var(--shadow-sm)}.ds-app-shell .form-input{font-family:var(--font-body);padding:var(--input-padding);border:1px solid var(--border-color);border-radius:var(--input-border-radius);font-size:var(--input-font-size);background:var(--brand-white);color:var(--text-color);transition:all var(--transition-base);width:100%}.ds-app-shell .form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #f85a3e1a}.ds-app-shell .form-input:hover{border-color:#f85a3e4d}.ds-app-shell .form-input:disabled{background-color:var(--secondary-color);color:var(--text-light);cursor:not-allowed}.ds-app-shell .file-input-wrapper{margin-bottom:var(--spacing-md)}.ds-app-shell .file-input-wrapper input[type=file]{width:100%;padding:var(--spacing-sm);border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--secondary-color);cursor:pointer;transition:var(--button-transition)}.ds-app-shell .file-input-wrapper input[type=file]:hover{border-color:var(--accent-color);background-color:var(--hover-color)}.ds-app-shell .title{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg);text-align:center}.ds-app-shell .section-header{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-md)}.ds-app-shell .section-subheader{font-size:var(--font-size-lg);font-weight:500;color:var(--text-color);margin-bottom:var(--spacing-sm)}.ds-app-shell .cropper-container{position:relative;display:block;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;direction:ltr;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ds-app-shell .cropper-background-transparent{background:transparent!important}.ds-app-shell .cropper-background-transparent .cropper-modal{background-color:transparent!important}.ds-app-shell .digital-upload-preview-container,.ds-app-shell .my-cropper,.ds-app-shell .cropper-container{background:#fff!important}.ds-app-shell .my-cropper .cropper-background,.ds-app-shell .my-cropper .cropper-modal{background:transparent!important}.ds-app-shell .product-card.selected:not(.passepartout-card){border:2px solid #007bff}.ds-app-shell .passepartout-card.selected{border:2px solid #28a745}.ds-app-shell .add-to-cart-btn{position:relative;transition:background-color .3s ease,opacity .3s ease}.ds-app-shell .compact-passepartout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:stretch}.ds-app-shell .compact-passepartout-wrapper{width:100%}.ds-app-shell .compact-passepartout-option{width:100%;min-height:48px;padding:10px 8px;background:transparent;border:2px solid #E7E3D8;border-radius:0;cursor:pointer;transition:var(--button-transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-family:var(--font-button);color:var(--brand-dark);position:relative}.ds-app-shell .compact-passepartout-main{display:inline-flex;align-items:center;justify-content:center;gap:8px}.ds-app-shell .compact-passepartout-main .price-diff-indicator{font-size:clamp(9.92px,1.5vw,13.6px)}.ds-app-shell .compact-passepartout-option:hover,.ds-app-shell .compact-passepartout-option:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none;transform:none;outline:none}.ds-app-shell .compact-passepartout-option.selected{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none}.ds-app-shell .passepartout-info-trigger{display:none}@media (hover: hover) and (pointer: fine){.ds-app-shell .passepartout-info-trigger{display:inline-flex;position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;border:1px solid currentColor;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:inherit;background:#ffffffe6;box-shadow:0 2px 6px #0000001a;cursor:default}.ds-app-shell .passepartout-info-icon{line-height:1}.ds-app-shell .passepartout-info-trigger .passepartout-info-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;width:240px;background:#fff;border:1px solid #E7E3D8;box-shadow:0 12px 24px #0000001f;border-radius:6px;padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:200}.ds-app-shell .passepartout-info-trigger:hover .passepartout-info-tooltip,.ds-app-shell .passepartout-info-trigger:focus-within .passepartout-info-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.ds-app-shell .passepartout-info-tooltip img{width:100%;height:auto;display:block;border-radius:4px}}.ds-app-shell .compact-passepartout-text{font-size:clamp(9.92px,1.5vw,13.6px);font-weight:600;color:inherit;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;line-height:1.25;max-width:100%}.ds-app-shell .framing-width-grid .compact-passepartout-option{font-family:var(--font-body);letter-spacing:0;text-transform:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.ds-app-shell .framing-width-grid .mat-width-label{font-weight:600;font-size:clamp(9.92px,1.5vw,13.6px);line-height:1.3;text-transform:none}.ds-app-shell .mat-width-label-group{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.ds-app-shell .mat-width-label-group .price-diff-indicator{margin-left:0;font-size:clamp(12px,2.1vw,15px)}.ds-app-shell .framing-width-grid .mat-width-description{font-size:clamp(10.5px,1.8vw,13px);line-height:1.3;color:var(--text-light);margin:0;text-transform:none}.ds-app-shell .framing-width-grid .compact-passepartout-option strong,.ds-app-shell .framing-width-grid .compact-passepartout-option p{letter-spacing:0;font-family:inherit;text-transform:none;color:inherit}.ds-app-shell .compact-frame-carousel{position:relative;width:100%}.ds-app-shell .compact-frame-grid{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;align-items:stretch;width:100%;padding:6px 36px 18px;overflow-x:auto;scrollbar-width:thin;scroll-behavior:smooth}.ds-app-shell .compact-frame-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;border:1px solid rgba(56,61,59,.16);background:#fffffff2;box-shadow:0 6px 12px #383d3b1f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);font-size:20px;transition:background var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base);z-index:5}.ds-app-shell .compact-frame-nav:hover{background:#f85a3e1a;box-shadow:0 8px 16px #f85a3e2e}.ds-app-shell .compact-frame-nav:focus-visible{outline:2px solid rgba(248,90,62,.45);outline-offset:2px}.ds-app-shell .compact-frame-nav:disabled{opacity:.35;cursor:default;box-shadow:none}.ds-app-shell .compact-frame-nav-left{left:4px}.ds-app-shell .compact-frame-nav-right{right:4px}.ds-app-shell .compact-frame-grid::-webkit-scrollbar{height:6px}.ds-app-shell .compact-frame-grid::-webkit-scrollbar-track{background:#e7e3d84d}.ds-app-shell .compact-frame-grid::-webkit-scrollbar-thumb{background:#383d3b40;border-radius:999px}.ds-app-shell .compact-frame-wrapper{flex:0 0 auto;display:flex;justify-content:center}.ds-app-shell .compact-frame-card{width:110px;border:1px solid var(--border-color);border-radius:0;background:#fff;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-align:center;font:inherit;overflow:hidden}.ds-app-shell .compact-frame-card:hover,.ds-app-shell .compact-frame-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 12px #383d3b1f;border-color:#f85a3e40}.ds-app-shell .compact-frame-card.unavailable{cursor:not-allowed;opacity:.55;filter:grayscale(85%);box-shadow:none}.ds-app-shell .compact-frame-card.unavailable:hover,.ds-app-shell .compact-frame-card.unavailable:focus-visible{transform:none;box-shadow:none;border-color:var(--border-color);outline:none}.ds-app-shell .compact-frame-card.unavailable.selected:before{display:none}.ds-app-shell .compact-frame-unavailable-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#383d3bc7;color:#fff;font-size:12px;font-weight:600;text-align:center;line-height:1.35;pointer-events:none}.ds-app-shell .compact-frame-card:focus-visible{outline:2px solid rgba(248,90,62,.35);outline-offset:2px}.ds-app-shell .compact-frame-card.selected{border-color:var(--brand-dark);box-shadow:0 8px 16px #383d3b2e;background:linear-gradient(180deg,#383d3b14,#fffffff5)}.ds-app-shell .compact-frame-card.selected:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--brand-dark)}.ds-app-shell .compact-frame-card.loading{pointer-events:none}.ds-app-shell .compact-frame-visual{width:100%;height:92px;border-radius:0;background:#e7e3d833;display:flex;align-items:flex-end;justify-content:center;padding:10px 0 12px;position:relative;overflow:hidden}.ds-app-shell .compact-frame-visual:after{content:none}.ds-app-shell .compact-frame-image{width:22px;height:66px;border-radius:0;overflow:hidden;box-shadow:0 4px 10px #0000001f;background:linear-gradient(180deg,#fffffff2,#eeeeeef2);display:block}.ds-app-shell .compact-frame-image img{width:100%;height:100%;object-fit:cover;display:block}.ds-app-shell .compact-frame-visual[data-width=thin] .compact-frame-image{width:16px}.ds-app-shell .compact-frame-visual[data-width=medium] .compact-frame-image{width:24px}.ds-app-shell .compact-frame-visual[data-width=thick] .compact-frame-image{width:32px}.ds-app-shell .compact-frame-visual[data-width=extra-thick] .compact-frame-image{width:42px}.ds-app-shell .compact-frame-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-light);background:#ffffff73}.ds-app-shell .compact-frame-meta{display:flex;flex-direction:column;gap:4px;align-items:center;width:100%;opacity:1;transform:none;pointer-events:auto;margin-top:8px}.ds-app-shell .compact-frame-title{font-family:var(--font-button);font-size:12px;font-weight:600;color:var(--brand-dark);line-height:1.3;min-height:2.2em;letter-spacing:.08em;text-transform:uppercase;text-align:center}.ds-app-shell .compact-frame-card.loading .compact-frame-title.placeholder{width:80%;height:9px;border-radius:999px;background:linear-gradient(90deg,#f0f0f0b3 25%,#e1e1e1b3,#f0f0f0b3 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.ds-app-shell .compact-frame-image-placeholder{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:0}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.ds-app-shell .your-frame-mobile-container-scrollable .compact-passepartout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-app-shell .compact-passepartout-grid{gap:8px}.ds-app-shell .compact-passepartout-option{width:100%;min-height:56px;padding:10px 6px}.ds-app-shell .compact-passepartout-text{font-size:12px;letter-spacing:.04em}.ds-app-shell .compact-passepartout-main .price-diff-indicator{font-size:12px}.ds-app-shell .framing-color-name{font-size:11.2px}.ds-app-shell .compact-frame-grid{gap:10px;padding:6px 12px 16px}.ds-app-shell .compact-frame-card{width:100px;padding:8px 6px}.ds-app-shell .compact-frame-visual{height:78px}.ds-app-shell .compact-frame-title{font-size:11.2px;min-height:2em}.ds-app-shell .compact-frame-nav{display:none}}.ds-app-shell .passepartout-option-icon{cursor:pointer;padding:12px 16px;border-radius:0;border:2px solid #E7E3D8;background:transparent;transition:var(--button-transition);font-family:var(--font-button);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}.ds-app-shell .passepartout-option-icon:hover,.ds-app-shell .passepartout-option-icon:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none;outline:none}.ds-app-shell .passepartout-option-icon.selected{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);box-shadow:none}.ds-app-shell .passepartout-option-icon[data-type=ohne].selected{background:var(--brand-dark)}.ds-app-shell .mat-width-section{margin:20px 0;display:none}.ds-app-shell .mat-width-section h3{margin-bottom:15px}.ds-app-shell .mat-width-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--grid-gap-sm);justify-content:center}.ds-app-shell .mat-width-options .compact-passepartout-option{width:100%;min-height:56px;padding:12px 10px;gap:var(--spacing-xs)}.ds-app-shell .mat-width-options .compact-passepartout-option strong{font-size:clamp(12px,2.2vw,15.2px);line-height:1.25;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.ds-app-shell .mat-width-options .compact-passepartout-option p{font-size:clamp(10px,1.7vw,12.8px);line-height:1.25;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.ds-app-shell .left-container{display:block!important;overflow-y:auto!important;padding-bottom:50px}.ds-app-shell .product-gallery{margin-top:0;padding:0;border:none;width:100%;max-width:100%}.ds-app-shell .gallery-container{display:flex;flex-direction:column;gap:0;width:100%}.ds-app-shell .gallery-image{width:100%;height:auto;border:none;border-radius:0;display:block}.ds-app-shell .gallery-image-wrapper{position:relative;width:100%;margin-bottom:0}.ds-app-shell #artContainer{width:90%;max-width:90%;margin:0 auto 20px;height:auto;min-height:300px;position:relative;display:flex;justify-content:center;align-items:center}.ds-app-shell #artContainer svg{width:100%;height:auto;max-width:100%;display:block}.ds-app-shell .shopify-section-header{width:100%;background:#e7e3d8!important;position:sticky;top:0;z-index:100;border-bottom:1px solid #E7E3D8}.ds-app-shell .header-wrapper{width:100%;background:#e7e3d8!important;border-bottom:1px solid #E7E3D8}.ds-app-shell .header-section--padding{padding-top:12px;padding-bottom:12px}.ds-app-shell .header{display:flex;align-items:center;justify-content:center;position:relative;min-height:calc(80px * var(--ds-header-scale));width:100%;max-width:1600px;margin:0 auto;background:transparent}@media (max-width: 768px){.ds-app-shell .shopify-section-header{position:static}}.ds-app-shell .header__left,.ds-app-shell .header__right{flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;min-width:120px}.ds-app-shell .header__right{justify-content:flex-end}.ds-app-shell .header__heading{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0 calc(40px * var(--ds-header-scale))}.ds-app-shell .header__heading-link{text-decoration:none;display:flex;align-items:center}.ds-app-shell .header__heading-logo{height:var(--header-logo-height)!important;max-height:var(--header-logo-height)!important;margin:0 calc(40px * var(--ds-header-scale));width:auto}.ds-app-shell .header__inline-menu{flex:2 1 0;display:flex;align-items:center;justify-content:center;gap:var(--header-menu-gap)}.ds-app-shell .list-menu{list-style:none;display:flex;align-items:center;gap:var(--header-menu-gap);margin:0;padding:0}.ds-app-shell .list-menu--inline{flex-wrap:wrap;gap:var(--header-menu-gap)}.ds-app-shell .header__menu-item{font-family:var(--font-navigation-family, var(--font-body));font-size:var(--font-navigation-size, calc(17.6px * var(--ds-header-scale)));text-transform:uppercase;letter-spacing:var(--header-letter-spacing);color:#383d3b;font-weight:400;background:transparent;transition:color .2s;padding:0 var(--header-menu-gap);height:calc(48px * var(--ds-header-scale));display:flex;align-items:center;border:none;box-shadow:none}.ds-app-shell .header__menu-item:hover{color:#f85a3e;text-decoration:underline}.ds-app-shell .label{font-size:1em;font-weight:600;letter-spacing:.2em}.ds-app-shell .h2{font-family:inherit;font-weight:700;color:#f85a3e;font-size:32px;letter-spacing:-.02em}.ds-app-shell .header__icon{color:#383d3b;margin:0 var(--header-icon-gap);background:transparent;position:relative;width:calc(35.2px * var(--ds-header-scale));height:calc(35.2px * var(--ds-header-scale));display:flex;align-items:center;justify-content:center}.ds-app-shell .header__icon:hover{background:#0000000d}.ds-app-shell .icon{width:24px;height:24px;display:block}.ds-app-shell .header__icon .icon{width:calc(24px * var(--ds-header-scale));height:calc(24px * var(--ds-header-scale))}.ds-app-shell .cart-count-bubble{background:#f85a3e!important;color:#fff!important;font-size:13.6px!important;min-width:1.3em!important;height:1.3em!important;border-radius:50%!important;top:-.7em!important;right:-.7em!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;font-weight:600;box-shadow:0 1px 4px #383d3b14;border:2px solid #E7E3D8}@media (max-width: 1024px){.ds-app-shell .header{min-height:calc(60px * var(--ds-header-scale))}.ds-app-shell .header__heading{margin:0 16px}.ds-app-shell .list-menu{gap:19.2px}.ds-app-shell .header__menu-item{padding:0 19.2px;font-size:var(--font-navigation-size, calc(17.6px * var(--ds-header-scale)))}.ds-app-shell .header__heading-logo{margin:0 19.2px;height:36px!important;max-height:36px!important}}@media (max-width: 600px){.ds-app-shell .header{flex-direction:column;min-height:calc(60px * var(--ds-header-scale));padding:0 8px}.ds-app-shell .header__left,.ds-app-shell .header__right{min-width:0;flex:1 1 0}.ds-app-shell .header__inline-menu{flex:1 1 100%;margin:0;width:100%}.ds-app-shell .list-menu{flex-wrap:wrap;gap:16px}.ds-app-shell .header__heading{margin:0 8px}.ds-app-shell .header__menu-item{padding:0 11.2px;font-size:var(--font-navigation-size, calc(17.6px * var(--ds-header-scale)))}.ds-app-shell .header__heading-logo{margin:0 11.2px;height:28px!important;max-height:28px!important}}@media (max-width: 480px){.ds-app-shell .header{flex-direction:column;min-height:50px;padding:0 4px}.ds-app-shell .header__heading{margin:0 4px}.ds-app-shell .list-menu{gap:8px}}html[data-designer-proxy=true] .shopify-section-header .header{padding-top:1rem;padding-bottom:1rem;min-height:auto}html[data-designer-proxy=true] .shopify-section-header .header__menu-item{font-size:var(--font-navigation-size, 1.2rem);letter-spacing:var(--header-letter-spacing, .18em)}html[data-designer-proxy=true] #shopify-section-footer .footer,html[data-designer-proxy=true] .shopify-section-footer .footer{font-size:1.8rem;line-height:calc(1 + .8/max(.1,var(--font-body-scale, 1)))}.ds-app-shell .shopify-section-header-sticky{z-index:100;position:sticky;top:0}.ds-app-shell .shopify-section-header-sticky .header{padding-top:16px;padding-bottom:16px}.ds-app-shell .shopify-section-header-sticky .header-wrapper--border-bottom{box-shadow:none}.ds-app-shell .shopify-section-header-hidden{transform:translateY(calc(-100% - 1.6px))}.ds-app-shell .shopify-section-header-sticky:not(.shopify-section-header-hidden) .header:after{content:"";position:absolute;right:24px;bottom:0;left:24px;z-index:-2;height:32px;border-radius:100%;box-shadow:0 0 64px rgba(var(--color-foreground),.2)}.ds-app-shell .shopify-section-header{position:relative;z-index:100}.ds-app-shell .header-wrapper{position:relative;background-color:rgb(var(--color-header-background));border-bottom:1.6px solid rgb(var(--color-header-border))}.ds-app-shell .header-wrapper--border-bottom{border-bottom:1.6px solid rgb(var(--color-header-border))}.ds-app-shell .header-wrapper--uppercase .header__menu-item{text-transform:uppercase;letter-spacing:.2em}.ds-app-shell .header-section--padding{padding-top:19.2px;padding-bottom:19.2px}.ds-app-shell .header{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-areas:"left-icon heading icons" "navigation navigation navigation";align-items:center;gap:24px;max-width:1920px;margin:0 auto;padding:0 24px}.ds-app-shell .header__left,.ds-app-shell .header__right{display:flex;align-items:center;gap:24px}.ds-app-shell .header__heading{margin:0;grid-area:heading;justify-self:center}.ds-app-shell .header__heading-link{display:block;text-decoration:none}.ds-app-shell .header__heading-logo{height:auto;max-height:64px;width:auto;display:block}.ds-app-shell .header__inline-menu{grid-area:navigation;justify-self:center}.ds-app-shell .header__inline-menu-split{display:flex;justify-content:center}.ds-app-shell .list-menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:24px}.ds-app-shell .list-menu--inline{display:inline-flex;flex-wrap:wrap;column-gap:24px}.ds-app-shell .header__menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;text-decoration:none;color:rgb(var(--color-header-foreground));font-family:var(--font-navigation-family, var(--font-body));font-size:var(--font-navigation-size, calc(17.6px * var(--ds-header-scale)));font-weight:500;line-height:calc(1 + .4 / var(--font-body-scale, 1));transition:color var(--duration-default) ease;position:relative}.ds-app-shell .header__menu-item:hover{color:rgba(var(--color-header-foreground),.7)}.ds-app-shell .header__menu-item--top{padding:8px 0}.ds-app-shell .header__active-menu-item{color:rgba(var(--color-header-foreground),.7)}.ds-app-shell .label{position:relative}.ds-app-shell .h2{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1.2;margin:0}.ds-app-shell .header__icon{display:flex;align-items:center;justify-content:center;width:calc(70.4px * var(--ds-header-scale));height:calc(70.4px * var(--ds-header-scale));padding:0;border:none;background:transparent;color:rgb(var(--color-header-foreground));cursor:pointer;transition:color var(--duration-default) ease;position:relative}.ds-app-shell .header__icon:hover{color:rgba(var(--color-header-foreground),.7)}.ds-app-shell .header__icon--summary{display:flex;align-items:center;justify-content:center;position:relative}.ds-app-shell .icon{width:24px;height:24px;fill:currentColor}.ds-app-shell .cart-count-bubble{position:absolute;top:calc(8px * var(--ds-header-scale));right:calc(8px * var(--ds-header-scale));background-color:rgb(var(--accent-color, 248, 90, 62));color:rgb(var(--color-header-background));border-radius:50%;min-width:calc(28.8px * var(--ds-header-scale));height:calc(28.8px * var(--ds-header-scale));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1}.ds-app-shell .menu-drawer-container{position:relative}.ds-app-shell .menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;z-index:100;left:0;top:0;width:calc(100% - (64px * var(--ds-header-scale)));padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;height:100%}.ds-app-shell .menu-drawer-container summary.header__icon--menu:after{content:"";display:block;position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:none;transition:opacity var(--duration-long) ease;background-color:rgba(var(--color-overlay),.5)}.ds-app-shell .menu-drawer-container summary.header__icon--menu:focus:after,.ds-app-shell .menu-drawer-container summary.header__icon--menu:hover:after{opacity:1;pointer-events:visible}.ds-app-shell .menu-drawer__inner-container{position:relative;height:100%}.ds-app-shell .menu-drawer__navigation-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin}.ds-app-shell .menu-drawer__navigation{flex:1 1 auto;overflow-x:hidden;margin-top:calc(96px * var(--ds-header-scale));border-top:calc(1.6px * var(--ds-header-scale)) solid rgb(var(--color-border))}.ds-app-shell .menu-drawer__menu{padding-inline-start:calc(32px * var(--ds-header-scale));list-style:none;margin:0}.ds-app-shell .menu-drawer__menu-item{font-family:var(--font-navigation-family, var(--font-body));flex:0 0 100%;font-size:calc(28.8px * var(--ds-header-scale));padding:calc(24px * var(--ds-header-scale)) 0;text-decoration:none;color:rgb(var(--color-link));display:flex;align-items:center;justify-content:space-between;border-bottom:calc(1.6px * var(--ds-header-scale)) solid rgb(var(--color-border));transition:color var(--duration-default) ease}.ds-app-shell .menu-drawer__menu-item:hover,.ds-app-shell .menu-drawer__menu-item--active{color:rgba(var(--color-link),.7)}.ds-app-shell .menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:rgb(var(--color-background));box-shadow:0 0 0 3.2px rgb(var(--color-border));z-index:1;transform:translate(100%);visibility:hidden}.ds-app-shell .menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.ds-app-shell .menu-drawer__topbar{display:flex;border-bottom:1.6px solid rgb(var(--color-border))}.ds-app-shell .menu-drawer__close-button{flex:0 0 72px;display:flex;align-items:center;justify-content:center;transform:rotate(180deg);padding:0;border:none;cursor:pointer;background-color:transparent;color:rgb(var(--color-link))}.ds-app-shell .menu-drawer__topbar .menu-drawer__menu-item{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start;font-size:28.8px;padding:24px 35.2px;padding-inline-start:0;border-bottom:0}.ds-app-shell .menu-drawer__topbar .menu-drawer__menu-item:before{content:"";height:32px;border-inline-start:1.6px solid rgb(var(--color-border));padding-inline-end:24px}.ds-app-shell .menu-drawer__utility-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:8px;column-gap:24px;padding:24px;border-top:1.6px solid rgb(var(--color-border))}.ds-app-shell .menu-drawer__account{display:flex;align-items:center;gap:8px;text-decoration:none;color:rgb(var(--color-link));font-size:22.4px}.ds-app-shell .list-social{display:flex;gap:16px;list-style:none;margin:0;padding:0}.ds-app-shell .list-social__link{display:flex;align-items:center;justify-content:center;width:51.2px;height:51.2px;color:rgb(var(--color-link));text-decoration:none;transition:color var(--duration-default) ease}.ds-app-shell .list-social__link:hover{color:rgba(var(--color-link),.7)}.ds-app-shell .dropdown{position:relative}.ds-app-shell .list-menu-dropdown{min-width:320px;max-width:416px;width:max-content;position:absolute;z-index:101;opacity:0;visibility:hidden;padding-top:32px;padding-bottom:32px;top:100%;left:50%;transform:translate(-50%);background-color:rgb(var(--color-header-background));border:1.6px solid rgb(var(--color-header-border));border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.ds-app-shell .dropdown:hover .list-menu-dropdown{opacity:1;visibility:visible}.ds-app-shell .list-menu-dropdown .list-menu{flex-direction:column;gap:0}.ds-app-shell .list-menu-dropdown .header__menu-item{padding:11.2px 48px;justify-content:space-between;letter-spacing:0;text-transform:none;font-size:calc(var(--font-navigation-size, calc(17.6px * var(--ds-header-scale))) + 1.6px);line-height:calc(1 + .4 / var(--font-body-scale));border-bottom:1.6px solid rgb(var(--color-border))}.ds-app-shell .list-menu-dropdown .header__menu-item:last-child{border-bottom:0}.ds-app-shell .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.ds-app-shell .focus-inset{outline:3.2px solid transparent;outline-offset:3.2px}.ds-app-shell .focus-inset:focus{outline:3.2px solid rgb(var(--color-accent, 248, 90, 62));outline-offset:3.2px}.ds-app-shell .motion-reduce{transition:none!important}@media screen and (min-width: 750px){.ds-app-shell .menu-drawer{position:absolute;width:720px;top:100%;border:1.6px solid rgb(var(--color-border));border-inline-start:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.ds-app-shell .menu-drawer-container summary.header__icon--menu:after{content:none}.ds-app-shell .menu-drawer__menu{padding-inline-start:48px}.ds-app-shell .menu-drawer__navigation{margin-top:0;border-top:0}.ds-app-shell .menu-drawer__utility-links{column-gap:32px;padding:32px}}@media screen and (min-width: 990px){.ds-app-shell .shopify-section-header-sticky .header__left header-menu-toggle{display:block;cursor:pointer}.ds-app-shell .shopify-section-header-sticky .header:is(.header--top-center,.header--top-left) .header__inline-menu{display:none}.ds-app-shell .shopify-section-header-menu-open .header:is(.header--top-center,.header--top-left) .header__inline-menu{display:unset}.ds-app-shell .shopify-section-header-sticky:not(.shopify-section-header-menu-open) .header__left header-menu-toggle .icon-close,.ds-app-shell .shopify-section-header-menu-open .header__left header-menu-toggle .icon-hamburger{visibility:hidden;opacity:0;transform:scale(.8)}.ds-app-shell .header__left header-menu-toggle .header__icon--summary:after{content:"";position:absolute;width:54.4px;height:54.4px;border-radius:50%;transform:scale(0);background-color:rgba(var(--color-header-foreground),.08);transition:transform var(--duration-default) ease}.ds-app-shell .shopify-section-header-menu-open .header__left header-menu-toggle .header__icon--summary:after{transform:scale(1)}.ds-app-shell .shopify-section-header-sticky .header--top-left{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"left-icon heading icons" "navigation navigation navigation"}.ds-app-shell .shopify-section-header-sticky .header--top-left .header__heading-link,.ds-app-shell .shopify-section-header-sticky .header--top-left .header__heading,.ds-app-shell .shopify-section-header-sticky .header--top-left .header__inline-menu{justify-self:center}.ds-app-shell .shopify-section-header-sticky .header--top-left .header__inline-menu{margin-inline-start:0}}@media screen and (max-width: 749px){.ds-app-shell .header{grid-template-columns:1fr 1fr;grid-template-areas:"left-icon icons" "heading heading" "navigation navigation";gap:16px}.ds-app-shell .header__left,.ds-app-shell .header__right{gap:16px}.ds-app-shell .header__inline-menu{justify-self:stretch}.ds-app-shell .list-menu{justify-content:center;flex-wrap:wrap}.ds-app-shell .header__heading{justify-self:center}}@media screen and (max-width: 480px){.ds-app-shell .header{padding:0 16px}.ds-app-shell .header__heading{justify-self:center}.ds-app-shell .list-menu{gap:16px}}.ds-app-shell .animate-arrow{transition:transform var(--duration-default) ease}.ds-app-shell .animate-arrow:hover{transform:translate(8px)}.ds-app-shell .header-background{z-index:-1;position:absolute;top:0;left:0;width:100%;height:0;transition:height var(--duration-default) ease}.ds-app-shell .header-background:before{content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-header-background))}.ds-app-shell .header-background:after{content:"";z-index:-2;position:absolute;right:24px;bottom:0;left:24px;height:32px;border-radius:100%;box-shadow:0 0 64px rgba(var(--color-header-foreground),.2);visibility:hidden;opacity:0}.ds-app-shell .header-background.is-active{height:var(--height)}.ds-app-shell .header-background.is-active:after{transition:opacity var(--duration-long) ease;transition-delay:.15s;visibility:visible;opacity:1}.ds-app-shell .app-layout{min-height:100vh;display:flex;flex-direction:column}.ds-app-shell .main-content{flex:1;padding-top:0}.ds-app-shell .container{margin-top:0;padding-top:var(--spacing-lg)}.ds-app-shell .upload-container,.ds-app-shell .size-selection-container,.ds-app-shell .selection-container{margin-top:0;height:calc(100vh - 80px)}.ds-app-shell .page-width{max-width:1920px;margin:0 auto;padding:0 24px}@media screen and (max-width: 749px){.ds-app-shell .page-width{padding:0 16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-app-shell .download-btn:hover:not(:disabled){background-color:var(--accent-color)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.ds-app-shell .download-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.ds-app-shell .framing-overview-title{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md);text-align:left;font-family:var(--font-heading);line-height:1.15}.ds-app-shell .overview-panel{background:var(--brand-white);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ds-app-shell .overview-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md)}.ds-app-shell .overview-label{font-size:var(--font-size-sm);color:var(--text-light);font-weight:500}.ds-app-shell .overview-value{font-size:var(--font-size-md);color:var(--text-color);font-weight:600}.ds-app-shell .overview-price{font-size:22px;font-weight:700;color:var(--primary-color)}.ds-app-shell .overview-divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0 var(--spacing-sm) 0}.ds-app-shell .artwork-title-container{display:flex;align-items:center;gap:var(--spacing-sm)}.ds-app-shell .artwork-title-container .artwork-icon-container{width:32px;height:32px;border-radius:var(--border-radius);overflow:hidden;border:1px solid #E7E3D8;display:flex;align-items:center;justify-content:center;background:transparent}.ds-app-shell .artwork-preview-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--brand-white);border-radius:var(--border-radius);border:1px solid var(--border-color)}.ds-app-shell .artwork-preview-header{display:flex;align-items:center;gap:var(--spacing-sm)}.ds-app-shell .artwork-icon-container{width:40px;height:40px;border-radius:var(--border-radius);overflow:hidden;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--brand-white)}.ds-app-shell .artwork-preview-icon{width:100%;height:100%;object-fit:cover}.ds-app-shell .artwork-placeholder-icon{font-size:20px;color:var(--text-light)}.ds-app-shell .frame-summary-wrapper{position:static;top:auto;z-index:auto;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:0;padding:0;background:transparent;border-bottom:none;transition:none}@media (max-width: 1023px){.ds-app-shell .frame-summary-wrapper{position:sticky;top:var(--frame-summary-sticky-top, 0px);z-index:5}}@media (max-width: 1280px){.ds-app-shell .frame-summary-wrapper{margin-top:0}}@media (max-width: 1024px){.ds-app-shell .frame-summary-wrapper{margin-top:0;padding-top:var(--spacing-sm)}}.ds-app-shell .frame-summary-wrapper--stuck{box-shadow:none;border-bottom-color:transparent;z-index:auto}.ds-app-shell .sticky-sentinel{position:relative;width:100%;height:1px;margin-bottom:-1px;pointer-events:none;opacity:0}.ds-app-shell .frame-summary{margin-bottom:var(--spacing-lg);background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.ds-app-shell .frame-summary-wrapper--stuck .frame-summary{padding-top:0}.ds-app-shell .frame-summary--compact{padding:var(--spacing-sm) 0}.ds-app-shell .frame-summary__columns{display:grid;gap:var(--spacing-xl);align-items:flex-start}.ds-app-shell .frame-summary__columns--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-app-shell .frame-summary__columns--stacked{grid-template-columns:minmax(0,1fr);gap:var(--spacing-md)}.ds-app-shell .frame-summary__columns--mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:flex-start}.ds-app-shell .frame-summary--compact .frame-summary__columns{gap:var(--spacing-sm)}.ds-app-shell .frame-summary--mobile{padding:12px 0 8px;margin-bottom:0}.ds-app-shell .frame-summary--mobile .frame-summary__columns{gap:12px}.ds-app-shell .frame-summary__column{display:flex;flex-direction:column;gap:var(--spacing-md)}.ds-app-shell .frame-summary__column--primary{gap:var(--spacing-sm)}.ds-app-shell .frame-summary__column--meta{gap:var(--spacing-md)}.ds-app-shell .frame-summary__column--mobile{gap:8px}.ds-app-shell .frame-summary__title{margin:0;font-family:var(--font-heading);font-size:32px;font-weight:700;color:#383d3b;letter-spacing:-.01em}.ds-app-shell .frame-summary__title--compact{font-size:22px}.ds-app-shell .frame-summary--mobile .frame-summary__title--compact{font-size:18px;line-height:1.1}.ds-app-shell .frame-summary__price{margin-top:4px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:var(--font-heading);font-size:32px;line-height:1.1}.ds-app-shell .frame-summary__price--mobile{gap:4px;font-size:22px}.ds-app-shell .frame-summary--mobile .frame-summary__price--mobile{font-size:18px}.ds-app-shell .frame-summary__price-money{display:inline-flex;align-items:baseline;gap:6px;font-style:normal;font-size:1em;font-weight:600;line-height:1;letter-spacing:-.02em}.ds-app-shell .frame-summary__price--mobile .frame-summary__price-money{gap:4px}.ds-app-shell .frame-summary__price-value{display:inline-block;font-size:inherit}.ds-app-shell .frame-summary__price-money .price__prefix,.ds-app-shell .frame-summary__price-money .ds-price-suffix{font-size:.7em;font-weight:500;letter-spacing:0}.ds-app-shell .frame-summary__price--mobile .frame-summary__price-money .price__prefix,.ds-app-shell .frame-summary__price--mobile .frame-summary__price-money .ds-price-suffix{font-size:.8em}.ds-app-shell .frame-summary__tax-note{font-size:14px;color:#6b7280;font-family:var(--font-body);letter-spacing:.02em}.ds-app-shell .frame-summary__price--mobile .frame-summary__tax-note{font-size:12px;letter-spacing:.04em;color:#4a5251}.ds-app-shell .frame-summary__size{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-app-shell .frame-summary__size--mobile{gap:10px}.ds-app-shell .frame-summary__size-block{display:grid;gap:6px}.ds-app-shell .frame-summary__size--mobile .frame-summary__size-block{gap:4px}.ds-app-shell .frame-summary__size-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-family:var(--font-body);font-weight:600}.ds-app-shell .frame-summary__size--mobile .frame-summary__size-label{font-size:11px;letter-spacing:.1em}.ds-app-shell .frame-summary__size-value{font-family:var(--font-heading);font-size:24px;font-weight:600;color:#383d3b;line-height:1.2}.ds-app-shell .frame-summary__size--mobile .frame-summary__size-value{font-size:16px}.ds-app-shell .frame-summary__size-block--category .frame-summary__size-label{color:#4a5251}.ds-app-shell .frame-summary__size-value--accent{color:#f85a3e;font-size:18px;letter-spacing:.02em}.ds-app-shell .frame-summary__size--mobile .frame-summary__size-value--accent{font-size:14px}.ds-app-shell .frame-summary__change-message{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(248,90,62,.18);display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:#f85a3e}.ds-app-shell .frame-summary--mobile .frame-summary__change-message{font-size:11px;gap:6px;margin-top:8px;padding-top:8px}.ds-app-shell .frame-summary__change-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#b93815}.ds-app-shell .frame-summary__change-value{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#3f3d37}.ds-app-shell .frame-summary__change-value-text{display:inline-flex;align-items:center;gap:4px}.ds-app-shell .frame-summary__change-value-text--new{color:#f85a3e}.ds-app-shell .frame-summary__change-arrow{font-size:12px;color:#b93815}.ds-app-shell .cart-summary{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--config-spacing-sm);padding:var(--config-spacing-sm);border:1px solid var(--border-color);background:var(--brand-white, #ffffff);border-radius:0;margin:var(--config-spacing-md) 0 var(--config-spacing-sm);box-shadow:var(--card-shadow, 0 12px 24px rgba(15, 23, 42, .08))}.ds-app-shell .cart-summary--mobile{gap:var(--config-spacing-xs);margin-top:var(--config-spacing-sm);box-shadow:none}.ds-app-shell .cart-summary__item{flex:1 1 0;min-width:140px;display:flex;flex-direction:column;gap:4px}.ds-app-shell .cart-summary__label{font-size:clamp(10px,1.7vw,12px);text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-weight:600}.ds-app-shell .cart-summary__value{font-size:clamp(13px,2vw,16px);font-weight:600;color:var(--text-heading);font-family:var(--font-heading);line-height:1.35}@media (max-width: 768px){.ds-app-shell .cart-summary{flex-direction:column;gap:var(--config-spacing-xs);box-shadow:none}.ds-app-shell .cart-summary__item{min-width:0}}@keyframes frameSummaryPulse{0%,to{box-shadow:0 16px 32px #0f172a14;transform:translateY(0)}50%{box-shadow:0 20px 40px #f85a3e40;transform:translateY(-2px)}}@keyframes priceValueGlow{0%,to{color:var(--accent-color);text-shadow:none}50%{color:#d23a1f;text-shadow:0 0 12px rgba(248,90,62,.35)}}@keyframes badgeHighlight{0%,to{background:#f85a3e14}50%{background:#f85a3e47}}.ds-app-shell .mobile-sticky-summary{display:none}.ds-app-shell .mobile-sticky-summary--stuck{display:flex;align-items:center;gap:12px;padding:8px 12px;position:sticky;top:var(--mobile-summary-sticky-top, 0px);z-index:30;width:100%;background:#fff;border-bottom:1px solid rgba(56,61,59,.12);box-shadow:0 10px 24px #0f172a1f;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.ds-app-shell .mobile-sticky-summary__preview{width:clamp(96px,24vw,128px);height:clamp(96px,24vw,128px);border:1px solid rgba(56,61,59,.16);border-radius:0;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-app-shell .mobile-sticky-summary__preview-svg,.ds-app-shell .mobile-sticky-summary__preview-image{width:100%;height:100%;object-fit:contain;display:block}.ds-app-shell .mobile-sticky-summary__preview-placeholder{font-size:24px;color:#9ca3af}.ds-app-shell .mobile-sticky-summary__details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.ds-app-shell .mobile-default-summary{padding:12px 16px 4px;background:#fff;border-bottom:1px solid rgba(56,61,59,.12);margin-bottom:12px}.ds-app-shell .mobile-default-summary .frame-summary,.ds-app-shell .mobile-sticky-summary--stuck .frame-summary{padding:0}.ds-app-shell .frame-filters{display:flex;flex-direction:column;gap:16px}.ds-app-shell .frame-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:stretch}@media (min-width: 1024px){.ds-app-shell .frame-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ds-app-shell .filter-dropdown{position:relative}.ds-app-shell .filter-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border:1px solid #E7E3D8;border-radius:0;background:#fff;font-size:13px;font-weight:500;color:#383d3b;letter-spacing:.03em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease}.ds-app-shell .filter-trigger:hover,.ds-app-shell .filter-dropdown.is-open .filter-trigger{border-color:var(--accent-color);box-shadow:0 16px 32px #f85a3e2e;transform:translateY(-1px)}.ds-app-shell .filter-trigger.is-active{border-color:var(--accent-color);color:var(--accent-color)}.ds-app-shell .filter-trigger__label{text-align:left}.ds-app-shell .filter-trigger__icon{width:14px;height:14px;color:#383d3b;transition:transform .2s ease}.ds-app-shell .filter-dropdown.is-open .filter-trigger__icon{transform:rotate(180deg);color:var(--accent-color)}.ds-app-shell .filter-trigger.is-active .filter-trigger__icon{color:var(--accent-color)}.ds-app-shell .filter-dropdown__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #E7E3D8;border-radius:0;box-shadow:0 18px 40px #383d3b26;max-height:220px;overflow-y:auto;padding:6px 0;z-index:1200}.ds-app-shell .filter-option{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;color:#383d3b;cursor:pointer;transition:background-color .2s ease}.ds-app-shell .filter-option:hover{background:#f85a3e14}.ds-app-shell .filter-option-clear{width:100%;padding:6px 16px;border:none;background:transparent;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8a8d8b;text-align:left;cursor:pointer;transition:color .2s ease}.ds-app-shell .filter-option-clear:hover,.ds-app-shell .filter-option-clear:focus-visible{color:var(--accent-color)}.ds-app-shell .filter-option__checkbox{accent-color:var(--accent-color)}.ds-app-shell .filter-option__label{flex:1}.ds-app-shell .filter-option__count{font-size:12px;color:#8a8d8b}.ds-app-shell .filter-dropdown__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.ds-app-shell .frame-filter-tags{display:flex;flex-direction:column;gap:10px}.ds-app-shell .frame-filter-tags__heading{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b6e6c}@media (max-width: 1024px){.ds-app-shell .frame-summary__columns--two-column{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.ds-app-shell .frame-summary__title{font-size:26px}.ds-app-shell .frame-summary__price-money{font-size:32px}.ds-app-shell .frame-summary__price-money .price__prefix,.ds-app-shell .frame-summary__price-money .ds-price-suffix{font-size:18px}.ds-app-shell .frame-summary__size-value{font-size:19px}.ds-app-shell .frame-summary__size-value--accent{font-size:16px}.ds-app-shell .frame-filter-grid{grid-template-columns:1fr}}@media (max-width: 640px){.ds-app-shell .frame-summary__columns{gap:var(--spacing-md)}.ds-app-shell .frame-summary__price{gap:4px}.ds-app-shell .frame-summary__price-money{font-size:26px;gap:4px}.ds-app-shell .frame-summary__price-money .price__prefix,.ds-app-shell .frame-summary__price-money .ds-price-suffix{font-size:16px}.ds-app-shell .frame-summary__size-value{font-size:17px}.ds-app-shell .frame-summary__size-value--accent{font-size:15px}.ds-app-shell .framing-width-grid,.ds-app-shell .compact-passepartout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-app-shell .artwork-label{font-size:var(--font-size-md);font-weight:600;color:var(--primary-color)}.ds-app-shell .frame-unified-card,.ds-app-shell .passepartout-unified-card,.ds-app-shell .kaschierung-unified-card{background:transparent;border:none;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:24px}.ds-app-shell .frame-unified-card--mobile{gap:20px}.ds-app-shell .frame-unified-card--mobile .frame-section{gap:18px}@media (max-width: 768px){.ds-app-shell .frame-unified-card--mobile{gap:18px}.ds-app-shell .frame-unified-card--mobile .frame-section{gap:14px}.ds-app-shell .frame-unified-card--mobile .frame-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ds-app-shell .frame-unified-card--mobile .compact-frame-grid{padding:6px 8px 16px}.ds-app-shell .frame-unified-card--mobile .compact-frame-card{width:96px}.ds-app-shell .frame-unified-card--mobile .filter-dropdown{min-width:0}.ds-app-shell .frame-unified-card--mobile .filter-trigger{padding:8px 10px;font-size:12px;gap:6px}.ds-app-shell .frame-unified-card--mobile .filter-trigger__label{font-size:12px;letter-spacing:.02em}.ds-app-shell .frame-unified-card--mobile .filter-trigger__icon{width:12px;height:12px}}.ds-app-shell .frame-section,.ds-app-shell .kaschierung-section{margin:0;display:flex;flex-direction:column;gap:24px}.ds-app-shell .frame-section:last-child,.ds-app-shell .kaschierung-section:last-child{padding-bottom:0}.ds-app-shell .passepartout-content-section{padding:16px 0;border-top:1px solid #E7E3D8;display:flex;flex-direction:column;gap:12px}.ds-app-shell .passepartout-content-section:first-child{padding-top:0;border-top:none}.ds-app-shell .passepartout-content-section:last-child{padding-bottom:0}.ds-app-shell .passepartout-note{padding:16px 20px;background:linear-gradient(180deg,#f8f9faeb,#fff);border:1px solid rgba(248,90,62,.35);border-radius:0;font-size:14px;line-height:1.6;color:#383d3b}.ds-app-shell .collapsible-section{border-bottom:1px solid #E7E3D8}.ds-app-shell .collapsible-section:first-of-type{border-top:1px solid #E7E3D8}.ds-app-shell .collapsible-section .collapsible-content{background:transparent;border:none;padding:0;margin:0;box-shadow:none}.ds-app-shell .section-header{font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:0;text-transform:none;color:#383d3b;margin:0 0 12px}.ds-app-shell .passepartout-content-section:first-child .section-header{margin-top:0}.ds-app-shell .section-divider{width:100%;height:1px;background:#e7e3d8;border-radius:1px}.ds-app-shell .digital-size-section{margin-top:var(--spacing-md)}.ds-app-shell accordion-tab.shipping-accordion{display:block;margin-top:26px;margin-bottom:20px;border-top:.6px solid #E7E3D8;border-bottom:.6px solid #E7E3D8}.ds-app-shell accordion-tab.shipping-accordion details{margin:0;padding:0}.ds-app-shell accordion-tab.shipping-accordion summary,.ds-app-shell accordion-tab.description-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.01em;color:#383d3b;list-style:none;cursor:pointer}.ds-app-shell accordion-tab.shipping-accordion summary::-webkit-details-marker,.ds-app-shell accordion-tab.description-accordion summary::-webkit-details-marker{display:none}.ds-app-shell accordion-tab.shipping-accordion summary::marker,.ds-app-shell accordion-tab.description-accordion summary::marker{content:""}.ds-app-shell accordion-tab.shipping-accordion .summary__title,.ds-app-shell accordion-tab.description-accordion .summary__title{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:inherit;font-weight:inherit}.ds-app-shell accordion-tab.shipping-accordion .accordion__title,.ds-app-shell accordion-tab.description-accordion .accordion__title{text-transform:none;font-family:inherit;font-size:inherit;font-weight:inherit}.ds-app-shell accordion-tab.shipping-accordion .icon-caret{width:24px;height:15px;color:#383d3b;transition:transform .2s ease}.ds-app-shell accordion-tab.description-accordion .icon-caret{width:24px;height:15px;color:#383d3b;transition:transform .2s ease}.ds-app-shell accordion-tab.shipping-accordion details[open] .icon-caret{transform:rotate(180deg)}.ds-app-shell accordion-tab.description-accordion details[open] .icon-caret{transform:rotate(180deg)}.ds-app-shell accordion-tab.shipping-accordion .accordion__content{padding:0 0 16px;font-family:Work Sans,sans-serif;font-size:16px;line-height:1.8;letter-spacing:.04em;color:#383d3b}.ds-app-shell accordion-tab.shipping-accordion .accordion__content p{margin:0}.ds-app-shell accordion-tab.description-accordion{display:block;margin-bottom:32px}@media (max-width: 768px){.ds-app-shell accordion-tab.shipping-accordion summary,.ds-app-shell accordion-tab.description-accordion summary{font-size:20px}.ds-app-shell .artwork-icon-container{width:32px;height:32px}.ds-app-shell .mobile-sticky-summary{padding:0;gap:12px}.ds-app-shell .mobile-sticky-summary__preview{width:clamp(92px,26vw,128px);height:clamp(92px,26vw,128px)}.ds-app-shell .frame-summary--compact{padding:var(--spacing-sm) 0}.ds-app-shell .frame-summary--compact .frame-summary__columns{gap:var(--spacing-sm)}.ds-app-shell .frame-summary__title--compact{font-size:18px}.ds-app-shell .frame-summary__price-money{font-size:1em}.ds-app-shell .frame-summary__price-money .price__prefix,.ds-app-shell .frame-summary__price-money .ds-price-suffix{font-size:.8em}.ds-app-shell .frame-summary__size-value{font-size:16px}.ds-app-shell .frame-summary__size-value--accent{font-size:14px}.ds-app-shell .frame-summary__change-message{font-size:11px;gap:6px}.ds-app-shell .artwork-label{font-size:var(--font-size-sm)}.ds-app-shell .framing-overview-header h3{font-size:var(--font-size-md)}.ds-app-shell .frame-unified-card,.ds-app-shell .passepartout-unified-card,.ds-app-shell .kaschierung-unified-card{padding:var(--spacing-md)}.ds-app-shell .section-header{font-size:var(--font-size-sm)}}@media (max-width: 480px){.ds-app-shell .artwork-preview-header{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.ds-app-shell .frame-unified-card,.ds-app-shell .passepartout-unified-card,.ds-app-shell .kaschierung-unified-card{padding:var(--spacing-sm)}.ds-app-shell .frame-section,.ds-app-shell .kaschierung-section{margin-bottom:var(--spacing-md)}.ds-app-shell .passepartout-content-section{margin-bottom:var(--spacing-lg)}.ds-app-shell .section-divider{width:80%}}@media (max-width: 767px){.ds-app-shell .mobile-container{padding:0 16px;width:100%}.ds-app-shell .mobile-sticky-top{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px #0000001a}.ds-app-shell .mobile-sticky-bottom{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;box-shadow:0 -2px 8px #0000001a;padding:12px 16px;display:flex;gap:12px;align-items:center}.ds-app-shell .mobile-full-width{width:100%!important;margin-left:0!important;margin-right:0!important}.ds-app-shell .mobile-vertical-stack{display:flex;flex-direction:column;gap:16px}.ds-app-shell .mobile-hide,.ds-app-shell .desktop-only{display:none!important}.ds-app-shell .mobile-only{display:block!important}.ds-app-shell .mobile-touch-target{min-height:48px!important;min-width:48px!important}.ds-app-shell .mobile-button{width:100%;-webkit-tap-highlight-color:transparent}.ds-app-shell .mobile-button:active{transform:scale(.98);opacity:.95}.ds-app-shell .mobile-button-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--brand-white)}.ds-app-shell .mobile-button-primary:hover,.ds-app-shell .mobile-button-primary:focus-visible{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white);transform:none}.ds-app-shell .mobile-button-secondary{background:transparent}.ds-app-shell .mobile-frame-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0}.ds-app-shell .mobile-frame-card{background:var(--brand-white);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ds-app-shell .mobile-frame-card:active{transform:scale(.98)}.ds-app-shell .mobile-frame-card-selected{border-color:var(--accent-color);box-shadow:0 0 0 2px #f85a3e33;background:#f85a3e0d}.ds-app-shell .mobile-frame-image{width:100%;height:80px;border-radius:4px;overflow:hidden;margin-bottom:8px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.ds-app-shell .mobile-frame-image img{width:100%;height:100%;object-fit:cover}.ds-app-shell .mobile-frame-placeholder{font-size:24px;color:var(--text-light)}.ds-app-shell .mobile-frame-info{text-align:center}.ds-app-shell .mobile-frame-name{font-size:12px;font-weight:600;color:var(--text-color);margin-bottom:4px;line-height:1.2}.ds-app-shell .mobile-frame-price{font-size:11px;color:var(--text-light);font-weight:500}.ds-app-shell .mobile-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:12px}.ds-app-shell .mobile-card-selected{border:2px solid var(--color-primary);box-shadow:0 4px 16px #e67e2233}.ds-app-shell .mobile-card-square{background:var(--brand-white);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.ds-app-shell .mobile-card-square:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-app-shell .mobile-card-square:active{transform:scale(.98)}.ds-app-shell .mobile-card-square-selected{border-color:var(--brand-dark);background:#383d3b0f;box-shadow:0 0 0 2px #383d3b40}.ds-app-shell .mobile-card-square-selected:before{display:none!important;content:none!important;height:20px;background:var(--brand-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;z-index:2}.ds-app-shell .mobile-frame-card-square{background:var(--brand-white);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:8px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:80px}.ds-app-shell .mobile-frame-card-square:hover{border-color:var(--brand-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-app-shell .mobile-frame-card-square:active{transform:scale(.98)}.ds-app-shell .mobile-frame-card-square-selected{border-color:var(--brand-dark);background:#383d3b0f;box-shadow:0 0 0 2px #383d3b40}.ds-app-shell .mobile-frame-card-square-selected:before{display:none!important;content:none!important;height:18px;background:var(--brand-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;z-index:2}.ds-app-shell .your-frame-mobile-preview-fixed{position:fixed;top:60px;left:0;right:0;height:30vh;background:var(--brand-white);border-bottom:1px solid var(--border-color);z-index:50;overflow:visible;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ds-app-shell .your-frame-mobile-preview-fixed #artContainer{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}.ds-app-shell .your-frame-mobile-preview-fixed svg{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}.ds-app-shell .your-frame-mobile-preview-fixed #artContainer>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.ds-app-shell .your-frame-mobile-content-with-fixed-preview{margin-top:calc(30vh + 60px);padding:16px;min-height:calc(70vh - 60px);background:var(--brand-background)}.ds-app-shell .size-mobile-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ds-app-shell .size-mobile-inputs input{border:2px solid var(--border-color)!important;border-radius:var(--border-radius)!important;padding:8px!important;font-family:var(--font-body);font-size:14px;transition:border-color .2s ease}.ds-app-shell .size-mobile-inputs input:focus{outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #f85a3e33}.ds-app-shell .mobile-artwork-info{margin-bottom:16px}.ds-app-shell .mobile-artwork-info .artwork-icon-container{border:1px solid rgba(0,0,0,.1)}.ds-app-shell .mobile-individual-mat-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:12px}.ds-app-shell .mobile-individual-mat-input:last-child{grid-column:1 / -1}.ds-app-shell .mobile-individual-mat-input input{transition:border-color .2s ease}.ds-app-shell .mobile-individual-mat-input input:focus{outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #f85a3e33}.ds-app-shell .mobile-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ds-app-shell .mobile-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ds-app-shell .mobile-preview-container{width:100%;max-height:50vh;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);border-radius:0;padding:16px;margin-bottom:16px}.ds-app-shell .mobile-preview-container svg,.ds-app-shell .mobile-preview-container img{max-width:100%;max-height:100%;object-fit:contain}.ds-app-shell .mobile-section-header{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--color-text);display:flex;font-family:var(--font-heading);justify-content:space-between;align-items:center}.ds-app-shell .mobile-section-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.ds-app-shell .mobile-accordion{border-radius:var(--border-radius);overflow:hidden;margin-bottom:12px;background:#fff}.ds-app-shell .mobile-accordion-header{background:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:2px solid var(--border-color);-webkit-tap-highlight-color:transparent;min-height:60px;border-radius:var(--border-radius)}.ds-app-shell .mobile-accordion-header.active{background:var(--brand-white);border-bottom:2px solid var(--border-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-app-shell .mobile-accordion-header.completed{background:var(--brand-white);border-color:var(--border-color)}.ds-app-shell .mobile-accordion-content{background:var(--brand-white);padding:0 16px 16px;border:2px solid var(--border-color);border-top:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);display:none}.ds-app-shell .mobile-accordion-content.active{display:block;animation:slideDown .3s ease}.ds-app-shell .mobile-accordion-icon{transition:transform .3s ease;font-size:16px;color:var(--text-color);border:1px solid var(--text-color);width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700}.ds-app-shell .mobile-accordion-header.active .mobile-accordion-icon{transform:rotate(180deg)}.ds-app-shell .mobile-accordion-checkmark{display:none}.ds-app-shell .framing-passepartout-card.selected:before,.ds-app-shell .framing-passepartout-card.selected:after,.ds-app-shell .compact-passepartout-option.selected:before,.ds-app-shell .compact-passepartout-option.selected:after,.ds-app-shell .passepartout-option-icon.selected:before,.ds-app-shell .passepartout-option-icon.selected:after,.ds-app-shell .framing-card.selected:before,.ds-app-shell .framing-card.selected:after{display:none!important;content:none!important}.ds-app-shell .compact-passepartout-option.selected .checkmark,.ds-app-shell .framing-passepartout-card.selected .checkmark,.ds-app-shell .passepartout-option-icon.selected .checkmark,.ds-app-shell .framing-card.selected .checkmark,.ds-app-shell .selected .checkmark{display:none!important}.ds-app-shell .mobile-price-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-top:1px solid var(--color-border);gap:12px}.ds-app-shell .mobile-price-info{display:flex;flex-direction:column;flex:1}.ds-app-shell .mobile-price-label{font-size:12px;color:var(--color-text-secondary)}.ds-app-shell .mobile-price-value{font-size:20px;font-weight:700;color:var(--color-text)}.ds-app-shell .mobile-swiper-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}.ds-app-shell .mobile-swiper-container::-webkit-scrollbar{display:none}.ds-app-shell .mobile-swiper-wrapper{display:flex;gap:12px;padding:4px 0}.ds-app-shell .mobile-swiper-item{flex:0 0 auto;min-width:140px}.ds-app-shell .mobile-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.ds-app-shell .mobile-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.ds-app-shell .your-frame-mobile-container-scrollable{display:flex;flex-direction:column;min-height:100vh;padding:16px 16px 80px;background:var(--brand-background)}.ds-app-shell .your-frame-mobile-container-scrollable .selection-button.progress-button{position:static;bottom:auto}.ds-app-shell .your-frame-mobile-preview-section{background:var(--brand-white);border-radius:var(--border-radius);padding:16px;margin-bottom:16px;border:1px solid var(--border-color)}.ds-app-shell .your-frame-mobile-content-scrollable{display:flex;flex-direction:column;gap:16px}.ds-app-shell .mobile-product-gallery{background:var(--brand-white);border-radius:var(--border-radius);padding:12px;border:1px solid var(--border-color)}.ds-app-shell .mobile-product-gallery h4{margin:0 0 8px;font-family:var(--font-heading);color:var(--text-color)}.ds-app-shell .mobile-product-gallery>div{display:flex;gap:8px;overflow-x:auto;justify-content:center;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.ds-app-shell .mobile-product-gallery>div::-webkit-scrollbar{height:4px}.ds-app-shell .mobile-product-gallery>div::-webkit-scrollbar-track{background:transparent}.ds-app-shell .mobile-product-gallery>div::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.ds-app-shell .your-frame-mobile-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}.ds-app-shell .your-frame-mobile-preview{position:sticky;top:60px;z-index:90;background:#fff;padding:16px;box-shadow:0 2px 8px #0000001a;max-height:40vh;display:flex;align-items:center;justify-content:center}.ds-app-shell .your-frame-mobile-content{padding:16px 16px 100px}.ds-app-shell .selection-mobile-container{display:flex;flex-direction:column;padding:12px;height:100vh;position:relative;box-sizing:border-box;overflow:hidden}.ds-app-shell .selection-mobile-preview{width:100%;height:250px;background:var(--color-background-light);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px;padding:8px;box-sizing:border-box}.ds-app-shell .selection-mobile-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.ds-app-shell .selection-mobile-title{font-size:24px;font-weight:700;margin-bottom:4px;margin-top:0;text-align:center;color:var(--color-text)}.ds-app-shell .selection-mobile-buttons{display:flex;flex-direction:column;gap:12px}.ds-app-shell .selection-mobile-bottom-buttons{position:relative;background:#fff;padding:16px;margin-top:20px}.ds-app-shell .selection-mobile-options{display:flex;gap:12px;margin-bottom:16px}.ds-app-shell .mobile-option-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:2px solid #E7E3D8;border-radius:0;cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:96px;font-family:var(--font-button);background:transparent;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.08em;-webkit-tap-highlight-color:transparent}.ds-app-shell .mobile-option-button strong{font-family:var(--font-button);font-weight:600;font-size:var(--font-size-md);margin:0;display:block;text-align:center;letter-spacing:.08em}.ds-app-shell .mobile-option-button.selected{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .mobile-option-button.selected strong{color:var(--brand-white)}.ds-app-shell .mobile-option-button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}.ds-app-shell .mobile-option-button:hover strong{color:var(--brand-white)}.ds-app-shell .mobile-option-button:active{transform:scale(.98);opacity:.9}.ds-app-shell .mobile-weiter-button{width:100%;padding:var(--spacing-sm) var(--spacing-xl);border:2px solid var(--brand-dark);border-radius:0;cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:35px;font-family:var(--font-button);font-weight:600;font-size:var(--font-size-md);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.ds-app-shell .mobile-weiter-button.active{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-white)}.ds-app-shell .mobile-weiter-button.active:hover,.ds-app-shell .mobile-weiter-button.active:focus-visible{background:var(--brand-accent);border-color:var(--brand-accent)}.ds-app-shell .mobile-weiter-button.inactive{background:transparent;border-color:#e7e3d8;color:var(--text-light);cursor:not-allowed;opacity:.6}.ds-app-shell .mobile-weiter-button:active:not(.inactive){transform:scale(.98);opacity:.9}.ds-app-shell .upload-mobile-container{padding:16px 16px 200px;height:100vh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.ds-app-shell .upload-mobile-dropzone{flex:1;background:var(--color-background-light);border:2px dashed var(--color-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;margin-bottom:16px;cursor:pointer;transition:all .2s ease;overflow:hidden}.ds-app-shell .upload-mobile-dropzone.drag-over{border-color:var(--color-primary);background:#fef9f3}.ds-app-shell .upload-mobile-actions{display:flex;flex-direction:column;gap:12px;background:#fff;padding:16px 0 0;box-shadow:none}.ds-app-shell .upload-mobile-actions .selection-button{width:100%}.ds-app-shell .upload-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ds-app-shell .upload-actions-grid .selection-button,.ds-app-shell .upload-mobile-actions .selection-button.primary{width:100%}.ds-app-shell .size-mobile-container{padding:16px 16px 24px}.ds-app-shell .size-mobile-preview{background:#fff;padding:16px 0;box-shadow:none;margin-bottom:16px}.ds-app-shell .size-mobile-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.ds-app-shell .mobile-input-label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--color-text)}.ds-app-shell .mobile-input{width:100%;padding:12px;border:1px solid #E7E3D8;border-radius:0;font-size:16px;font-family:var(--font-body);background:var(--brand-white);color:var(--color-text);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:textfield}.ds-app-shell .mobile-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #f85a3e1a}.ds-app-shell .mobile-input::-webkit-outer-spin-button,.ds-app-shell .mobile-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ds-app-shell .size-mobile-slider{margin-bottom:32px}.ds-app-shell .size-mobile-cta{margin-top:24px;padding:16px 0 0;background:#fff;box-shadow:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}