.uframedit{width:90vw;max-width:1400px;margin-left:50%;transform:translate(-50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;padding-bottom:80px}.uframedit-layout{display:flex;gap:3rem;align-items:flex-start}.uframedit-controls{flex:1;min-width:0}.uframedit-preview-panel{position:sticky;top:1rem;flex:1;min-width:420px;max-width:600px;align-self:flex-start}.uframedit-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px}.uframedit-section h2{margin:0 0 1rem;font-size:1.25rem}.uframedit-error{color:#d32f2f;font-size:.875rem;margin-top:.5rem}.uframedit-dropzone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;transition:border-color .2s,background-color .2s}.uframedit-browse-btn{display:inline-block;margin-top:.75rem;padding:.6rem 1.5rem;background:#1976d2;color:#fff;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.uframedit-browse-btn:hover{background:#1565c0}.uframedit-dropzone.active,.uframedit-dropzone:hover{border-color:#1976d2;background-color:#f0f7ff}.uframedit-photo-preview img{max-width:200px;border-radius:4px;margin-bottom:.5rem}.uframedit-skip-photo{display:block;margin-top:.75rem;background:none;border:none;color:#666;text-decoration:underline;cursor:pointer;font-size:.875rem}.uframedit-moulding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.uframedit-moulding-card{border:2px solid #e0e0e0;border-radius:8px;padding:.75rem;text-align:center;cursor:pointer;background:#fff;transition:border-color .2s}.uframedit-moulding-card:hover{border-color:#1976d2}.uframedit-moulding-card.selected{border-color:#1976d2;background-color:#f0f7ff}.uframedit-moulding-card img{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.uframedit-moulding-name{display:block;font-weight:600;font-size:.875rem}.uframedit-moulding-price{display:block;color:#666;font-size:.75rem}.uframedit-size-limits{color:#666;font-size:.875rem;margin-bottom:.75rem}.uframedit-size-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.uframedit-size-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;position:relative}.uframedit-size-btn:hover:not(.disabled){border-color:#1976d2}.uframedit-size-btn.selected{border-color:#1976d2;background-color:#f0f7ff}.uframedit-size-btn.disabled{opacity:.4;cursor:not-allowed}.uframedit-badge{display:inline-block;background:#4caf50;color:#fff;font-size:.625rem;padding:1px 5px;border-radius:3px;margin-left:.5rem;vertical-align:middle;text-transform:uppercase}.uframedit-ratio-lock{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.uframedit-autofit-btn{padding:.4rem .75rem;background:#e8f5e9;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s}.uframedit-autofit-btn:hover{background:#c8e6c9}.uframedit-badge.best-fit{background:#1976d2}.uframedit-photo-suggestions{margin-bottom:1rem;padding:.75rem;background:#f0f7ff;border:1px solid #bbdefb;border-radius:8px}.uframedit-suggestion-label{font-size:.8rem;color:#1565c0;font-weight:600;margin:0 0 .5rem}.uframedit-suggestion-btn{padding:.5rem 1rem;border:2px solid #1976d2;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;margin-right:.5rem;transition:background-color .2s}.uframedit-suggestion-btn:hover{background-color:#e3f2fd}.uframedit-suggestion-btn.selected{background-color:#1976d2;color:#fff}.uframedit-suggestion-btn.selected .uframedit-badge{background:#fff;color:#1976d2}.uframedit-suggestion-note{font-size:.75rem;color:#666;margin-left:.25rem}.uframedit-ratio-indicator{font-size:1rem;cursor:default}.uframedit-custom-size{display:flex;align-items:center;gap:.5rem}.uframedit-custom-size input[type=number]{width:70px;padding:.4rem;border:1px solid #ccc;border-radius:4px}.uframedit-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.uframedit-pp-border{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:1rem}.uframedit-pp-border h3{margin:0 0 .75rem;font-size:1rem}.uframedit-pp-colors{display:flex;gap:.5rem;margin-bottom:.75rem}.uframedit-color-swatch,.uframedit-pp-color{width:36px;height:36px;border-radius:50%;border:3px solid #e0e0e0;cursor:pointer;padding:0}.uframedit-color-swatch.selected,.uframedit-pp-color.selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d2}.uframedit-pp-limit{color:#666;font-size:.875rem;margin-top:.5rem}.uframedit-glass-options{display:flex;flex-direction:column;gap:.75rem}.uframedit-glass-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:border-color .2s}.uframedit-glass-card:hover{border-color:#1976d2}.uframedit-glass-card.selected{border-color:#1976d2;background-color:#f0f7ff}.uframedit-glass-card input[type=radio]{flex-shrink:0}.uframedit-glass-name{font-weight:600}.uframedit-glass-desc{color:#666;font-size:.875rem;flex:1}.uframedit-glass-price{font-weight:600;color:#1976d2;white-space:nowrap}.uframedit-preview-panel-inner{border:none!important;padding:0!important}.uframedit-preview-panel-inner h2{padding:0 0 .75rem}.uframedit-frame-preview{text-align:center;overflow:hidden}.uframedit-frame-preview canvas{max-width:100%;height:auto!important}.uframedit-preview-frame-wrap{text-align:center}.uframedit-preview-actions{margin-top:.75rem;text-align:center}.uframedit-preview-action-btn{display:inline-block;padding:.4rem 1rem;background:none;border:1px solid #ccc;border-radius:6px;color:#666;font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s}.uframedit-preview-action-btn:hover{border-color:#1976d2;color:#1976d2}.uframedit-preview-photo-only{text-align:center;padding:1.5rem;background:#f5f5f5;border:2px dashed #ddd;border-radius:8px}.uframedit-preview-photo-only img{max-width:100%;max-height:300px;border-radius:4px;margin-bottom:.5rem}.uframedit-preview-hint{color:#999;font-size:.85rem;margin:.5rem 0}.uframedit-preview-dropzone{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.uframedit-dropzone-thumb{max-width:100%;max-height:200px;border-radius:4px;margin-bottom:.75rem}.uframedit-price-summary{position:sticky;bottom:0;background:#16213e;border-top:1px solid #333;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:1000;box-shadow:0 -2px 8px #0000004d;border-radius:8px 8px 0 0;margin:0 -1.5rem -1.5rem}.uframedit-price-breakdown{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-size:.875rem}.uframedit-price-row{display:flex;gap:.25rem}.uframedit-price-row span:first-child{color:#666}.uframedit-price-total{font-weight:700;font-size:1rem}.uframedit-price-loading{color:#666;font-style:italic}.uframedit-add-to-cart{padding:.75rem 2rem;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s}.uframedit-add-to-cart:hover:not(:disabled){background:#1565c0}.uframedit-add-to-cart:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 900px){.uframedit-layout{flex-direction:column}.uframedit-preview-panel{position:static;width:100%;order:-1}}@media (max-width: 640px){.uframedit-section{padding:1rem}.uframedit-moulding-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.uframedit-price-summary{flex-direction:column;padding:.75rem}.uframedit-price-breakdown{justify-content:center}}.uframedit-slider-input{display:flex;align-items:center;gap:.5rem}.uframedit-slider-label{min-width:50px;font-size:.8rem;color:#aaa}.uframedit-slider{flex:1;accent-color:var(--uframedit-accent, #d4af37)}.uframedit-slider-number{width:65px;padding:.3rem .4rem;border:1px solid #444;border-radius:4px;background:#ffffff0d;color:inherit;text-align:center;font-size:.85rem}.uframedit-slider-unit{font-size:.8rem;color:#999}.uframedit-moulding-dropdown{position:relative}.uframedit-moulding-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#ffffff0d;border:1px solid #444;border-radius:8px;color:inherit;cursor:pointer;text-align:left}.uframedit-moulding-trigger:hover{border-color:#d4af37}.uframedit-moulding-selected{display:flex;align-items:center;gap:.75rem}.uframedit-moulding-selected small,.uframedit-moulding-info small{display:block;color:#999;font-size:.8rem}.uframedit-moulding-placeholder{color:#888}.uframedit-moulding-arrow{font-size:.7rem;opacity:.5}.uframedit-moulding-list{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:#16213e;border:1px solid #444;border-radius:8px;overflow:hidden}.uframedit-moulding-search{width:100%;padding:.6rem 1rem;border:none;border-bottom:1px solid #333;background:transparent;color:inherit;outline:none;font-size:.9rem}.uframedit-moulding-options{max-height:250px;overflow-y:auto}.uframedit-moulding-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:transparent;border:none;border-bottom:1px solid #222;color:inherit;cursor:pointer;text-align:left}.uframedit-moulding-option:hover{background:#d4af371a}.uframedit-moulding-option.active{border-left:3px solid #d4af37;color:#d4af37}.uframedit-moulding-thumb{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.uframedit-moulding-thumb-placeholder{width:48px;height:48px;border-radius:4px;background:#333;flex-shrink:0}.uframedit-moulding-empty{padding:1rem;text-align:center;color:#888}.uframedit-print-suggestions{display:flex;flex-direction:column;gap:.5rem}.uframedit-print-suggestion{display:block;width:100%;text-align:left;padding:.75rem 1rem;background:#ffffff0d;border:1px solid #444;border-radius:8px;color:inherit;cursor:pointer}.uframedit-print-suggestion:hover{border-color:#d4af37}.uframedit-print-suggestion.selected{border-color:#d4af37;background:#d4af371a}.uframedit-print-suggestion strong{display:block}.uframedit-print-suggestion small{color:#999;font-size:.8rem}.uframedit-print-custom-inputs{margin-top:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px}.uframedit-print-custom-height{margin-top:.5rem;font-size:.85rem;color:#aaa}.uframedit-dpi-badge{color:#d4af37}.uframedit-dpi-warning{margin-top:.75rem;padding:.75rem;background:#ffa5001a;border:1px solid orange;border-radius:8px}.uframedit-dpi-warning p{color:orange;margin-bottom:.5rem}.uframedit-print-options{display:flex;gap:.75rem}.uframedit-print-option-card{flex:1;padding:1rem;background:#ffffff0d;border:1px solid #444;border-radius:8px;color:inherit;cursor:pointer;text-align:left}.uframedit-print-option-card:hover{border-color:#d4af37}.uframedit-print-option-card.selected{border-color:#d4af37;background:#d4af371a}.uframedit-print-option-card p{font-size:.85rem;color:#999;margin:.25rem 0}.uframedit-print-option-price{font-size:1.1rem;font-weight:600;color:#d4af37}.uframedit-pp-4sided{display:flex;flex-direction:column;gap:.25rem}.uframedit-pp-link{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:.5rem;color:#aaa}.uframedit-pp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.uframedit-pp-color-label{font-size:.85rem;color:#aaa;margin-bottom:.25rem}.uframedit-btn-sm{padding:.3rem .75rem;background:#ffffff1a;border:1px solid #555;border-radius:4px;color:inherit;font-size:.8rem;cursor:pointer}.uframedit-btn-sm:hover{border-color:#d4af37}.uframedit-controls-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.uframedit-unit-toggle{display:flex;gap:0;align-items:center}.uframedit-unit-toggle:before{content:"Units:";color:#999;font-size:.8rem;margin-right:.5rem}.uframedit-unit-toggle button{padding:.4rem 1rem;background:#ffffff0d;border:1px solid #555;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .15s}.uframedit-unit-toggle button:first-child{border-radius:4px 0 0 4px}.uframedit-unit-toggle button:last-child{border-radius:0 4px 4px 0;border-left:none}.uframedit-unit-toggle button.active{background:#d4af37;border-color:#d4af37;color:#16213e;font-weight:600}.uframedit-browse-btn{display:inline-block;padding:.5rem 1.2rem;background:#d4af37;color:#16213e;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:.9rem}.uframedit-browse-btn:hover{background:#e0c050}.uframedit-preview-action-btn{padding:.35rem .8rem;background:#ffffff14;border:1px solid #555;border-radius:4px;color:#ccc;font-size:.8rem;cursor:pointer}.uframedit-preview-action-btn:hover{border-color:#d4af37;color:#fff}.uframedit-preview-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.uframedit-size-subtitle{font-size:.75rem;font-weight:400;opacity:.65;display:block;margin-top:2px}.uframedit-size-inner{display:block;font-size:.65rem;opacity:.55;margin-top:2px;font-weight:400}.uframedit-file-btn{position:relative;overflow:hidden;display:inline-block;cursor:pointer}.uframedit-file-btn-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:200px}.uframedit-size-warning{color:#e8a838;font-size:.85rem;margin:.5rem 0 0;padding:.4rem .6rem;background:#e8a8381a;border-left:3px solid #e8a838;border-radius:2px}