html,body{overflow:hidden}@media (prefers-color-scheme: dark){html,body{background-color:#1e1e1e;color:#f1f1f1}}.app-layout[data-v-c1c84164]{display:flex;max-width:100%;margin:0 auto;padding:20px;gap:20px}.config-panel[data-v-c1c84164]{flex:1;max-width:400px;padding:20px;font-family:sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;height:fit-content}.preview-panel[data-v-c1c84164]{flex:2;padding:20px;font-family:sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;overflow-y:auto;max-height:calc(100vh - 100px)}h1[data-v-c1c84164]{text-align:center;color:#333;margin-top:0}.input-group[data-v-c1c84164]{margin-bottom:15px}.input-group label[data-v-c1c84164]{display:block;margin-bottom:5px;color:#555;font-weight:700}.input-group input[type=text][data-v-c1c84164],.input-group textarea[data-v-c1c84164]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;background-color:#fff;color:#333}.input-group textarea[data-v-c1c84164]{resize:vertical}.input-row-container[data-v-c1c84164],.button-container[data-v-c1c84164]{display:flex;flex-direction:row;gap:1em}button[data-v-c1c84164]{display:block;width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out;margin-bottom:10px}button[data-v-c1c84164]:hover{background-color:#0056b3}.download-button[data-v-c1c84164]{background-color:#28a745}.download-button[data-v-c1c84164]:hover{background-color:#1e7e34}.qr-codes-area[data-v-c1c84164]{margin-top:0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.qr-codes-area.placeholder[data-v-c1c84164]{display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed #ccc;border-radius:8px}.qr-codes-area.placeholder p[data-v-c1c84164]{color:#888;font-size:1.2em}.qr-code-container[data-v-c1c84164]{text-align:center;padding:15px;border:1px dashed #ccc;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;align-items:center;width:fit-content}.qr-code-container h2[data-v-c1c84164]{margin-bottom:10px;color:#333;font-size:1.1em}.qr-data-preview[data-v-c1c84164]{word-break:break-all;font-size:.8em;color:#666;margin-bottom:8px;max-height:80px;overflow-y:auto;background-color:#f0f0f0;padding:5px;border-radius:3px;max-width:180px}@media (prefers-color-scheme: dark){.config-panel[data-v-c1c84164],.preview-panel[data-v-c1c84164]{background-color:#2d2d2d;color:#f1f1f1;box-shadow:0 2px 10px #00000080}h1[data-v-c1c84164]{color:#f1f1f1}.input-group label[data-v-c1c84164]{color:#bbb}.input-group input[type=text][data-v-c1c84164],.input-group textarea[data-v-c1c84164]{background-color:#3a3a3a;color:#f1f1f1;border-color:#555}.input-group input[type=color][data-v-c1c84164]{background-color:#3a3a3a;border-color:#555;color:#f1f1f1;padding:2px;border-radius:4px}button[data-v-c1c84164]{background-color:#0056b3;color:#f1f1f1}button[data-v-c1c84164]:hover{background-color:#003d80}.download-button[data-v-c1c84164]{background-color:#1e7e34}.download-button[data-v-c1c84164]:hover{background-color:#155d27}.qr-code-container[data-v-c1c84164]{background-color:#3a3a3a;border-color:#555}.qr-code-container h2[data-v-c1c84164]{color:#f1f1f1}.qr-data-preview[data-v-c1c84164]{background-color:#444;color:#ccc}.qr-codes-area.placeholder[data-v-c1c84164]{border-color:#555}.qr-codes-area.placeholder p[data-v-c1c84164]{color:#777}}