.cart-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9998;animation:fadeIn .15s ease-out}.cart-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;width:90%;max-height:90vh;overflow:hidden;z-index:9999;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cart-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b;z-index:10}.cart-modal-close:hover{background:#f1f5f9;color:#334155}.cart-modal-header{padding:20px 24px 16px;text-align:center;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#fff)}.success-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;color:#fff;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.cart-modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.cart-modal-header p{display:none}.cart-modal-body{padding:20px 24px}.cart-modal-product{display:flex;gap:16px;align-items:flex-start}.cart-modal-image{width:90px;height:90px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;flex-shrink:0}.cart-modal-details{flex:1;min-width:0}.cart-modal-details h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.3}.cart-modal-specs{margin-bottom:12px}.spec-item{display:block;font-size:13px;color:#64748b;line-height:1.5}.spec-label{display:none}.spec-value{font-size:13px;color:#64748b}.cart-modal-price{display:flex;justify-content:flex-start;align-items:baseline;padding-top:8px;border-top:1px solid #e2e8f0;background:transparent;border-radius:0;margin-top:0}.price-label{display:none}.price-value{font-size:22px;font-weight:700;color:#0f172a}.cart-modal-actions{display:flex;gap:10px;padding:16px 24px 20px;border-top:1px solid #e2e8f0;background:#fafbfc}.cart-modal-actions button{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-continue{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.btn-continue:hover{background:#f8fafc;border-color:#cbd5e1}.btn-checkout{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.btn-checkout:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-checkout:active{transform:translateY(0)}.btn-continue-shopping{background:#fff;color:#475569;border:1.5px solid #e2e8f0;flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-continue-shopping:hover{background:#f8fafc;border-color:#cbd5e1}.btn-proceed-checkout{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d;flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;border:none}.btn-proceed-checkout:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}@media(max-width:480px){.cart-modal{max-width:95%}.cart-modal-header{padding:16px 20px 12px}.cart-modal-body{padding:16px 20px}.cart-modal-image{width:75px;height:75px}.cart-modal-details h3{font-size:14px}.spec-item{font-size:12px}.price-value{font-size:20px}.cart-modal-actions{padding:12px 20px 16px;gap:8px}.cart-modal-actions button{padding:10px 12px;font-size:13px}}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),.5);--color-focus-25:rgba(var(--color-focus),.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),.75);--color-error-50:rgba(var(--color-error),.5);--color-error-25:rgba(var(--color-error),.25);--color-error-10:rgba(var(--color-error),.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:.25s;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),.1);--grid-color-odd:rgba(var(--color-background),.1);--grid-size:24}.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),.95);--color-foreground-90:rgba(var(--color-foreground),.9);--color-foreground-80:rgba(var(--color-foreground),.8);--color-foreground-70:rgba(var(--color-foreground),.7);--color-foreground-60:rgba(var(--color-foreground),.6);--color-foreground-50:rgba(var(--color-foreground),.5);--color-foreground-40:rgba(var(--color-foreground),.4);--color-foreground-30:rgba(var(--color-foreground),.3);--color-foreground-20:rgba(var(--color-foreground),.25);--color-foreground-15:rgba(var(--color-foreground),.2);--color-foreground-10:rgba(var(--color-foreground),.15);--color-foreground-5:rgba(var(--color-foreground),.075);--color-foreground-3:rgba(var(--color-foreground),.05);--color-foreground-1:rgba(var(--color-foreground),.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),.95);--color-background-90:rgba(var(--color-background),.9);--color-background-80:rgba(var(--color-background),.8);--color-background-70:rgba(var(--color-background),.7);--color-background-60:rgba(var(--color-background),.6);--color-background-50:rgba(var(--color-background),.5);--color-background-40:rgba(var(--color-background),.4);--color-background-30:rgba(var(--color-background),.3);--color-background-20:rgba(var(--color-background),.2);--color-background-15:rgba(var(--color-background),.15);--color-background-10:rgba(var(--color-background),.1);--color-background-5:rgba(var(--color-background),.05);--color-background-3:rgba(var(--color-background),.03);--color-background-1:rgba(var(--color-background),.01);--color-background-0:rgba(var(--color-background),0)}.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{overflow:hidden;max-height:var(--panel-max-height,100vh);overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot[data-env~=is-transparent]{background:none}.PinturaRoot{--nav-group-margin:.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * .1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * .25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * .5s);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}.PinturaRoot[dir=rtl] button{direction:rtl}.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.PinturaRoot *{box-sizing:content-box;word-wrap:normal}.PinturaRoot div:empty{display:block}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;inset:0;background-repeat:no-repeat}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot .PinturaStatusAside{position:absolute;left:0}.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton .PinturaButtonInner{pointer-events:none}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true]{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type:not(.PinturaNavGroupFloat){margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type:not(.PinturaNavGroupFloat){margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em #00000040,0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot .PinturaNavGroupFloat{pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaNavGroupFloat:not(:only-child){position:absolute;left:0;right:0}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button+button{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.PinturaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button+button{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;min-height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;min-width:4em;min-height:4em;justify-content:center;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;inset:0;padding:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{position:absolute;inset:0;z-index:3;background:var(--color-background-50);pointer-events:none}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;inset:-1px;display:flex;align-items:center;justify-content:center}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:#fffc;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaImageInfo,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter>[slot]:empty{pointer-events:none}.PinturaImageInfo p{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.PinturaImageInfo:not([data-custom]) p{width:8em;height:1.25em;white-space:nowrap;contain:strict;overflow:hidden}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;margin:0 -.25em;outline:transparent;display:block;cursor:pointer}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.PinturaInputDimension button::-moz-selection,.PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,.25),0 1.5em 1.5em -2em rgba(0,0,0,.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;z-index:2147483646;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}@supports (height:100dvh){.PinturaModal{height:100dvh}}.PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;inset:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:.75}@media(min-width:600px)and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default: calc(100vw - 8em) ;--editor-max-height-default: calc(100vh - 8em) }}.PinturaDocumentStyles{scrollbar-gutter:auto}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:transparent}.PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.PinturaTabPanel:not([aria-hidden=true]){z-index:2;outline:transparent}.PinturaTabPanel[aria-hidden=true]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.PinturaButtonInner{text-decoration:inherit}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}.PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width) / 2);box-shadow:0 .25em .5em -.5em #000000bf,inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media(max-width:34em){.PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-stick=true]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.PinturaInputFormFields input:only-child,.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}.PinturaInputForm input,.PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}.PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true]{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab]{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] svg:only-child{margin-left:-.25em;margin-right:-.25em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab]:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab][data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>button+button{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[aria-hidden=true]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child){padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child){padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>button+button{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:first-child{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:last-child{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList button:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.PinturaShapeStyleEditorOverflow>div{overflow:visible;justify-content:flex-start}.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}.PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.PinturaShapeStyles{position:relative}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.PinturaShapeStyleList .PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList .PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch;--control-height:1.5em}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle .PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.PinturaShapeStyle .PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;inset:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;inset:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{display:block;line-height:2.25;font-size:.6875em}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{color:var(--color-foreground-40);padding-left:.625em;margin-right:-.25em}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{padding:0 1em}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;align-items:flex-start}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}.PinturaShapeStyle .PinturaPromptOption:after,.PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}.PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;inset:-.5em;border-radius:inherit;content:""}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{inset:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:.3125em;--thumb-margin:.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:transparent}.PinturaRoot .PinturaImageButton>*{pointer-events:none}.PinturaRoot .PinturaImageButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out}.PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaImageButton text{font-family:monospace}.PinturaRoot .PinturaImageButton img,.PinturaRoot .PinturaImageButton svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-loader]:after,.PinturaRoot .PinturaImageButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-error] img{display:none}.PinturaRoot .PinturaImageButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.PinturaRoot .PinturaImageButton[data-loader]{position:relative}.PinturaRoot .PinturaImageButton[data-loader]:before{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.PinturaRoot .PinturaImageButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;transform:scale(.5)}@-webkit-keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.PinturaImageButtonList,.PinturaImageButtonList>li{display:flex;align-items:center}.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:.3125em;--thumb-margin:.3125em;justify-content:center;position:relative}.PinturaImageButtonList>li+li{margin-left:.5em}.PinturaInput{display:flex;flex-direction:row}.PinturaInput input[disabled]{filter:var(--filter-disabled)}.PinturaInputField{flex:1;outline:transparent}.PinturaInputField[type=number]{-moz-appearance:textfield}.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:.75em;--knob-margin-left:.3125em;--knob-margin-right:.3125em}.PinturaSliderPanel .PinturaSliderTrack{--track-background:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{--knob-background:var(--color-foreground-100);box-shadow:0 .125em .25em #00000059,0 -.125em .25em #0000001a}.PinturaShorthandControl{flex-direction:row;padding-left:.25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShorthandControl>.PinturaSliderButton+.PinturaSliderButton{border-left:1px solid var(--color-foreground-5);border-radius:0}.PinturaShorthandControl .PinturaSliderButton .PinturaButtonLabel{padding:0 .5em}.PinturaShorthandControl .PinturaColorPreview{width:1em;height:1em;margin-right:.25em;margin-top:.25em}.PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em #00000040;border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:#ffffff26}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:#ffffff26}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit;position:relative}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaListOption label{margin:0}.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;align-items:flex-end}.PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.PinturaColorPickerPanel .PinturaEyeDropper{display:flex;align-items:center;justify-content:center;color:var(--color-foreground-70);width:1.5em;height:1.5em;margin-left:.25em}.PinturaColorPickerPanel .PinturaEyeDropper svg{width:1em;height:1em}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;inset:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturColorPickerInputGroup{display:flex;flex-direction:row;align-items:center;margin:.75em 0 .25em .3125em}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em #0000001a,0 0 0 .06125em #fff,0 .1875em .25em #00000059,0 -.125em .25em #0000001a}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;inset:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;inset:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:var(--pattern-transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput[disabled]{color:var(--color-foreground-40)}.PinturaPanel{--color-inset:hsla(0,0%,100%,.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em #00000040,0 .125em .75em #00000026,0 .125em .125em #0000001a;border-radius:var(--border-radius)}.PinturaPanel,.PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}.PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px) ,#000 calc(50% - 1.5px) ;width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask));pointer-events:none}.PinturaPanelTip[data-top=true]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable[data-wrap-content=nowrap] br{display:none}.PinturaContentEditable{-webkit-user-drag:none;background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.PinturaColorPreview span{position:absolute;inset:0;background-color:var(--color);border-radius:inherit}.PinturaSlider{position:relative;--track-offset-x:.5em;--track-offset-y:.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5);background:var(--knob-background)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x);background:var(--track-background)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.PinturaSlider input[type=range]{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;inset:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:.75em}.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;inset:-.5em;content:""}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point],.PinturaShapeManipulator[data-control=scale]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=point][data-selected=true]:before,.PinturaShapeManipulator[data-control=scale][data-selected=true]:before{display:block;content:"";width:calc(var(--size) * .5);height:calc(var(--size) * .5);background:#fff;margin-left:calc(var(--size) * .25);margin-top:calc(var(--size) * .25);border-radius:9999em}.PinturaShapeManipulator[data-control=scale]{cursor:-webkit-grab;cursor:grab}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}.customize-content-wrapper.hidden-for-ai{pointer-events:none}.customize-content-centered.slide-out{animation:slideOut .6s cubic-bezier(.4,0,.2,1) forwards!important}.customize-content-centered.slide-in{animation:slideIn .6s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes slideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-120%) scale(.8);opacity:0}}@keyframes slideIn{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.ai-results-fullscreen{position:fixed;inset:0;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.ai-results-container{width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.ai-results-header-centered{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.ai-results-header-centered h2{margin:0;font-size:2rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-results-content-centered{width:100%;max-height:calc(100vh - 200px);overflow-y:hidden;display:flex;flex-direction:column;align-items:center;gap:2rem}.select-instruction{font-size:1.125rem;color:#64748b;font-weight:500;text-align:center;margin:0}.generating-state-centered{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}.generating-grid-centered{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:900px}.generating-placeholder-centered{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #00000014}.generation-timer{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:13px;font-weight:600;color:#333;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #0000001a}50%{transform:scale(1.05);box-shadow:0 4px 12px #4caf504d}}.generation-timer span{color:#4caf50;font-variant-numeric:tabular-nums}.generated-grid-centered{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1000px}.generated-image-card-centered{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid #e5e7eb;background:#f9fafb;box-shadow:0 4px 12px #00000014}.generated-image-card-centered img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.generated-image-card-centered:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #3b82f64d;border-color:#3b82f6}.generated-image-card-centered:hover img{transform:scale(1.1)}.image-hover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.generated-image-card-centered:hover .image-hover-overlay{opacity:1}.image-hover-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.image-hover-overlay span{color:#fff;font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.generated-image-card-centered:active{animation:selectPulse .6s ease-out}@media(max-width:1024px){.generating-grid-centered,.generated-grid-centered{grid-template-columns:repeat(2,1fr);gap:1.5rem}.ai-results-header-centered h2{font-size:1.5rem}}@media(max-width:640px){.generating-grid-centered,.generated-grid-centered{grid-template-columns:1fr;gap:1rem;max-width:400px}.ai-results-container{padding:1rem}.ai-results-header-centered h2{font-size:1.25rem}.generating-placeholder-centered,.generated-image-card-centered{border-radius:12px}}.ai-blend-toggle-container{position:fixed;top:6rem;right:0rem;z-index:999}.design-search-popup-overlay{z-index:9999999}.ai-blend-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fffffffa;border:2px solid #e5e7eb;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-blend-toggle:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.ai-blend-toggle.active{border-color:var(--primary);background:#6366f10d}.ai-blend-toggle.inactive{border-color:#e5e7eb;background:#fffffffa}.ai-blend-toggle .toggle-label{font-size:.875rem;font-weight:600;color:#1f2937}.toggle-switch{position:relative;width:48px;height:24px;background:#d1d5db;border-radius:12px;transition:all .3s ease}.toggle-switch.on{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.on .toggle-slider{transform:translate(24px)}.customize-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;flex-direction:column;overflow:hidden}.customize-page-redesign{min-height:100vh;background:#fff;display:flex;flex-direction:column;overflow:hidden}.customize-header-simple{position:fixed;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:transparent}.back-btn-simple,.cart-btn-simple{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;color:#1f2937;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;position:relative}.back-btn-simple:hover,.cart-btn-simple:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.cart-counter-simple{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ffffff}.customize-content-centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1rem 8rem;max-width:1400px;margin:0 auto;width:100%}.page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 2.5rem;text-align:center;letter-spacing:-.02em}.images-container{display:flex;gap:3rem;margin-bottom:2rem;align-items:center;justify-content:center}.images-container:has(.image-block:only-child){min-height:60vh;display:flex;align-items:center;justify-content:center}.image-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.image-block.hidden{opacity:0;transform:translate(-50px);pointer-events:none;width:0;margin:0;padding:0;overflow:hidden}.product-image,.upload-image{width:350px;height:420px;border-radius:0;box-shadow:0 8px 32px #0000001f;background:#f9fafb;display:flex;align-items:center;justify-content:center;margin:auto;transition:all .3s ease;position:relative}.uploaded-preview{overflow:visible!important}.product-image:hover,.upload-image:hover{box-shadow:0 12px 48px #00000029;transform:translateY(-4px)}.design-recommendation-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:#fffffff2;border:2px solid #e5e7eb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;z-index:10}.design-recommendation-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #3b82f64d}.design-loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.design-loading-overlay p{margin:0;font-size:.875rem;font-weight:600;color:#3b82f6}.design-loading-overlay .spin{color:#3b82f6;animation:spin 1s linear infinite}.design-image{width:100%;height:100%;object-fit:cover;object-position:top center}.image-label{font-size:.875rem;font-weight:600;color:#6b7280;text-align:center;margin:0}.upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #cbd5e1;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.upload-placeholder:hover{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:scale(1.02);box-shadow:0 12px 48px #3b82f626}.upload-placeholder:hover:before{opacity:1}.upload-placeholder svg{width:64px;height:64px;color:#3b82f6;stroke-width:1.5;transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(59,130,246,.2))}.upload-placeholder p{font-size:10px;font-weight:700;margin:0;color:#1e293b;letter-spacing:-.02em;transition:all .3s ease}.upload-placeholder:hover p{color:#3b82f6}.upload-placeholder span{font-size:10px;color:#64748b;font-weight:500;background:#fff;padding:.5rem 1.25rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.upload-placeholder:hover span{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.uploaded-preview{position:relative;width:100%;height:100%}.uploaded-preview .remove-uploaded-image-btn,.uploaded-preview .change-image-btn{opacity:0;transition:opacity .2s ease}.uploaded-preview:hover .remove-uploaded-image-btn,.uploaded-preview:hover .change-image-btn{opacity:1}.remove-uploaded-image-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ef4444f2;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d;z-index:10}.remove-uploaded-image-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444480}.change-image-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.change-image-btn:hover{background:#fff;transform:translate(-50%) translateY(-2px);box-shadow:0 4px 12px #00000026}.prompt-container{width:100%;max-width:900px;margin-top:1rem}.prompt-textarea-wrapper{position:relative;width:100%}.prompt-suggestion-icon{position:absolute;top:-25px;right:-15px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #8b5cf64d;z-index:10}.prompt-suggestion-icon:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 3px 10px #8b5cf666;transform:scale(1.05)}.prompt-magic-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #f59e0b4d;z-index:10;white-space:nowrap}.prompt-magic-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 3px 10px #f59e0b66;transform:translateY(-50%) scale(1.05)}.prompt-magic-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-textarea{width:100%;padding:10px;border:2px solid #e5e7eb;border-radius:12px;font-size:13px;font-family:inherit;color:#1f2937;resize:vertical;height:70px;transition:all .3s ease;background:#fff}button.toolbar-btn svg{width:15px!important;height:15px!important}.prompt-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.prompt-textarea::placeholder{color:#9ca3af}textarea.prompt-textarea{padding-right:155px}.floating-toolbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;z-index:1000;max-width:95vw}.floating-toolbar.toolbar-full{gap:.75rem}.floating-toolbar.toolbar-minimal{gap:0;background:transparent;padding:0;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.frame-selector-container{position:fixed;bottom:-1rem;left:50%;transform:translate(-50%);z-index:1000}.close-frame-selector-corner{position:absolute;z-index:99999;top:-2.5rem;right:-.5rem;background:#fffffffa;border:2px solid #e5e7eb;cursor:pointer;color:#6b7280;padding:.75rem;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1001;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.generating-grid-centered .generating-placeholder-centered,.generated-grid-centered .generated-image-card-centered{grid-column:2 / 3}.close-frame-selector-corner:hover{background:#fff;color:#ef4444;border-color:#ef4444;transform:scale(1.1);box-shadow:0 6px 20px #ef444440}.collection-btn,.browse-btn{font-size:10px!important}.toolbar-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:12px;color:#000;cursor:pointer;transition:all .3s ease;font-size:.7rem;font-weight:600;min-width:60px;border:1px solid rgb(242,233,233)}.toolbar-btn.frame-btn{padding:0!important;gap:.5rem;min-width:120px}.toolbar-btn.size-btn{padding:1rem;gap:.5rem;min-width:100px;border:2px solid #e5e7eb;background:#fff}.toolbar-btn.size-btn.active{border-color:var(--primary);background:#eff6ff}.toolbar-btn.size-btn:hover{border-color:var(--primary);background:#f0f9ff}.size-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.size-dimensions{font-size:1rem;font-weight:700;color:#1f2937}.size-btn.active .size-dimensions{color:#3b82f6}.size-price{font-size:.875rem;font-weight:600;color:#6b7280;padding:.25rem .5rem;background:#f3f4f6;border-radius:6px}.size-btn.active .size-price{background:#dbeafe;color:#3b82f6}.frame-preview-icon{width:24px;height:24px;border-radius:4px;overflow:hidden;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.frame-btn .frame-preview-icon{width:120px;height:80px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.frame-preview-icon img{width:100%;height:100%;object-fit:cover}.toolbar-btn span{text-align:center;line-height:1.2}.frame-btn span{width:120px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.25rem;font-size:.75rem;line-height:1.2;font-weight:600}.frame-price{display:block;font-size:.875rem;color:#667eea;font-weight:700;margin-top:4px}.paper-selector-toolbar{display:flex;gap:1rem;align-items:center;overflow-x:auto}.toolbar-btn.paper-btn{flex-direction:column;min-width:140px;padding:1rem;gap:.5rem;position:relative;transition:all .3s ease}.toolbar-btn.paper-btn:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.paper-image{width:100%;height:80px;border-radius:8px;overflow:hidden;margin-bottom:.5rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.paper-image img{width:100%;height:100%;object-fit:cover}.paper-info-inline{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.paper-name{font-size:.875rem;font-weight:600;flex:1;text-align:left}.paper-price{font-size:.875rem;color:#667eea;font-weight:700;white-space:nowrap}.toolbar-btn.paper-btn.active{border:2px solid #089f6f;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.toolbar-btn.paper-btn.active .paper-price{color:#fff}.customize-toolbar{display:flex;gap:.75rem;align-items:center}.back-button-corner{position:absolute;top:-45px;left:-20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;color:#667eea;cursor:pointer;transition:all .3s ease;z-index:1002;box-shadow:0 2px 8px #0000001a}.back-button-corner:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.15);box-shadow:0 6px 20px #667eea59}.filter-options-toolbar{display:flex;gap:.75rem;align-items:center;overflow-x:auto}.filter-slider-container{position:relative;display:flex;align-items:center;gap:1rem;bottom:2rem;width:100%;max-width:80%;margin:0 auto}.filter-loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:16px}.filter-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem}.filter-loader .spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite}.filter-loader span{font-size:.9rem;color:#6366f1;font-weight:600}.filter-slider-wrapper{flex:1;overflow:hidden;position:relative}.filter-slider-track{display:flex;gap:.75rem;align-items:center;will-change:transform}.filter-slider-nav{background:#fff;border:2px solid #e5e7eb;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#374151}.filter-slider-nav:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #6366f140}.filter-slider-nav:disabled{opacity:.3;cursor:not-allowed}.filter-slider-nav svg{width:20px;height:20px}.toolbar-btn.filter-btn{flex-direction:column;min-width:80px;padding:.75rem;gap:.5rem;transition:all .3s ease;flex-shrink:0}.toolbar-btn.filter-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.filter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.filter-preview{width:50px;height:50px;border-radius:8px;border:2px solid #e5e7eb}@media(max-width:768px){.filter-slider-container{max-width:100%!important;width:100%!important;bottom:0!important;gap:0!important;padding:.75rem .5rem!important;background:#fffffffa!important;border-radius:16px 16px 0 0!important;box-shadow:0 -4px 20px #0000001a!important}.filter-slider-wrapper{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:rgba(0,0,0,.2) transparent!important}.filter-slider-wrapper::-webkit-scrollbar{height:4px!important}.filter-slider-wrapper::-webkit-scrollbar-track{background:transparent!important}.filter-slider-wrapper::-webkit-scrollbar-thumb{background:#0003!important;border-radius:2px!important}.filter-slider-track{gap:.5rem!important;flex-wrap:nowrap!important}.toolbar-btn.filter-btn{min-width:70px!important;padding:.5rem!important;flex-shrink:0!important}.filter-preview{width:40px!important;height:40px!important}.filter-slider-nav{display:none!important}}.none-filter{background:linear-gradient(135deg,#fff,#f3f4f6)}.light-cream-filter{background:linear-gradient(135deg,#fff8e7,bisque)}.chrome-filter{background:linear-gradient(135deg,#4a4a4a,#1a1a1a)}.pinewood-filter{background:linear-gradient(135deg,#d4a574,#8b6914)}.freedom-filter{background:linear-gradient(135deg,#ffd89b,#19547b)}.bg-filter{background:linear-gradient(135deg,#000,#fff)}.vintage-filter{background:linear-gradient(135deg,#d4a574,#8b6f47)}.moody-filter{background:linear-gradient(135deg,#2c3e50,#000)}.cinematic-filter{background:linear-gradient(135deg,#1f4037,#99f2c8)}.sunset-filter{background:linear-gradient(135deg,#ff6b6b,#ffd93d)}.arctic-filter{background:linear-gradient(135deg,#a8edea,#fed6e3)}.vibrant-filter{background:linear-gradient(135deg,#ff6b9d,#c06c84,#f67280)}.drama-filter{background:linear-gradient(135deg,#141e30,#243b55)}.bw-filter{background:linear-gradient(135deg,#000,#fff)}.sepia-filter{background:linear-gradient(135deg,#f4a460,#704214)}.cool-filter{background:linear-gradient(135deg,#667eea,#764ba2)}.warm-filter{background:linear-gradient(135deg,#f6d365,#fda085)}.soft-filter{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.sharp-filter{background:linear-gradient(135deg,#434343,#000)}.frame-selector-container .floating-toolbar{position:relative}header.header-v5{z-index:99999}.close-frame-selector-corner:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.15);box-shadow:0 6px 20px #ef444459}.toolbar-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937;transform:translateY(-2px)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:blur(.5px)}.toolbar-btn.active,.toolbar-btn.active:hover,.toolbar-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.toolbar-btn.primary:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.toolbar-btn.danger{color:#ef4444}.toolbar-btn.danger:hover{background:#fee2e2;color:#dc2626}.toolbar-separator{width:2px;height:50px;background:linear-gradient(to bottom,transparent,rgba(209,213,219,.5),transparent);margin:0 8px;flex-shrink:0}.toolbar-left-section{display:flex;align-items:center;margin-right:auto}.toolbar-vertical-buttons{display:flex;flex-direction:row;gap:.5rem;align-items:flex-start}.toolbar-btn.vertical{flex-direction:row;gap:.5rem;padding:.75rem 1rem;min-width:120px;justify-content:flex-start}.toolbar-btn.vertical span{font-size:.875rem}.toolbar-btn.back-btn{flex-direction:column;gap:.25rem;padding:.5rem .75rem;min-width:60px;justify-content:center;align-items:center;background:transparent;border:1px solid rgb(242,233,233)}.toolbar-btn.back-btn:hover{background:#f3f4f6;transform:translateY(-2px)}.toolbar-btn.back-btn span{font-size:.7rem;font-weight:600}.price-display-box{position:absolute;z-index:999999999999!important;top:100px;right:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #667eea4d;z-index:100;min-width:180px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.price-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px;font-weight:600}.price-amount{font-size:2rem;font-weight:700;margin-bottom:12px;line-height:1}.price-breakdown{font-size:.875rem;padding:6px 0;border-top:1px solid rgba(255,255,255,.2);opacity:.95}.price-breakdown:first-of-type{margin-top:8px}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn span{font-size:.75rem;white-space:nowrap}.selected-check{position:absolute;top:-6px;right:-6px;color:#10b981;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0000001a}.frame-selector-toolbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);gap:1rem;max-width:90vw;width:auto;position:relative}.close-frame-selector-corner{position:absolute;z-index:9999999999!important;top:-3rem;right:-1rem;background:#ffffffe6;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #0000001a}.close-frame-selector-corner:hover{background:#fff;color:#1f2937;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.frame-options-compact{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0}.frame-option-compact{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;min-width:90px}.frame-option-compact:hover{transform:translateY(-4px)}.frame-image-wrapper-compact{width:90px;height:90px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.frame-option-compact:hover .frame-image-wrapper-compact{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f64d}.frame-image-compact{width:100%;height:100%;object-fit:cover}.frame-name-compact{margin:0;font-size:.75rem;font-weight:600;color:#374151;text-align:center}.frame-option-compact:hover .frame-name-compact{color:#3b82f6}@media(max-width:1024px){.images-container{gap:2rem}.product-image,.upload-image{width:280px;height:336px}.floating-toolbar{flex-wrap:wrap;max-width:90%}.toolbar-btn{min-width:70px;padding:.75rem 1rem}}@media(max-width:768px){.back-button-corner{left:0!important}.images-container{flex-direction:column;gap:1.5rem}.product-image,.upload-image{width:90%;max-width:350px;height:auto;min-height:400px}.customize-content-centered{padding:0rem!important}.floating-toolbar{bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%}.floating-toolbar.toolbar-full{border-radius:16px 16px 0 0;padding:.75rem .5rem;gap:.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(0,0,0,.1)}.floating-toolbar.toolbar-minimal{bottom:2rem;left:1rem;right:auto;width:auto}.floating-toolbar.toolbar-full::-webkit-scrollbar{height:6px}.floating-toolbar.toolbar-full::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.floating-toolbar.toolbar-full::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.floating-toolbar.toolbar-full::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.toolbar-btn{min-width:70px!important;flex-shrink:0!important;padding:.625rem .75rem!important}.customize-content-wrapper{margin-top:2rem!important}.toolbar-btn span{font-size:.625rem}.ai-blend-toggle-container{top:5.5rem;right:1rem}.ai-blend-toggle{padding:.5rem .875rem;gap:.5rem}.ai-blend-toggle .toggle-label{font-size:.75rem}.toggle-switch{width:40px;height:20px}.toggle-slider{width:16px;height:16px}.toggle-switch.on .toggle-slider{transform:translate(20px)}.toolbar-vertical-buttons{flex-direction:row;gap:.25rem}.toolbar-btn.vertical{min-width:60px;padding:.625rem .5rem!important}.toolbar-btn.back-btn{min-width:70px!important;padding:.625rem .75rem!important;flex-direction:column}.toolbar-btn.back-btn span{font-size:.625rem}.toolbar-left-section{margin-right:.5rem}.price-display-box{position:fixed;top:auto;bottom:-6rem;left:8px;right:auto;min-width:auto;width:auto;max-width:calc(100vw - 16px);padding:10px 14px;border-radius:8px;box-shadow:0 4px 16px #667eea40;z-index:999999999999!important}.price-label{font-size:.65rem;margin-bottom:4px;letter-spacing:.5px}.price-amount{font-size:1.5rem;margin-bottom:6px}.price-breakdown{font-size:.75rem;padding:4px 0;line-height:1.3}.price-breakdown:first-of-type{margin-top:4px}.frame-selector-container{bottom:0;left:0;right:0;transform:none;width:100%}.frame-selector-container .floating-toolbar{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:.75rem .5rem;gap:.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.frame-selector-container .floating-toolbar::-webkit-scrollbar{height:4px}.frame-selector-container .floating-toolbar::-webkit-scrollbar-track{background:transparent}.frame-selector-container .floating-toolbar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.close-frame-selector-corner{top:-2.5rem;right:.5rem;padding:.5rem;width:36px;height:36px}.close-frame-selector-corner svg{width:18px;height:18px}.paper-selector-toolbar{width:100%;max-width:100%;padding:.75rem .5rem;gap:.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.paper-selector-toolbar::-webkit-scrollbar{height:4px}.paper-selector-toolbar::-webkit-scrollbar-track{background:transparent}.paper-selector-toolbar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.toolbar-btn.paper-btn{min-width:100px;padding:.625rem .5rem;flex-shrink:0}.paper-image{height:60px}.paper-info-inline{flex-direction:column;align-items:flex-start;gap:.25rem}.images-container:has(.image-block:only-child){min-height:50vh;display:flex;align-items:center;justify-content:center}}.customize-header-v3{background:#fff;border-bottom:1px solid #e5e7eb;padding:.875rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000000a}.back-btn-v3{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;transition:all .2s;flex-shrink:0}.back-btn-v3:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translate(-2px)}.header-text-v3{flex:1;min-width:0}.header-title-v3{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b;letter-spacing:-.01em;line-height:1.3}.header-subtitle-v3{margin:.125rem 0 0;font-size:.8125rem;color:#64748b;font-weight:500;line-height:1.4}.step-indicator-v3{display:flex;align-items:center;gap:0;background:#f8fafc;padding:.5rem 1rem;border-radius:50px;border:1px solid #e2e8f0;flex-shrink:0}.step-v3{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;border-radius:20px}.step-v3:hover{background:#e2e8f0}.step-number-v3{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;transition:all .2s ease;flex-shrink:0}.step-v3.active .step-number-v3{background:#10b981;color:#fff;box-shadow:0 2px 8px #667eea4d}.step-v3.completed .step-number-v3{background:#10b981!important;color:#fff!important;box-shadow:0 2px 8px #10b9814d!important}.step-label-v3{font-size:.8125rem;font-weight:600;color:#64748b;white-space:nowrap;transition:color .2s ease}.step-v3.active .step-label-v3{color:#10b981}.step-v3.completed .step-label-v3{color:#10b981!important}.step-line-v3{width:32px;height:2px;background:#e2e8f0;margin:0 .375rem}.cart-btn-header-v3{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;transition:all .2s;flex-shrink:0}.cart-btn-header-v3:hover{background:#e2e8f0;border-color:#cbd5e1;transform:scale(1.05)}.cart-counter-v3{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 6px #ef444466;animation:pulse 2s ease-in-out infinite}@media(max-width:968px){.customize-header-v3{padding:.75rem 1.25rem;gap:1rem}.header-title-v3{font-size:1rem}.header-subtitle-v3{font-size:.75rem}.step-label-v3{display:none}.step-v3{padding:.25rem}}.customize-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 40px;display:flex;align-items:center;gap:24px;box-shadow:0 2px 8px #0000000d;position:relative}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.customize-header h1{font-size:24px;font-weight:700;color:#1e293b;margin:0;flex:1}.cart-btn-header{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;transition:all .2s;margin-left:auto}.cart-btn-header:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.cart-counter{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 6px #ef444466;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-indicator{margin:10px auto;padding:0 40px;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0}.step{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s ease}.step-number{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .3s ease;border:2px solid transparent}.step.active .step-number{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:#10b981;box-shadow:0 4px 15px #667eea66}.step.completed .step-number{background:#10b981!important;color:#fff!important;border-color:#10b981!important;box-shadow:0 4px 15px #10b98166!important}.step-label{font-size:11px;font-weight:600;color:#64748b;text-align:center;transition:color .3s ease}.step.active .step-label{color:#10b981}.step.completed .step-label{color:#10b981!important}.step-line{width:50px;height:2px;background:#e2e8f0;margin:0 6px 16px}.customize-container{flex:1;margin:0;margin-top:30px!important;padding:0 40px 30px;display:block;width:100%;overflow-y:auto;max-height:calc(100vh - 68px)}@media(max-width:968px){.customize-container{grid-template-columns:1fr;padding:0 20px}}.product-section{display:flex;flex-direction:column;gap:24px}.product-info-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014}.product-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;margin-bottom:16px}.product-title{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 20px;line-height:1.2}.affirmation-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;padding:20px 24px;margin:20px 0;display:flex;gap:16px;align-items:flex-start}.affirmation-icon{font-size:28px;flex-shrink:0}.affirmation-text{font-size:18px;font-weight:600;font-style:italic;color:#78350f;margin:0;line-height:1.6}.product-description{font-size:16px;color:#64748b;line-height:1.6;margin:16px 0 0}.image-preview-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.image-container{position:relative;width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#f8fafc;margin-bottom:20px}.preview-image{width:100%;height:100%;object-fit:cover}.edited-badge{position:absolute;top:16px;right:16px;background:#10b981;color:#fff;padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.edit-image-btn{width:100%;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 4px 16px #8b5cf64d}.edit-image-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.edit-image-btn:active{transform:translateY(0)}.options-section{position:sticky;top:20px;height:fit-content}.options-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014}.options-card h3{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 28px}.option-group{margin-bottom:28px}.option-label{display:block;font-size:14px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.size-option{padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.size-option:hover{background:#f1f5f9;border-color:#cbd5e1}.size-option.active{background:#ede9fe;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.size-label{font-size:16px;font-weight:700;color:#1e293b}.size-price{font-size:13px;color:#64748b;font-weight:600}.size-option.active .size-label{color:#7c3aed}.size-option.active .size-price{color:#8b5cf6}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.radio-option:hover{background:#f1f5f9;border-color:#cbd5e1}.radio-option.active{background:#ede9fe;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.radio-option input[type=radio]{margin-top:2px;width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.radio-content{display:flex;flex-direction:column;gap:4px;flex:1}.radio-label{font-size:15px;font-weight:700;color:#1e293b}.radio-desc{font-size:13px;color:#64748b}.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.checkbox-option:hover{background:#f1f5f9;border-color:#cbd5e1}.checkbox-option input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.checkbox-option input[type=checkbox]:checked~.checkbox-content .checkbox-label{color:#7c3aed}.checkbox-content{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-label{font-size:15px;font-weight:700;color:#1e293b}.checkbox-desc{font-size:13px;color:#64748b}.quantity-selector{display:flex;align-items:center;gap:16px;justify-content:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:8px;width:fit-content}.qty-btn{width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:20px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-value{font-size:18px;font-weight:700;color:#1e293b;min-width:32px;text-align:center}.price-summary{margin-top:32px;padding-top:24px;border-top:2px solid #e2e8f0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:#64748b}.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:2px solid #e2e8f0}.total-row span:first-child{font-size:18px;font-weight:700;color:#1e293b}.total-price{font-size:28px;font-weight:800;color:#10b981}.add-to-cart-btn{width:100%;margin-top:24px;padding:18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #10b9814d}.add-to-cart-btn .btn-icon{flex-shrink:0;display:inline-block}.add-to-cart-btn .btn-icon.spin{animation:spin 1s linear infinite}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.add-to-cart-btn:hover:not(:disabled) .btn-icon:not(.spin){transform:scale(1.1);transition:transform .2s ease}.add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cart-hint{text-align:center;padding:12px 16px;margin:16px 0 0;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;font-weight:500}.customize-loading,.customize-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px}.customize-loading p,.customize-error p{font-size:18px;color:#64748b}.customize-error h2{font-size:32px;font-weight:700;color:#ef4444;margin:0}.customize-error button{margin-top:20px;padding:12px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}@media(max-width:1024px){.customize-container{grid-template-columns:1fr}.options-section{position:static}}@media(max-width:768px){.customize-header{padding:16px 20px}.customize-header h1{font-size:20px}.customize-container{padding:0 20px;margin:24px auto;gap:24px}.product-info-card,.image-preview-card,.options-card{padding:20px}.product-title{font-size:24px}.affirmation-text{font-size:16px}.size-grid{grid-template-columns:1fr}}.floating-revision-btn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 16px #667eea59;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:1000}.floating-revision-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #667eea73}.floating-revision-btn:active{transform:scale(.96)}.revision-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #ef444466;border:2px solid white}.revision-overlay{position:fixed;inset:0;background:#0006;z-index:1001;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.revision-panel{position:fixed;right:0;top:0;bottom:0;width:340px;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1002;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.revision-panel-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.revision-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.revision-panel-header .close-btn{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.revision-panel-header .close-btn:hover{background:#e2e8f0;color:#1e293b}.revision-section{padding:20px;overflow-y:auto;flex:1}.revision-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.revision-list{display:flex;flex-direction:column;gap:12px}.revision-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;position:relative;transition:all .2s}.revision-clickable{display:flex;gap:12px;flex:1;cursor:pointer;min-width:0}.revision-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(-4px)}.revision-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;background:#ef4444e6;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.revision-item:hover .revision-delete-btn{opacity:1}.revision-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.revision-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.revision-item.selected:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.selected-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.revision-item{position:relative}.base-image-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.base-image-item:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b}.base-image-item .revision-name{color:#92400e;font-weight:600}.base-image-item .revision-date{color:#b45309}.revision-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.revision-info{flex:1;min-width:0}.revision-name{margin:0 0 4px;font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revision-date{margin:0;font-size:11px;color:#64748b}.no-revisions{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.revision-hint{text-align:center;padding:20px;color:#64748b;font-size:13px;font-style:italic;margin:8px 0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toast{position:fixed;bottom:80px;right:30px;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:14px;font-weight:500;color:#1e293b;z-index:10000;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;display:flex;align-items:center;gap:10px;min-width:250px}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-left:4px solid #22c55e}.toast-success:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#22c55e;color:#fff;border-radius:50%;font-weight:700;font-size:12px}.toast-error{border-left:4px solid #ef4444}.toast-error:before{content:"✕";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-weight:700;font-size:12px}.toast-warning{border-left:4px solid #f59e0b}.toast-warning:before{content:"⚠";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f59e0b;color:#fff;border-radius:50%;font-weight:700;font-size:14px}@media(max-width:768px){.revision-panel{width:100%;max-width:90%}.floating-revision-btn{bottom:20px;right:20px;width:56px;height:56px}.toast{right:20px;bottom:70px;min-width:auto;max-width:calc(100vw - 40px)}}.confirmation-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.step-content-compact{grid-column:1 / -1;height:100%}.step-layout-horizontal{display:grid;grid-template-columns:2fr 380px;gap:25px;height:100%;align-items:start}.product-preview-main{height:100%;display:flex;flex-direction:column}.step-info-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:18px;height:fit-content;position:sticky;top:15px;max-height:calc(100vh - 140px);overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:10px}.step-badge-small{display:inline-block;width:fit-content;padding:4px 10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.sidebar-desc{font-size:13px;color:#64748b;line-height:1.5;margin:0}.features-compact{display:flex;flex-direction:column;gap:8px}.feature-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;line-height:1.4}.feature-bullet{color:#10b981;font-size:18px;font-weight:700;line-height:1;flex-shrink:0}.status-card{padding:12px;border-radius:8px;display:flex;align-items:flex-start;gap:10px}.status-card.success-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.status-card.info-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.status-icon-small{width:24px;height:24px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.success-card .status-icon-small{color:#10b981}.info-card .status-icon-small{color:#3b82f6}.status-content{display:flex;flex-direction:column;gap:2px;font-size:13px}.status-content strong{color:#1e293b;font-weight:600}.status-content span{color:#475569;font-size:12px}.sidebar-actions-compact{display:flex;flex-direction:column;gap:10px}.btn-primary-compact{width:100%;padding:12px 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 12px #667eea4d}.btn-primary-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #667eea66}.btn-primary-compact:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary-compact .arrow-icon{font-size:16px;transition:transform .3s ease}.btn-primary-compact:hover:not(:disabled) .arrow-icon{transform:translate(3px)}.btn-link-small{background:none;border:none;color:#10b981;font-size:12px;font-weight:600;cursor:pointer;transition:color .3s ease;text-align:center;padding:6px}.btn-link-small:hover{color:#764ba2;text-decoration:underline}.step-content{grid-column:1 / -1}.step-grid-focused{display:grid;grid-template-columns:2fr 1fr;gap:30px;height:100%;align-items:start}.product-preview-large{height:100%;display:flex;flex-direction:column}.step-sidebar-compact{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;height:fit-content;position:sticky;top:20px;max-height:calc(100vh - 180px);overflow-y:auto}.sidebar-header{display:flex;flex-direction:column;gap:10px}.step-badge{display:inline-block;width:fit-content;padding:6px 14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-header h3{font-size:22px;font-weight:700;color:#1e293b;margin:0}.sidebar-description{font-size:15px;color:#64748b;line-height:1.6;margin:0}.feature-list-compact{display:flex;flex-direction:column;gap:10px}.feature-compact{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#475569;line-height:1.5}.feature-dot{color:#10b981;font-size:20px;font-weight:700;line-height:1}.status-box{padding:16px;border-radius:10px;display:flex;align-items:flex-start;gap:12px}.status-box.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.status-box.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.status-icon{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.status-box.success .status-icon{color:#10b981}.status-box.info .status-icon{color:#3b82f6}.status-text{display:flex;flex-direction:column;gap:4px;font-size:14px}.status-text strong{color:#1e293b;font-weight:600}.status-text span{color:#475569;font-size:13px}.sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.btn-primary-large{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #667eea4d}.btn-primary-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary-large .btn-arrow{font-size:20px;transition:transform .3s ease}.btn-primary-large:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.btn-text-link{background:none;border:none;color:#10b981;font-size:14px;font-weight:600;cursor:pointer;transition:color .3s ease;text-align:center;padding:8px}.btn-text-link:hover{color:#764ba2;text-decoration:underline}.step-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}.step-instructions-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.instruction-icon{font-size:64px;margin-bottom:20px}.step-instructions-card h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 15px}.instruction-text{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 30px}.instruction-features{width:100%;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;text-align:left;font-size:15px;color:#475569}.feature-icon{font-size:24px}.completion-notice{width:100%;padding:15px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px}.check-icon{width:24px;height:24px;background:#fff;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.finalize-grid{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:30px}.step-actions{grid-column:1 / -1;display:flex;gap:15px;justify-content:center;align-items:center;margin-top:30px;padding:20px}.next-step-btn,.back-step-btn,.skip-btn,.blend-action-btn{padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none}.next-step-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #667eea4d}.next-step-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.next-step-btn:disabled{opacity:.5;cursor:not-allowed}.back-step-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.back-step-btn:hover{background:#e2e8f0}.skip-btn{background:transparent;color:#10b981;border:2px solid #10B981}.skip-btn:hover{background:#f0f4ff}.blend-action-btn{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.blend-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.blend-action-btn:disabled{opacity:.7;cursor:not-allowed}.blend-section-compact{grid-column:1 / -1;background:#fff;border-radius:16px;padding:25px 30px;box-shadow:0 4px 20px #00000014;height:fit-content}.blend-header-compact{margin-bottom:20px}.blend-header-with-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.blend-title-row{display:flex;flex-direction:column;gap:4px;flex:1}.blend-title-row h2{font-size:22px;font-weight:700;color:#1e293b;margin:0}.blend-subtitle{font-size:14px;color:#64748b;margin:0}.blend-layout-compact{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}.blend-images-column{display:flex;align-items:center;gap:20px}.blend-image-compact{display:flex;flex-direction:column;gap:8px;align-items:center}.image-label-small{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.image-box-compact{width:200px;height:200px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;position:relative;transition:all .3s}.image-box-compact:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.image-box-compact img{width:100%;height:100%;object-fit:cover}.change-btn-small{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.change-btn-small:hover{background:#000000e6}.upload-box-compact{width:200px;height:200px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s}.upload-box-compact:hover{border-color:#10b981;background:#f0f4ff}.upload-icon-small{font-size:40px}.upload-text-small{font-size:13px;color:#64748b;margin:0;text-align:center}.blend-plus-compact{font-size:28px;font-weight:700;color:#cbd5e1;flex-shrink:0}.blend-controls-column{display:flex;flex-direction:column;gap:20px;min-width:0}.blend-prompt-compact{display:flex;flex-direction:column;gap:10px}.prompt-label-small{font-size:13px;font-weight:600;color:#334155}.blend-textarea-compact{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#334155;resize:none;transition:all .3s;background:#fff}.blend-textarea-compact:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #667eea1a}.blend-textarea-compact:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.prompt-templates-compact{display:flex;gap:8px;flex-wrap:wrap}.template-chip{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .3s}.template-chip:hover:not(:disabled){border-color:#10b981;color:#10b981;background:#f0f4ff}.template-chip:disabled{opacity:.5;cursor:not-allowed}.blend-actions-compact{display:flex;flex-direction:column;gap:12px}.tries-remaining{margin:0;text-align:center;font-size:13px;color:#10b981;font-weight:600}.tries-exhausted{margin:0;text-align:center;font-size:13px;color:#ef4444;font-weight:600}.btn-blend-primary{width:100%;padding:14px 20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #f59e0b4d}.btn-blend-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-blend-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.upload-prompt{padding:14px;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px;text-align:center;font-size:14px;color:#4f46e5;font-weight:500}.navigation-row-compact{display:flex;gap:10px}.btn-nav-compact{flex:1;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.btn-nav-compact:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-nav-compact.secondary{background:#fff;border:1px solid #10B981;color:#10b981}.btn-nav-compact.secondary:hover{background:#f0f4ff}.blend-section{grid-column:1 / -1;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.blend-section h2{text-align:center;font-size:28px;font-weight:700;color:#1e293b;margin:0 0 10px}.step-description{text-align:center;color:#64748b;font-size:16px;margin:0 0 40px}.blend-container{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;margin-bottom:30px;align-items:center}.blend-image-panel h3{font-size:18px;font-weight:600;color:#334155;margin:0 0 15px;text-align:center}.image-preview-box{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;position:relative}.image-preview-box img{width:100%;height:100%;object-fit:cover}.image-label{text-align:center;font-size:14px;color:#64748b;margin-top:10px}.change-image-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s;width:150px!important}.change-image-btn:hover{background:#000000e6}.blend-separator{display:flex;flex-direction:column;align-items:center;gap:10px}.plus-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 4px 15px #667eea4d}.blend-arrow{font-size:32px;color:#cbd5e1}.upload-dropzone{width:100%;aspect-ratio:1;border:3px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:all .3s;padding:20px}.upload-dropzone:hover{border-color:#10b981;background:#f0f4ff}.upload-icon{font-size:64px}.upload-dropzone p{margin:0;color:#475569;font-size:16px;font-weight:500}.upload-or{color:#94a3b8!important;font-size:14px!important}.upload-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.blend-prompt-section{background:#f8fafc;border-radius:12px;padding:25px;margin-bottom:30px}.prompt-label{display:block;font-size:16px;font-weight:600;color:#334155;margin-bottom:12px}.blend-textarea{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:inherit;color:#334155;resize:vertical;transition:all .3s;background:#fff}.blend-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #667eea1a}.prompt-templates{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.template-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;transition:all .3s}.template-btn:hover{border-color:#10b981;color:#10b981;background:#f0f4ff}.final-preview-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.final-preview-card h3{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 20px;text-align:center}.final-image-preview{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;margin-bottom:20px}.final-image-preview img{width:100%;height:100%;object-fit:cover}.completion-badges{display:flex;gap:10px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.completion-badges .badge{padding:8px 16px;background:#10b981;color:#fff;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px}.edit-design-btn{width:100%;padding:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.edit-design-btn:hover{background:#e2e8f0;border-color:#cbd5e1}@media(max-width:968px){.step-layout-horizontal{grid-template-columns:1fr}.step-info-sidebar{position:relative;top:0;max-height:none}.step-grid-focused{grid-template-columns:1fr}.step-sidebar-compact{position:relative;top:0}.step-grid,.finalize-grid{grid-template-columns:1fr}.blend-container{grid-template-columns:1fr;gap:20px}.blend-layout-compact{grid-template-columns:1fr}.blend-images-column{flex-direction:column}.blend-plus-compact{transform:rotate(90deg)}.blend-separator{flex-direction:row}.blend-arrow{transform:rotate(90deg)}.step-indicator{padding:0 15px}.step-label{font-size:12px}.step-line{width:40px}.step-actions{flex-direction:column;gap:10px}.next-step-btn,.back-step-btn,.skip-btn,.blend-action-btn{width:100%;justify-content:center}}.confirmation-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444}.confirmation-modal h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.confirmation-modal p{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 28px}.confirmation-buttons{display:flex;gap:12px;justify-content:center}.btn-cancel,.btn-delete{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.blend-results-section{display:flex;flex-direction:column;gap:20px;margin-top:30px;padding-top:30px;border-top:2px solid #e2e8f0}.generation-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.generation-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-left:4px solid #10B981;border-radius:8px}.generation-header-content{flex:1}.generation-prompt{margin:0;font-size:13px;color:#334155;font-weight:500;flex:1}.generation-timestamp{font-size:12px;color:#94a3b8;font-weight:500}.delete-generation-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-generation-btn:hover{background:#fee2e2;color:#dc2626}.results-header{text-align:center;margin-bottom:10px}.results-subtitle{font-size:15px;color:#64748b;margin:0}.blend-results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:10px 0}.blend-result-card{aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;transition:all .3s;position:relative}.blend-result-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 20px #667eea33}.result-image-wrapper{width:100%;padding-top:100%;position:relative;overflow:hidden}.result-image-wrapper img,.result-image-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.result-hover-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:5}.blend-result-card:hover .result-hover-overlay{opacity:1}.add-to-selection-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#334155;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026}.add-to-selection-btn:hover:not(:disabled){background:#10b981;color:#fff;transform:scale(1.05)}.add-to-selection-btn.selected{background:#10b981;color:#fff;cursor:default}.add-to-selection-btn:disabled{cursor:not-allowed}.get-more-card{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #cbd5e1}.get-more-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:transparent;border:none;cursor:pointer;color:#64748b;font-size:14px;font-weight:600;transition:all .3s;text-align:center}.get-more-btn:hover:not(:disabled){color:#10b981;transform:scale(1.05)}.get-more-btn:disabled{opacity:.5;cursor:not-allowed}.get-more-icon{font-size:36px}.results-actions{display:flex;justify-content:space-between;gap:15px;padding-top:10px}.btn-nav-compact.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-nav-compact.primary:hover{background:linear-gradient(135deg,#5568d3,#5e3d7f);box-shadow:0 4px 12px #667eea4d}.btn-nav-compact.skip-btn{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-nav-compact.skip-btn:hover:not(.disabled){background:#f8fafc;box-shadow:0 4px 12px #667eea26}.btn-nav-compact.skip-btn.disabled,.btn-skip-customize.disabled{opacity:.5;cursor:not-allowed;background:#e2e8f0;color:#94a3b8;border-color:#e2e8f0}.btn-skip-customize{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-skip-customize:hover:not(.disabled){background:#f8fafc;box-shadow:0 4px 12px #667eea26}.loading-card{pointer-events:none;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blur-loading-image{filter:blur(20px);transform:scale(1.1);opacity:.7}.loading-overlay{position:absolute;inset:0;background:linear-gradient(110deg,#fff0,#ffffff4d 45%,#ffffff80,#ffffff4d 55%,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.loading-shimmer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0%,transparent 70%);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.get-more-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#10b981}.finalize-section-full{grid-column:1 / -1;display:flex;flex-direction:column;gap:20px;padding:25px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.finalize-header{text-align:center;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.finalize-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.finalize-subtitle{font-size:14px;color:#64748b;margin:0}.empty-designs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-designs-state .empty-icon{color:#cbd5e1;margin-bottom:1.5rem}.empty-designs-state h3{font-size:1.5rem;color:#334155;margin-bottom:.5rem}.empty-designs-state p{font-size:1rem;color:#64748b;margin-bottom:2rem}.empty-designs-state .btn-primary{padding:.75rem 2rem;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.empty-designs-state .btn-primary:hover{background:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.selected-designs-list{display:flex;flex-direction:column;gap:20px}.design-customization-card{display:grid;grid-template-columns:250px 1fr 200px;gap:25px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s}.design-customization-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.design-preview-section{display:flex;flex-direction:column;gap:12px;align-items:center}.design-number{font-size:13px;font-weight:600;color:#10b981;padding:4px 12px;background:#f0f4ff;border-radius:6px}.design-image-wrapper{width:200px;height:200px;border-radius:10px;overflow:hidden;border:2px solid #e2e8f0;background:#fff}.design-image-wrapper img{width:100%;height:100%;object-fit:cover}.remove-design-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.remove-design-btn:hover:not(:disabled){background:#fecaca;border-color:#fca5a5}.remove-design-btn:disabled{opacity:.5;cursor:not-allowed}.design-options-section{display:flex;flex-direction:column;gap:16px}.option-group-compact{display:flex;flex-direction:column;gap:8px}.option-label-compact{font-size:13px;font-weight:600;color:#334155}.size-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-btn-compact{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s}.size-btn-compact:hover:not(:disabled){border-color:#10b981;background:#f0f4ff}.size-btn-compact.active{border-color:#10b981;background:#10b981;color:#fff}.size-btn-compact:disabled{opacity:.5;cursor:not-allowed}.size-label-compact{font-size:12px;font-weight:600}.size-price-compact{font-size:10px;opacity:.7}.paper-options-compact{display:flex;gap:10px}.paper-btn-compact{flex:1;padding:10px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .3s}.paper-btn-compact:hover:not(:disabled){border-color:#10b981;background:#f0f4ff}.paper-btn-compact.active{border-color:#10b981;background:#10b981;color:#fff}.paper-btn-compact:disabled{opacity:.5;cursor:not-allowed}.checkbox-label-compact{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer}.checkbox-label-compact input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label-compact input[type=checkbox]:disabled{cursor:not-allowed}.quantity-control-compact{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:fit-content}.quantity-control-compact button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:16px;font-weight:700;color:#334155;cursor:pointer;transition:all .3s}.quantity-control-compact button:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.quantity-control-compact button:disabled{opacity:.3;cursor:not-allowed}.quantity-value{font-size:16px;font-weight:600;color:#334155;min-width:30px;text-align:center}.design-action-section{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.price-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 20px;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:10px;min-width:140px}.price-label{font-size:12px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.5px}.price-value{font-size:24px;font-weight:700;color:#1e293b}.add-to-cart-btn-compact{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-width:140px;box-shadow:0 4px 12px #667eea4d}.add-to-cart-btn-compact:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#5e3d7f);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.add-to-cart-btn-compact.added{background:linear-gradient(135deg,#10b981,#059669);cursor:default}.add-to-cart-btn-compact:disabled{opacity:.7;cursor:not-allowed}.finalize-actions{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid #e2e8f0}.btn-back-compact{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back-compact:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-add-all-compact{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #f59e0b4d}.btn-add-all-compact:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-add-all-compact:disabled{opacity:.7;cursor:not-allowed}.upload-mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.mode-btn{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.mode-btn:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.mode-btn.active{border-color:#6366f1;background:linear-gradient(135deg,#f0f4ff,#fff);box-shadow:0 8px 24px #6366f133}.mode-btn svg{flex-shrink:0;color:#6366f1;margin-top:4px}.mode-info h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.mode-info p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.upload-single{max-width:800px;margin:0 auto 32px}.upload-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.upload-section.full-width{width:100%}.upload-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.upload-header svg{color:#6366f1}.upload-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.upload-description{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.6}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;min-height:300px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;background:#f8fafc}.upload-area.large{min-height:400px}.upload-area:hover{border-color:#94a3b8;background:#f1f5f9}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;cursor:default;text-align:center;width:100%}.upload-placeholder svg{color:#94a3b8;transition:color .3s ease}.upload-placeholder:hover svg{color:#6366f1}.collection-btn,.browse-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.collection-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d;padding:10px!important}.collection-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.browse-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.browse-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.divider{display:flex;align-items:center;width:100%;gap:1rem;color:#9ca3af;font-size:.75rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 .5rem}.upload-text{font-size:16px;font-weight:600;color:#334155}.upload-hint{font-size:14px;color:#94a3b8}.preview-wrapper{position:relative;width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;padding:20px}.upload-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.remove-upload-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#ef4444f2;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.remove-upload-btn:hover{background:#dc2626;transform:scale(1.1)}.step-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.secondary-btn{padding:14px 28px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6366f14d}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-icon{animation:spin 1s linear infinite}.info-panel{background:linear-gradient(135deg,#f0f4ff,#fff);border:1px solid #e0e7ff;border-radius:12px;padding:24px}.info-panel h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.info-panel ul{list-style:none;padding:0;margin:0}.info-panel li{padding:8px 0 8px 24px;position:relative;color:#334155;line-height:1.6;font-size:14px}.info-panel li:before{content:"�";position:absolute;left:0;color:#6366f1;font-size:20px;line-height:1.2}@media(max-width:768px){.upload-mode-selector,.upload-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.secondary-btn,.primary-btn{width:100%;justify-content:center}}.mode-switch-container{display:flex;align-items:center;justify-content:center;gap:0;padding:4px;background:#f1f5f9;border-radius:10px;width:fit-content;flex-shrink:0}.mode-switch-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;color:#64748b;white-space:nowrap}.mode-switch-btn:hover{color:#334155}.mode-switch-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px #6366f126}.mode-icon{font-size:18px;flex-shrink:0}.design-only-mode{display:flex;justify-content:center;padding:20px}.design-only-preview{max-width:100%;width:100%;display:flex;align-items:center;gap:24px;padding:20px;background:#f8fafc;border-radius:12px}.design-preview-box{width:280px;height:280px;flex-shrink:0;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#fff;box-shadow:0 4px 12px #00000014;position:relative;display:flex;align-items:center;justify-content:center}.design-preview-box img{width:100%;height:100%;object-fit:contain}.upload-custom-btn{position:absolute;top:12px;right:12px;padding:8px 14px;background:#fffffff2;border:2px solid #e2e8f0;border-radius:8px;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a}.upload-custom-btn:hover{background:#fff;border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.design-only-actions{flex:1;display:flex;flex-direction:column;gap:16px;justify-content:center}.btn-search-design{padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-search-design:hover{border-color:#6366f1;background:#f8fafc}.btn-proceed-design-only{padding:14px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #6366f14d}.btn-proceed-design-only:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-proceed-design-only:disabled{opacity:.6;cursor:not-allowed}.design-only-note{text-align:center;font-size:13px;color:#64748b;margin:0;line-height:1.5}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editing-mode-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:12px 0;box-shadow:0 2px 8px #667eea33;position:sticky;top:0;z-index:99}.banner-content-editing{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px}.banner-icon-editing{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.banner-text-editing{flex:1}.banner-text-editing h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.banner-text-editing p{font-size:13px;color:#ffffffe6;margin:0}.banner-badge-editing{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;color:#fff;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.3);white-space:nowrap}@media(max-width:768px){.banner-content-editing{padding:0 16px}.banner-text-editing h4{font-size:14px}.banner-text-editing p{font-size:12px}.banner-badge-editing{display:none}}.quality-alert-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:999;width:90%;max-width:800px;animation:slideDown .3s ease-out;z-index:9999999}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.alert-content{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 8px 24px #ffc1074d;position:relative}.alert-icon{flex-shrink:0;color:#ff9800;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #ff980033}.alert-message{flex:1;color:#856404}.alert-message strong{display:block;font-size:16px;margin-bottom:8px;color:#d97706}.alert-message p{margin:0;font-size:13px;line-height:1.6;color:#92400e}.alert-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:#d97706;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.alert-close:hover{background:#d977061a;transform:scale(1.1)}@media(max-width:768px){.quality-alert-banner{top:70px;width:95%}.alert-content{padding:16px;gap:12px}.alert-icon{width:32px;height:32px}.alert-icon svg{width:20px;height:20px}.alert-message strong{font-size:14px}.alert-message p{font-size:13px}}.customize-content-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:1800px;margin:0 auto;padding:1rem;gap:1rem;min-height:calc(100vh - 120px);transition:all .6s cubic-bezier(.4,0,.2,1)}.customize-content-wrapper.showing-ai-results{justify-content:space-between}.customize-content-centered.shifted-left{animation:slideLeft .6s cubic-bezier(.4,0,.2,1) forwards;max-width:55%}@keyframes slideLeft{0%{transform:translate(0);max-width:100%}to{transform:translate(-5%);max-width:55%}}.ai-results-panel{position:sticky;top:100px;width:40%;max-width:600px;height:calc(100vh - 200px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ai-results-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.ai-results-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.close-results-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-results-btn:hover{background:#e2e8f0;color:#1e293b}.ai-results-content{flex:1;overflow-y:auto;padding:2rem}.generating-state{display:flex;flex-direction:column;align-items:center;gap:2rem}.generating-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.generating-placeholder{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f1f5f9}.generating-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#f1f5f900,#e2e8f080,#f1f5f900);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.generating-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generating-overlay .spin{color:#3b82f6}.generating-text{font-size:1rem;color:#64748b;font-weight:500;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.generated-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.generated-image-card{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid transparent;background:#f1f5f9}.generated-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.generated-image-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.generated-image-card:hover img{transform:scale(1.05)}.generated-image-card.selected{border-color:#3b82f6;box-shadow:0 8px 16px #3b82f64d;animation:selectPulse .4s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.selected-overlay{position:absolute;inset:0;background:#3b82f6e6;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.selected-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.customize-content-centered.shifted-left{max-width:50%}.ai-results-panel{width:45%}}@media(max-width:968px){.customize-content-wrapper.showing-ai-results{flex-direction:column}.customize-content-centered.shifted-left{max-width:100%;transform:none;animation:none}.ai-results-panel{position:relative;width:100%;max-width:100%;height:600px;top:0}.generated-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.modal-close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:2rem;color:#475569;line-height:1.6}.modal-body p{margin:0}.modal-body ul{list-style:disc;color:#64748b}.modal-body ul li{margin:.5rem 0}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.modal-btn.secondary{background:#f1f5f9;color:#475569}.modal-btn.secondary:hover{background:#e2e8f0}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-btn.primary{background:#3b82f6;color:#fff}.modal-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}button.toolbar-btn.size-btn.active:hover .size-dimensions{color:#fff!important}