.b64-wrapper[data-v-c9f743c2]{flex:1;flex-direction:column;overflow:hidden}.b64-wrapper[data-v-c9f743c2],.panels[data-v-c9f743c2]{display:flex;min-height:0}.panels[data-v-c9f743c2]{flex:1;gap:24px}.panel[data-v-c9f743c2]{flex:1;flex-direction:column;min-height:0}.panel[data-v-c9f743c2],.panel-header[data-v-c9f743c2]{display:flex;gap:12px}.panel-header[data-v-c9f743c2]{align-items:center;justify-content:space-between}.panel-title[data-v-c9f743c2]{font-size:14px;font-weight:600}.drop-zone[data-v-c9f743c2]{align-items:center;border:2px dashed hsla(0,0%,50%,.25);border-radius:8px;cursor:pointer;display:flex;flex:1;justify-content:center;min-height:180px;padding:20px;transition:border-color .2s,background .2s}.drop-zone[data-v-c9f743c2]:hover{background:#80808008;border-color:#80808080}.image-preview[data-v-c9f743c2]{display:flex;flex-direction:column;gap:8px}.image-preview img[data-v-c9f743c2]{border:1px solid hsla(0,0%,50%,.15);border-radius:6px;max-height:260px;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-meta[data-v-c9f743c2]{display:flex;flex-wrap:wrap;font-size:12px;gap:6px 16px;opacity:.7}.result-area[data-v-c9f743c2]{display:flex;flex-direction:column;gap:8px}.b64-output[data-v-c9f743c2] textarea,.b64-input[data-v-c9f743c2] textarea{font-family:monospace;font-size:12px;word-break:break-all}.divider[data-v-c9f743c2]{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:24px}@media (max-width:768px){.panels[data-v-c9f743c2]{flex-direction:column}.divider[data-v-c9f743c2]{height:24px;transform:rotate(90deg);width:100%}}.page[data-v-86967ff7]{display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.page.ready[data-v-86967ff7]{opacity:1}.page-card[data-v-86967ff7],.page-card[data-v-86967ff7] .n-card{display:flex;flex:1;flex-direction:column}.page-card[data-v-86967ff7] .n-card__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.page-card[data-v-86967ff7] .n-card__action{margin-top:auto}.loading-placeholder[data-v-86967ff7]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-86967ff7]{color:inherit!important;text-decoration:none}.subtle-link[data-v-86967ff7]:hover{text-decoration:underline}.devtool-modal[data-v-86967ff7]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-86967ff7]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-86967ff7]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-86967ff7]{color:#333;font-size:16px}