.di-config-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#1c2c3b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin:15px 0;transition:background .2s;width:100%;justify-content:center}.di-config-btn:hover{background:#2a4055}.di-config-btn i{font-size:18px}.di-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:99999;justify-content:center;align-items:center;padding:20px}.di-modal-overlay.active{display:flex}.di-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.di-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.di-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1c2c3b}.di-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px 8px;line-height:1;border-radius:4px}.di-modal-close:hover{background:#f5f5f5;color:#1c2c3b}.di-modal-body{padding:24px}.di-input-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.di-input-group{flex:1;min-width:120px}.di-input-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.di-input-group input[type=number]{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.di-input-group input[type=number]:focus{border-color:#1c2c3b;outline:none}.di-unit-toggle{display:flex;background:#f0f0f0;border-radius:6px;overflow:hidden;height:42px}.di-unit-toggle button{flex:1;border:none;background:transparent;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;color:#777;transition:all .2s}.di-unit-toggle button.active{background:#1c2c3b;color:#fff}.di-preview-area{position:relative;background:#f8f8f8;border:2px dashed #ddd;border-radius:8px;overflow:hidden;margin-bottom:12px;min-height:200px;display:flex;align-items:center;justify-content:center}.di-preview-area.has-image{border-style:solid;border-color:#eee;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px}.di-crop-frame{background:#000}.di-crop-frame img{pointer-events:none}.di-pattern-preview{width:100%;background-repeat:repeat;background-position:center}.di-price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f4f7;border-radius:8px;margin-bottom:16px}.di-price-label{font-size:13px;color:#555;font-weight:600}.di-price-value{font-size:18px;font-weight:700;color:#1c2c3b}.di-price-unit{font-size:12px;color:#888;font-weight:400}.di-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1c2c3b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;width:100%;transition:background .2s}.di-save-btn:hover{background:#2a4055}.di-dimension-overlay{position:absolute;bottom:10px;right:10px;background:#1c2c3bd9;color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:600;pointer-events:none}.di-drag-hint{text-align:center;font-size:13px;color:#888;margin-bottom:12px}.di-drag-hint i{margin-right:4px}.di-placeholder{text-align:center;color:#999;padding:40px}.di-placeholder i{font-size:48px;display:block;margin-bottom:12px}@media(max-width:767px){.di-modal{border-radius:0;max-height:100vh}.di-modal-overlay{padding:0}.di-input-row{flex-direction:column;gap:10px}.di-input-group{min-width:100%}.di-price-row{flex-direction:column;gap:4px;text-align:center}}.di-viz-btn-slot{display:flex;flex-direction:column;margin-left:10px}.di-viz-btn-spacer{display:block;visibility:hidden;pointer-events:none;font-size:inherit;line-height:1.2}.di-viz-btn-slot .di-config-btn{width:auto;margin:0;white-space:nowrap;padding:0 16px;font-size:13px;height:36px;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}@media(max-width:820px){.new_div_flex.stretch{flex-wrap:wrap}.di-viz-btn-slot{width:100%;flex-basis:100%;margin-left:0;margin-top:10px;order:99}.di-viz-btn-spacer{display:none}.di-viz-btn-slot .di-config-btn{width:100%;white-space:normal}}.di-panel-hint--top{margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:600px){.di-panel-hint--top{white-space:normal;font-size:11px}}.di-crop-container{position:relative}.di-panel-overlay{position:absolute;pointer-events:none;overflow:hidden;z-index:100}.di-panel-line{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #ff4d9e;opacity:.9}.di-panel-hint{text-align:center;font-size:12px;color:#888;font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/179/assets/dimension-configurator.css.map */