#preview-image[src=""]{display:none}.frame-customizer{display:grid;grid-template-columns:350px 1fr;gap:2rem}.controls{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-header{display:flex;justify-content:space-between;font-weight:500;font-size:.9rem}input[type=range]{width:100%;cursor:pointer}input[type=file]{padding:.4rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.frame-selector-wrapper{display:flex;align-items:center;gap:.5rem}.frame-selector{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;flex:1}.frame-selector::-webkit-scrollbar{display:none}.frame-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:70px}.frame-thumb-box{width:70px;height:70px;background:#f4f3ef;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color .2s}.frame-option.active .frame-thumb-box{border-color:#111}.thumb-inner{width:40px;height:40px;background:#fff;box-shadow:2px 2px 5px #0000001a;box-sizing:border-box}.frame-option span{font-size:.8rem;font-weight:600;color:#555}.frame-option.active span{color:#111}.scroll-btn{background:#fff;border:1px solid #ddd;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000d;font-weight:700;color:#555}.scroll-btn:hover{background:#f0f0f0}.preview-container{display:flex;align-items:center;justify-content:center;background:#eee;border-radius:8px;min-height:600px;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d;position:relative}.frame-wrapper{background-color:#fff;background-clip:padding-box;box-shadow:0 10px 30px #0003;box-sizing:border-box;will-change:width,height,padding;overflow:hidden;position:relative;transition:border .2s ease}.frame-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;cursor:grab;will-change:transform,object-position}.frame-wrapper img:active{cursor:grabbing}.loading-img{opacity:.5}.slider{-webkit-appearance:none;width:100%;height:25px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:12px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#04aa6d;cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{width:25px;height:25px;background:#04aa6d;cursor:pointer;border-radius:50%}.summary-box{background:#f4f3ef;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#555}.price-row{font-weight:700;font-size:1.1rem;color:#111;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #ddd}.debug-panel{grid-column:1 / -1;background:#1e1e1e;color:#4af626;padding:1rem;border-radius:6px;font-family:monospace;font-size:.9rem;word-break:break-all}.debug-panel p{margin:.25rem 0}.status-badge{display:inline-block;padding:2px 6px;border-radius:4px;background:#333}.status-loading{color:#f39c12}.status-idle{color:#4af626}.instruction{position:absolute;top:20px;background:#fffc;padding:6px 12px;border-radius:20px;font-size:.85rem;pointer-events:none;z-index:10}.frame-meta{display:flex;flex-direction:column;text-align:center}.frame-meta span:last-of-type{font-weight:200}
/*# sourceMappingURL=/cdn/shop/t/74/assets/frame-builder.css.map */