body{--font-family:"Open Sans",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-insantama:#691813;font-family:var(--font-family);overflow-x:hidden;overflow-y:overlay;background:#f3f4f6}.btn-xs{padding:3px 8px;font-size:11px;line-height:1.5;border-radius:.125rem}.frame-container .wrapper{margin-left:auto;margin-right:auto;margin-top:20px;border-radius:10px;max-height:420px;overflow:hidden;position:relative}.frame-container input[type=file]{display:block;margin:0 auto 10px}.frame-container .canvas-container{margin:auto}.frame-container canvas{display:block;margin-left:auto;margin-right:auto;border-radius:10px;border:1px solid #dcdcdc}.frame-container .range-wrapper{position:relative;margin:6px 0}.frame-container input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ddd;border-radius:4px;outline:0}.frame-container input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--color) 0,var(--color) var(--percent),#ddd var(--percent),#ddd 100%);border-radius:4px}.frame-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color);border-radius:50%;margin-top:-6px;cursor:pointer}.frame-container input[type=range]::-moz-range-track{height:6px;background:#ddd}.frame-container input[type=range]::-moz-range-progress{height:6px;background:var(--color)}.frame-container input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color);border:none;border-radius:50%}.filter-preset{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;max-width:600px;gap:15px;padding:5px 20px;-webkit-overflow-scrolling:touch;user-select:none;scroll-behavior:smooth}.filter-preset::-webkit-scrollbar{height:6px}.filter-preset::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.filter-preset .filter-item{flex:0 0 auto;cursor:pointer;transition:transform .2s ease;text-align:center}.filter-preset .filter-item:hover{transform:translateY(-5px)}.filter-preset .filter-item canvas{border-radius:8px;border:2px solid gray;opacity:.5}.filter-preset .filter-item:hover canvas{opacity:.8}.filter-preset .filter-item.active canvas{border-color:#007bff;opacity:1}.filter-preset .filter-item p{margin-top:8px;font-size:12px}