.tool-card[data-v-172fb3da]{gap:18px;display:grid}.tool-card__heading[data-v-172fb3da]{align-items:flex-start}.drop-zone[data-v-172fb3da]{cursor:pointer;background:#37425409;border:2px dashed #37425459;border-radius:22px;min-height:210px;transition:border-color .2s,background .2s,transform .2s}:is(.drop-zone[data-v-172fb3da]:hover,.drop-zone[data-v-172fb3da]:focus-visible){border-color:var(--q-primary);background:#37425412;outline:none;transform:translateY(-1px)}.dialog-card[data-v-94d4d001]{border-radius:24px;width:min(620px,94vw)}.text-icon-preview[data-v-94d4d001]{aspect-ratio:1;place-items:center;width:140px;margin:0 auto;font-size:48px;font-weight:700;display:grid;box-shadow:0 12px 32px #0f172a29}.library-dialog[data-v-a967cf7b]{border-radius:24px;flex-direction:column;width:min(1120px,96vw);max-width:1120px;max-height:90vh;display:flex}.library-header[data-v-a967cf7b]{flex:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.library-header__text[data-v-a967cf7b]{min-width:0}.library-header__actions[data-v-a967cf7b]{flex:none;align-items:center;gap:8px;display:flex}.library-content[data-v-a967cf7b]{padding:20px;overflow-y:auto}.library-grid[data-v-a967cf7b]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.library-item[data-v-a967cf7b]{background:#fff;border:1px solid #37425429;border-radius:20px;gap:14px;min-width:0;padding:14px;display:grid}.library-preview[data-v-a967cf7b]{aspect-ratio:1;background-image:linear-gradient(45deg,#eef1f5 25%,#0000 25%),linear-gradient(-45deg,#eef1f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f5 75%),linear-gradient(-45deg,#0000 75%,#eef1f5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.library-preview img[data-v-a967cf7b]{-o-object-fit:contain;object-fit:contain;width:84%;height:84%}.library-item__content[data-v-a967cf7b]{gap:10px;min-width:0;display:grid}.library-item__name[data-v-a967cf7b]{overflow-wrap:anywhere;min-height:42px;font-weight:600;line-height:1.35}.library-item__actions[data-v-a967cf7b]{border-top:1px solid #37425417;justify-content:center;gap:6px;padding-top:2px;display:flex}.empty-state[data-v-a967cf7b]{place-content:center;min-height:300px;display:grid}@media (max-width:599px){.library-dialog[data-v-a967cf7b]{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.library-header[data-v-a967cf7b]{flex-direction:column;align-items:stretch}.library-header__actions[data-v-a967cf7b]{justify-content:space-between}.library-header__actions[data-v-a967cf7b] .q-btn:first-child{flex:1}.library-grid[data-v-a967cf7b]{grid-template-columns:1fr}}.usage-card[data-v-1e2ac035]{background:#fff;border:1px solid #37425421;border-radius:30px;width:min(1320px,100% - 32px);margin:34px auto 0;padding:clamp(20px,3vw,34px);scroll-margin-top:84px;box-shadow:0 18px 55px #0f172a12}.usage-card__header[data-v-1e2ac035]{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.usage-banner[data-v-1e2ac035]{margin-top:22px}.usage-grid[data-v-1e2ac035]{grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);gap:22px;margin-top:22px;display:grid}.usage-controls[data-v-1e2ac035]{align-content:start;gap:16px;display:grid}.usage-summary[data-v-1e2ac035]{background:#f8fafc;border:1px solid #3742541f;border-radius:18px;justify-items:start;gap:5px;padding:16px;display:grid}.code-panel[data-v-1e2ac035]{color:#e5e7eb;background:#111827;border:1px solid #1f2937;border-radius:20px;min-width:0;overflow:hidden}.code-panel--disabled[data-v-1e2ac035]{opacity:.65}.code-panel__toolbar[data-v-1e2ac035]{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:48px;padding:4px 10px 4px 18px;display:flex}.code-panel__toolbar[data-v-1e2ac035] .q-btn{color:#fff}pre[data-v-1e2ac035]{white-space:pre;tab-size:2;min-height:330px;max-height:520px;margin:0;padding:22px;font-size:.88rem;line-height:1.65;overflow:auto}code[data-v-1e2ac035]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body.body--dark{box-shadow:none;background:#1b1f2d;border-color:#ffffff1a}@media (max-width:820px){.usage-grid[data-v-1e2ac035]{grid-template-columns:1fr}}@media (max-width:599px){.usage-card[data-v-1e2ac035]{border-radius:22px;width:min(100% - 16px,1320px)}.usage-card__header[data-v-1e2ac035]{flex-direction:column}.usage-card__header[data-v-1e2ac035] .q-btn{width:100%}pre[data-v-1e2ac035]{min-height:260px;padding:16px;font-size:.8rem}}.seo-content[data-v-61b9f8a9]{gap:56px;width:min(1200px,100% - 32px);margin:64px auto 24px;display:grid}.seo-intro[data-v-61b9f8a9]{max-width:780px;margin:0 auto}.feature-grid[data-v-61b9f8a9],.step-grid[data-v-61b9f8a9]{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.info-card[data-v-61b9f8a9]{background:#fff;border:1px solid #37425424;border-radius:22px;padding:24px;box-shadow:0 10px 30px #0f172a0d}.how-section[data-v-61b9f8a9]{gap:24px;display:grid}.step-grid[data-v-61b9f8a9]{counter-reset:steps}.step-grid li[data-v-61b9f8a9]{padding-top:56px;position:relative}.step-grid li[data-v-61b9f8a9]:before{counter-increment:steps;content:counter(steps);color:#fff;background:#374254;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid;position:absolute;top:18px;left:24px}.faq-list[data-v-61b9f8a9]{background:#fff;border:1px solid #37425426;border-radius:22px;max-width:880px;margin:24px auto 0;overflow:hidden}@media (max-width:980px){.feature-grid[data-v-61b9f8a9],.step-grid[data-v-61b9f8a9]{grid-template-columns:1fr}}.page-shell[data-v-86fd32dd]{background:linear-gradient(#f7f9fc 0%,#fff 34%)}.hero[data-v-86fd32dd]{width:min(900px,100%);margin:0 auto 48px}.hero__title[data-v-86fd32dd]{letter-spacing:-.04em;color:#202938;font-size:clamp(2.35rem,7vw,4.8rem);font-weight:800;line-height:1.05}.hero__description[data-v-86fd32dd]{max-width:720px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.creator-card[data-v-86fd32dd]{background:#fffffff5;border:1px solid #37425421;border-radius:30px;width:min(1320px,100% - 32px);margin:0 auto;padding:clamp(18px,3vw,34px);scroll-margin-top:84px;box-shadow:0 22px 70px #0f172a17}.creator-card__header[data-v-86fd32dd],.tool-card__header[data-v-86fd32dd]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.creator-card__header[data-v-86fd32dd]{margin-bottom:26px}.creator-grid[data-v-86fd32dd]{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:24px;display:grid}.creator-column[data-v-86fd32dd]{gap:20px;display:grid}.tool-card[data-v-86fd32dd],.preview-card[data-v-86fd32dd]{background:#fff;border:1px solid #37425424;border-radius:24px;gap:18px;padding:clamp(18px,2.4vw,26px);display:grid}.preview-column[data-v-86fd32dd]{position:sticky;top:84px}.preview-stage[data-v-86fd32dd]{background-image:linear-gradient(45deg,#eef1f5 25%,#0000 25%),linear-gradient(-45deg,#eef1f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f5 75%),linear-gradient(-45deg,#0000 75%,#eef1f5 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:22px;place-items:center;gap:10px;min-height:390px;padding:28px;display:grid;position:relative;overflow:hidden}.preview-stage--empty[data-v-86fd32dd]{background:#f8fafc;border:1px dashed #37425440;align-content:center}.preview-image[data-v-86fd32dd]{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;transform-origin:50%;width:min(290px,90%);transition:border-radius .12s;box-shadow:0 18px 48px #0f172a29}.export-actions[data-v-86fd32dd]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.export-actions[data-v-86fd32dd] .q-btn,.library-save-button[data-v-86fd32dd]{min-height:46px}.radius-control[data-v-86fd32dd],.threshold-control[data-v-86fd32dd]{gap:12px;display:grid}.radius-input[data-v-86fd32dd]{width:116px}.palette-row[data-v-86fd32dd]{flex-wrap:wrap;gap:10px;display:flex}.palette-color[data-v-86fd32dd]{cursor:pointer;border:3px solid #fff;border-radius:50%;width:36px;height:36px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #37425440}.palette-color[data-v-86fd32dd]:hover{transform:translateY(-1px)}.palette-color--active[data-v-86fd32dd]{box-shadow:0 0 0 3px var(--q-primary)}body.body--dark{color:#f3f6fb;background:linear-gradient(#171a28 0%,#1c2030 36%)}body.body--dark,body.body--dark,body.body--dark{box-shadow:none;background:#24283a;border-color:#ffffff1a}body.body--dark{background:#1b1f2d;border-color:#ffffff26}@media (max-width:960px){.creator-grid[data-v-86fd32dd]{grid-template-columns:1fr}.preview-column[data-v-86fd32dd]{position:static}}@media (max-width:599px){.creator-card[data-v-86fd32dd]{border-radius:22px;width:min(100% - 16px,1320px)}.creator-card__header[data-v-86fd32dd],.tool-card__header[data-v-86fd32dd]{flex-direction:column}.tool-card__header[data-v-86fd32dd] .q-btn{width:100%}.preview-stage[data-v-86fd32dd]{min-height:300px}.export-actions[data-v-86fd32dd]{grid-template-columns:1fr}.radius-input[data-v-86fd32dd]{width:100%}}