.mosaic-page{color:#18313a;letter-spacing:0}.mosaic-page *{box-sizing:border-box}.mosaic-page [hidden]{display:none!important}.mosaic-heading{margin:0 0 1.25rem}.mosaic-eyebrow,.mosaic-kicker{margin:0 0 .45rem;color:#087a69;font-size:.78rem;font-weight:800;letter-spacing:0}.mosaic-heading h1{margin:0;color:#101927;font-size:2.6rem;line-height:1.16;letter-spacing:0}.mosaic-heading>p:not(.mosaic-eyebrow){max-width:780px;margin:.85rem 0;color:#526b75;font-size:1.05rem;line-height:1.75}.mosaic-local{display:inline-block;padding:.62rem .78rem;border:1px solid #9ed7cc;background:#edf9f6;color:#086b5d;font-size:.85rem;font-weight:700;border-radius:4px}
.mosaic-tool{margin:0 0 2.5rem;border:1px solid #cfdde2;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 10px 28px rgba(23,49,59,.06)}.mosaic-upload{padding:1.15rem}.mosaic-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mosaic-upload-head h2{margin:0;color:#142a34;font-size:1.45rem;letter-spacing:0}.mosaic-upload-head p:last-child{margin:.35rem 0 0;color:#687f88;font-size:.88rem}.mosaic-page #mosaicUpload{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mosaic-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem .9rem;border:1px solid #087f70;background:#087f70;color:#fff;font-size:.9rem;font-weight:800;line-height:1.2;border-radius:5px;cursor:pointer;white-space:nowrap}.mosaic-file-button:hover{background:#076b5f;color:#fff}.mosaic-dropzone{display:grid;justify-items:center;align-content:center;gap:.42rem;min-height:170px;padding:1rem;border:1px dashed #8db6af;background:#f7fbfa;text-align:center;border-radius:5px;cursor:pointer}.mosaic-dropzone.is-dragover{border-color:#087f70;background:#e9f8f4}.mosaic-dropzone strong{color:#18313a;font-size:1.05rem}.mosaic-dropzone span,.mosaic-dropzone small{color:#5d7780;font-size:.82rem;line-height:1.5}.mosaic-file-info{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));border:1px solid #d3dfe4;border-radius:5px;overflow:hidden}.mosaic-file-info>div{min-width:0;padding:.7rem .75rem;border-right:1px solid #d3dfe4}.mosaic-file-info>div:last-child{border:0}.mosaic-file-info span,.mosaic-file-info strong{display:block}.mosaic-file-info span{margin-bottom:.2rem;color:#71858d;font-size:.72rem}.mosaic-file-info strong{overflow:hidden;color:#18313a;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}
.mosaic-workspace{border-top:1px solid #d8e2e6}.mosaic-controls,.mosaic-editor,.mosaic-region-panel,.mosaic-output{padding:1.1rem 1.15rem;border-bottom:1px solid #d8e2e6}.mosaic-controls h2,.mosaic-editor h2,.mosaic-region-panel h2,.mosaic-output h2{margin:0 0 .85rem;color:#142a34;font-size:1.25rem;letter-spacing:0}.mosaic-control-block+.mosaic-control-block{margin-top:1rem}.mosaic-label{display:block;margin-bottom:.42rem;color:#27424b;font-size:.84rem;font-weight:800}.mosaic-selected-info{margin:0 0 .45rem;color:#56717a;font-size:.82rem}.mosaic-segmented{display:grid;gap:.45rem}.mosaic-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic-effects{grid-template-columns:repeat(4,minmax(0,1fr))}.mosaic-slider-field{margin-top:1rem}.mosaic-slider-field label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.38rem;color:#27424b;font-size:.84rem;font-weight:800}.mosaic-slider-field output{color:#087769;font-size:.8rem}.mosaic-slider-field input[type=range]{width:100%;min-height:28px;margin:0;accent-color:#0b8976}.mosaic-privacy-warning{margin:1rem 0 0;padding:.7rem .78rem;border-left:3px solid #dd8552;background:#fff8f2;color:#754b32;font-size:.82rem;line-height:1.55}.mosaic-editor-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mosaic-editor-head h2{margin:0}.mosaic-editor-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.mosaic-stage{display:flex;min-width:0;min-height:270px;align-items:center;justify-content:center;padding:12px;overflow:hidden;border:1px solid #cbd9de;background-color:#edf2f4;background-image:linear-gradient(45deg,#e0e8eb 25%,transparent 25%),linear-gradient(-45deg,#e0e8eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e8eb 75%),linear-gradient(-45deg,transparent 75%,#e0e8eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:5px}.mosaic-stage canvas{display:block;max-width:100%;flex:none;touch-action:none;background:transparent}.mosaic-empty{padding:2rem;color:#5d7780;font-size:.88rem;text-align:center}.mosaic-editor-hint{margin:.6rem 0 0;color:#687f88;font-size:.78rem;line-height:1.5}.mosaic-region-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.mosaic-region-panel h2{margin:0}.mosaic-region-actions{display:flex;flex-wrap:wrap;gap:.4rem}.mosaic-region-list{display:grid;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none}.mosaic-region-empty{padding:.75rem;border:1px dashed #c8d7dc;color:#6b8189;font-size:.8rem;border-radius:4px}.mosaic-region-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:.45rem}.mosaic-page .mosaic-region-item button.mosaic-region-select{justify-content:flex-start;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mosaic-page .mosaic-region-item button[data-selected=true]{border-color:#087f70;background:#e7f5f2;color:#06695d}.mosaic-page .mosaic-region-delete{font-size:1.25rem}.mosaic-output-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:end}.mosaic-output-settings>label{display:grid;gap:.38rem;color:#27424b;font-size:.84rem;font-weight:800}.mosaic-output-settings select{width:100%;min-width:0;height:44px;margin:0;padding:.4rem .65rem;border:1px solid #bfcfd5;background:#fff;color:#152d37;font:inherit;border-radius:5px}.mosaic-output-settings .mosaic-slider-field{margin:0}.mosaic-output>p{margin:.75rem 0;color:#617982;font-size:.8rem;line-height:1.5}.mosaic-page #downloadImage{width:100%;border-color:#087f70;background:#087f70;color:#fff}.mosaic-status{margin:0;padding:.75rem 1.15rem;background:#f4f7f8;color:#4c6871;font-size:.82rem;line-height:1.5}.mosaic-status[data-type=success]{background:#edf8f5;color:#086659}.mosaic-status[data-type=warning]{background:#fff8f2;color:#754326}.mosaic-status[data-type=error]{background:#fff3f3;color:#7e2c2c}
.mosaic-page .mosaic-tool button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:.58rem .8rem;border:1px solid #b9ccd3;border-radius:5px;background:#fff;color:#17343f;font:inherit;font-size:.83rem;font-weight:750;line-height:1.25;letter-spacing:0;cursor:pointer;box-shadow:none}.mosaic-page .mosaic-tool button.is-active{border-color:#087f70;background:#e7f5f2;color:#06695d}.mosaic-page .mosaic-tool button:disabled{opacity:.48;cursor:not-allowed}.mosaic-page .mosaic-tool button:focus-visible,.mosaic-page .mosaic-tool select:focus-visible,.mosaic-file-button:focus-within,.mosaic-dropzone:focus-visible{outline:3px solid rgba(8,127,112,.28);outline-offset:2px}
.mosaic-guide,.mosaic-faq,.mosaic-related{padding:2rem 0;border-top:1px solid #d8e1e5}.mosaic-guide h2,.mosaic-faq h2,.mosaic-related h2{margin:0 0 .75rem;color:#17313c;font-size:1.55rem;line-height:1.3;letter-spacing:0}.mosaic-guide h2:not(:first-child){margin-top:2rem}.mosaic-guide h3{margin:1rem 0 .35rem;color:#1d3741;font-size:1.06rem}.mosaic-guide p,.mosaic-guide li,.mosaic-faq p{color:#526b74;font-size:.94rem;line-height:1.78}.mosaic-guide ol{margin:.8rem 0 0;padding-left:1.3rem}.mosaic-guide a{color:#087769;font-weight:700;text-decoration:underline;text-underline-offset:3px}.mosaic-faq details{border-bottom:1px solid #d9e2e6}.mosaic-faq summary{padding:.85rem 1.8rem .85rem 0;color:#1d3741;font-size:.94rem;font-weight:750;cursor:pointer}.mosaic-faq details p{margin:0;padding:0 0 .95rem}.mosaic-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.mosaic-related a{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:.9rem;border:1px solid #cfdde2;color:#18313a;text-decoration:none;border-radius:5px}.mosaic-related a:hover{border-color:#75b7aa;background:#f4fbf9}.mosaic-related strong,.mosaic-related span{display:block}.mosaic-related strong{font-size:.98rem}.mosaic-related span{margin-top:.35rem;color:#6a7f87;font-size:.8rem;line-height:1.45}
@media(max-width:760px){.mosaic-upload-head{flex-direction:column}.mosaic-file-button{width:100%}.mosaic-file-info{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-file-info>div:nth-child(2){border-right:0}.mosaic-file-info>div:nth-child(-n+2){border-bottom:1px solid #d3dfe4}.mosaic-effects{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-output-settings{grid-template-columns:1fr}.mosaic-related>div{grid-template-columns:1fr}}
@media(max-width:520px){.mosaic-heading h1{font-size:2rem}.mosaic-heading>p:not(.mosaic-eyebrow){font-size:.96rem}.mosaic-upload,.mosaic-controls,.mosaic-editor,.mosaic-region-panel,.mosaic-output{padding:.85rem}.mosaic-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-editor-head{flex-wrap:wrap;align-items:center}.mosaic-editor-head h2{width:100%}.mosaic-editor-head button{margin-left:auto}.mosaic-region-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-region-actions button:last-child{grid-column:1/-1}.mosaic-guide,.mosaic-faq,.mosaic-related{padding-block:1.55rem}}
@media(max-width:340px){.mosaic-tools{grid-template-columns:1fr}.mosaic-file-info{grid-template-columns:1fr}.mosaic-file-info>div{border-right:0;border-bottom:1px solid #d3dfe4}.mosaic-file-info>div:nth-child(2){border-bottom:1px solid #d3dfe4}.mosaic-file-info>div:last-child{border-bottom:0}.mosaic-editor-head{flex-direction:column}.mosaic-editor-head button{width:100%}}
@media(prefers-color-scheme:dark){.mosaic-tool,.mosaic-output-settings select{background:#15242b;color:#e8f0f2}.mosaic-tool,.mosaic-file-info,.mosaic-stage,.mosaic-output-settings select,.mosaic-related a{border-color:#36505a}.mosaic-heading h1,.mosaic-upload-head h2,.mosaic-controls h2,.mosaic-editor h2,.mosaic-region-panel h2,.mosaic-output h2,.mosaic-guide h2,.mosaic-guide h3,.mosaic-faq h2,.mosaic-related h2,.mosaic-related strong,.mosaic-file-info strong{color:#edf4f5}.mosaic-heading>p:not(.mosaic-eyebrow),.mosaic-upload-head p:last-child,.mosaic-file-info span,.mosaic-guide p,.mosaic-guide li,.mosaic-faq p,.mosaic-related span{color:#afc0c6}.mosaic-dropzone{background:#1b3038}.mosaic-local,.mosaic-page .mosaic-tool button.is-active{background:#173f3a}.mosaic-page .mosaic-tool button{border-color:#49646e;background:#1a2c34;color:#dce8eb}.mosaic-page #downloadImage{background:#0b8f7d}.mosaic-related a:hover{background:#1a3535}}