.instructions-wrapper.svelte-1js67u7{margin:1rem 0}.instructions-wrapper.svelte-1js67u7 h2:where(.svelte-1js67u7){margin-top:0;margin-bottom:.25rem;font-size:1.5rem}.instructions-wrapper.svelte-1js67u7 .intro:where(.svelte-1js67u7){color:var(--text-muted,#555);margin-bottom:1rem;font-size:1rem}.steps-list.svelte-1js67u7{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:decimal}.steps-list.svelte-1js67u7 li:where(.svelte-1js67u7){margin-bottom:1rem;padding-left:.5rem}.steps-list.svelte-1js67u7 li:where(.svelte-1js67u7)::marker{color:var(--color-primary,#d4af37);font-size:1.1rem;font-weight:700}.steps-list.svelte-1js67u7 li:where(.svelte-1js67u7) h3:where(.svelte-1js67u7){margin:0 0 .15rem;font-size:1.1rem;font-weight:600}.steps-list.svelte-1js67u7 li:where(.svelte-1js67u7) p:where(.svelte-1js67u7){color:var(--text-regular,inherit);margin:0;font-size:.95rem;line-height:1.4}.steps-list.svelte-1js67u7 li:where(.svelte-1js67u7) .help-text:where(.svelte-1js67u7){color:var(--text-muted,#777);font-size:.85rem}.success-box.svelte-1js67u7{padding-left:.5rem}.success-box.svelte-1js67u7 h3:where(.svelte-1js67u7){color:var(--text-regular,inherit);margin-top:0;font-size:1.25rem}.success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7){background:#0000000d;border-radius:6px;margin-top:1rem;padding:.75rem;font-family:inherit}.success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .url-row:where(.svelte-1js67u7){flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .url-row:where(.svelte-1js67u7) span:where(.svelte-1js67u7){color:var(--text-muted,#666);min-width:80px;font-weight:600}.success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .url-row:where(.svelte-1js67u7) code:where(.svelte-1js67u7){border:1px solid var(--border,#ccc);word-break:break-all;background:#ffffff80;border-radius:4px;padding:.15rem .4rem;font-size:.9rem}.success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .arrow:where(.svelte-1js67u7){color:var(--color-primary,#d4af37);margin:.25rem 0 .25rem 80px;font-size:.9rem;font-weight:700}html.dark .instructions-wrapper.svelte-1js67u7 .intro:where(.svelte-1js67u7),body.dark .instructions-wrapper.svelte-1js67u7 .intro:where(.svelte-1js67u7){color:#aaa}html.dark .steps-list.svelte-1js67u7 li:where(.svelte-1js67u7)::marker{color:var(--color-primary,gold)}body.dark .steps-list.svelte-1js67u7 li:where(.svelte-1js67u7)::marker{color:var(--color-primary,gold)}html.dark .steps-list.svelte-1js67u7 li:where(.svelte-1js67u7) .help-text:where(.svelte-1js67u7),body.dark .steps-list.svelte-1js67u7 li:where(.svelte-1js67u7) .help-text:where(.svelte-1js67u7){color:#888}html.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7),body.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7){background:#0003}html.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) code:where(.svelte-1js67u7),body.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) code:where(.svelte-1js67u7){background:#0000004d;border-color:#555}html.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .url-row:where(.svelte-1js67u7) span:where(.svelte-1js67u7),body.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .url-row:where(.svelte-1js67u7) span:where(.svelte-1js67u7){color:#aaa}html.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .arrow:where(.svelte-1js67u7),body.dark .success-box.svelte-1js67u7 .url-mapping:where(.svelte-1js67u7) .arrow:where(.svelte-1js67u7){color:var(--color-primary,gold)}.generator-wrapper.svelte-6yglby{margin-top:3rem}.generator-wrapper.svelte-6yglby h2:where(.svelte-6yglby){margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.container.svelte-6yglby{grid-gap:2rem;grid-template-columns:1fr;margin-top:2rem;display:grid}@media (width>=900px){.container.svelte-6yglby{grid-template-columns:1fr 2fr}}.form-wrapper.svelte-6yglby,.output-wrapper.svelte-6yglby{flex-direction:column;display:flex}.tabs.svelte-6yglby{gap:.5rem;margin-bottom:1rem;display:flex}.tabs.svelte-6yglby button:where(.svelte-6yglby){color:inherit;cursor:pointer;background:#8080801a;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.tabs.svelte-6yglby button:where(.svelte-6yglby):hover{background:#80808033}.tabs.svelte-6yglby button.active:where(.svelte-6yglby){background:var(--color-primary,gold);color:#000}.tab-content.svelte-6yglby{flex-direction:column;flex:1;display:flex}.manifest-info.svelte-6yglby{border-left:4px solid var(--color-primary,gold);background:#ffd7001a;border-radius:4px;margin-bottom:1rem;padding:1rem}.manifest-info.error.svelte-6yglby{color:#b71c1c;background:#e539350d;border-left-color:#e53935}.manifest-info.svelte-6yglby p:where(.svelte-6yglby){margin:0;font-size:.95rem;line-height:1.4}textarea.svelte-6yglby{border:1px solid var(--border,#ccc);width:100%;height:100%;min-height:400px;color:inherit;resize:none;box-sizing:border-box;background:0 0;border-radius:8px;padding:1rem;font-family:monospace}.form-group.svelte-6yglby{margin-bottom:1rem;position:relative}label.svelte-6yglby{margin-bottom:.35rem;font-weight:500;display:block}input[type=text].svelte-6yglby{border:1px solid var(--border,#ccc);width:100%;height:2.5rem;color:inherit;box-sizing:border-box;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:1rem;transition:all .2s}input[type=text].svelte-6yglby:focus{border-color:#555;outline:none}input[type=text].svelte-6yglby::placeholder{color:#aaa}input#file.svelte-6yglby{display:none}label.svelte-6yglby{margin-top:1rem;margin-bottom:.25rem;font-weight:500;display:block}.tiles.svelte-6yglby{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin:1rem 0;padding:0;list-style-type:none;display:grid}.tiles.medium.svelte-6yglby{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.header.svelte-6yglby{margin-bottom:1rem;display:grid}#filedrag.svelte-6yglby{cursor:pointer;text-align:center;width:100%;min-height:150px;color:inherit;box-sizing:border-box;background-color:#8080800d;border:2px dashed #bbb;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;margin-top:.5rem;padding:2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}#filedrag.svelte-6yglby:hover{background-color:#8080801a;border-color:#999}#filedrag.dragover.svelte-6yglby{background-color:#ffd7001a;border-color:gold}#filedrag.svelte-6yglby span:where(.svelte-6yglby){margin-bottom:.5rem;font-size:2.5rem;font-weight:300;line-height:1;display:block}.app-preview.svelte-6yglby{border:1px solid var(--border,#ccc);background:#8080800d;border-radius:8px;flex:1;padding:1rem;position:relative}.app-preview.svelte-6yglby .dummy-header:where(.svelte-6yglby){opacity:.6}.app-preview.svelte-6yglby .dummy-tiles:where(.svelte-6yglby){opacity:.6;filter:grayscale();pointer-events:none}.app-preview.svelte-6yglby .empty-preview:where(.svelte-6yglby){text-align:center;color:var(--text-muted,#777);justify-content:center;align-items:center;margin-top:2rem;font-style:italic;display:flex}html.dark textarea.svelte-6yglby,html.dark input[type=text].svelte-6yglby,html.dark .app-preview.svelte-6yglby,body.dark textarea.svelte-6yglby,body.dark input[type=text].svelte-6yglby,body.dark .app-preview.svelte-6yglby{background:#0003;border-color:#444}html.dark textarea.svelte-6yglby:focus,html.dark input[type=text].svelte-6yglby:focus,body.dark textarea.svelte-6yglby:focus,body.dark input[type=text].svelte-6yglby:focus{border-color:#888}html.dark input[type=text].svelte-6yglby::placeholder,body.dark input[type=text].svelte-6yglby::placeholder{color:#777}html.dark .tabs.svelte-6yglby button:where(.svelte-6yglby),body.dark .tabs.svelte-6yglby button:where(.svelte-6yglby){background:#ffffff1a}html.dark .tabs.svelte-6yglby button:where(.svelte-6yglby):hover,body.dark .tabs.svelte-6yglby button:where(.svelte-6yglby):hover{background:#ffffff26}html.dark .tabs.svelte-6yglby button.active:where(.svelte-6yglby),body.dark .tabs.svelte-6yglby button.active:where(.svelte-6yglby){background:var(--color-primary,gold);color:#000}html.dark .manifest-info.svelte-6yglby,body.dark .manifest-info.svelte-6yglby{color:#ddd;background:#ffd70026}html.dark .manifest-info.error.svelte-6yglby,body.dark .manifest-info.error.svelte-6yglby{color:#ff8a80;background:#e539351a}html.dark .manifest-info.svelte-6yglby code:where(.svelte-6yglby),body.dark .manifest-info.svelte-6yglby code:where(.svelte-6yglby){background:#0000004d}html.dark #filedrag.svelte-6yglby,body.dark #filedrag.svelte-6yglby{background-color:#ffffff08;border-color:#555}html.dark #filedrag.svelte-6yglby:hover,body.dark #filedrag.svelte-6yglby:hover{background-color:#ffffff14;border-color:#777}html.dark #filedrag.dragover.svelte-6yglby,body.dark #filedrag.dragover.svelte-6yglby{background-color:#ffd70026;border-color:gold}html.dark .empty-preview.svelte-6yglby,body.dark .empty-preview.svelte-6yglby{color:#aaa}
