body{min-height:100vh}.canvas-wrap{display:inline-block;line-height:0;position:relative}.main-canvas{border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:block;height:auto;max-width:100%}.mosaic-overlay{border:none;box-shadow:none;cursor:crosshair;height:100%;inset:0;position:absolute;touch-action:none;width:100%}.hero.is-light{background:#f8f9fa;border-bottom:1px solid #e9ecef}.support-section{padding-bottom:1.5rem;padding-top:0}.support-box{border:1px solid #ffe0b2;border-radius:16px;margin:0 auto;max-width:620px;text-align:center}.support-emoji{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.support-qr{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #00000014;display:inline-block;padding:8px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d3d3d3;border-radius:5px;height:8px;opacity:.7;outline:none;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}#action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media screen and (max-width:768px){#action-buttons{flex-direction:column;gap:10px}#action-buttons .button{width:100%}}.content-box{background:#fff;border:1px solid #e9ecef;border-radius:12px}.faq-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.faq-item[open]{background:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f614}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{color:#3b82f6;content:"+";font-size:1.25rem;font-weight:700;margin-left:.5rem}.faq-item[open] .faq-question:after{content:"−"}.preset-btn{transition:all .15s ease}.preset-btn:hover{transform:translateY(-1px)}#wrapper.rtl{direction:rtl}
