.page[data-v-3c41cb76]{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--color-gradient-start) 0,var(--color-gradient-end) 100%);display:flex;flex-direction:column;align-items:center;transition:background .3s}.page-header[data-v-3c41cb76]{width:100%;max-width:var(--content-max-width);padding:3rem 2rem 1.5rem;text-align:center}.page-title[data-v-3c41cb76]{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2;margin:0 0 1rem;color:var(--color-text-primary);letter-spacing:-.02em;transition:color .3s}.page-lede[data-v-3c41cb76]{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary);margin:0 auto 1rem;max-width:65ch;transition:color .3s}.privacy-note[data-v-3c41cb76]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-tertiary);margin:0;transition:color .3s}.privacy-note i[data-v-3c41cb76]{font-size:.75rem;color:#22c55e}.tool-panel-wrap[data-v-3c41cb76]{width:100%;max-width:var(--content-max-width);padding:1.5rem 2rem}.tool-panel[data-v-3c41cb76]{background:var(--color-bg-card);border-radius:1.25rem;box-shadow:0 4px 24px var(--color-shadow);border:1px solid var(--color-border);padding:2rem;display:flex;flex-direction:column;gap:2rem;transition:background .3s,border-color .3s,box-shadow .3s}.upload-area-block[data-v-3c41cb76]{width:100%}.section-header[data-v-3c41cb76]{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;transition:color .3s}.section-header[data-v-3c41cb76] i{font-size:1.25rem;color:var(--color-text-secondary)}.demo-area[data-v-3c41cb76],.uploader[data-v-3c41cb76]{width:100%}.demo-label[data-v-3c41cb76]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem;transition:color .3s}.demo-label[data-v-3c41cb76] i{font-size:1rem;color:var(--color-text-secondary)}.demo-grid[data-v-3c41cb76]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.demo-card[data-v-3c41cb76]{position:relative;border-radius:.625rem;overflow:hidden;background:var(--color-bg-secondary);cursor:pointer;transition:all .3s;box-shadow:0 2px 6px var(--color-shadow);aspect-ratio:1}.demo-author[data-v-3c41cb76]{position:absolute;left:0;right:0;bottom:0;padding:.375rem .5rem;font-size:.75rem;color:#fff;background:linear-gradient(transparent,#000000a6);pointer-events:none}.demo-card[data-v-3c41cb76]:hover{transform:translateY(-3px);box-shadow:0 8px 20px var(--color-shadow-hover)}.demo-image[data-v-3c41cb76]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.seo-article[data-v-3c41cb76]{width:100%;max-width:var(--content-max-width);padding:0 2rem 2rem}.seo-article-inner[data-v-3c41cb76]{max-width:800px}.seo-article-inner[data-v-3c41cb76] h2{font-size:1.375rem;font-weight:700;margin:2rem 0 .75rem;color:var(--color-text-primary);transition:color .3s}.seo-article-inner[data-v-3c41cb76] h3{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--color-text-primary);transition:color .3s}.seo-article-inner[data-v-3c41cb76] p{font-size:1rem;line-height:1.7;color:var(--color-text-tertiary);margin:0 0 1rem;transition:color .3s}.seo-article-inner[data-v-3c41cb76] ol,.seo-article-inner[data-v-3c41cb76] ul{margin:.75rem 0 1rem;padding-left:1.5rem}.seo-article-inner[data-v-3c41cb76] li{font-size:1rem;line-height:1.7;color:var(--color-text-tertiary);margin-bottom:.4rem;transition:color .3s}.seo-article-inner[data-v-3c41cb76] strong{color:var(--color-text-primary);font-weight:600;transition:color .3s}.faq-section[data-v-3c41cb76]{width:100%;max-width:var(--content-max-width);padding:0 2rem 2rem}.faq-inner[data-v-3c41cb76]{max-width:800px}.faq-title[data-v-3c41cb76]{font-size:1.375rem;font-weight:700;margin:0 0 1.25rem;color:var(--color-text-primary);transition:color .3s}.faq-list[data-v-3c41cb76]{display:flex;flex-direction:column;gap:.625rem}.faq-item[data-v-3c41cb76]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.75rem;padding:0;overflow:hidden;transition:border-color .3s,background .3s}.faq-item[open][data-v-3c41cb76]{border-color:var(--color-border-hover)}.faq-question[data-v-3c41cb76]{list-style:none;padding:1rem 1.25rem;font-size:.975rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:color .3s}.faq-question[data-v-3c41cb76]::-webkit-details-marker{display:none}.faq-question[data-v-3c41cb76]:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s}details[open] .faq-question[data-v-3c41cb76]:after{transform:rotate(45deg)}.faq-answer[data-v-3c41cb76]{margin:0;padding:0 1.25rem 1rem;font-size:.9375rem;line-height:1.65;color:var(--color-text-secondary);transition:color .3s}.related-section[data-v-3c41cb76]{width:100%;max-width:var(--content-max-width);padding:0 2rem 2.5rem}.related-inner[data-v-3c41cb76]{max-width:800px}.related-title[data-v-3c41cb76]{font-size:1.375rem;font-weight:700;margin:0 0 1.25rem;color:var(--color-text-primary);transition:color .3s}.related-grid[data-v-3c41cb76]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.tool-card[data-v-3c41cb76]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.75rem;text-decoration:none;transition:all .3s;box-shadow:0 2px 6px var(--color-shadow)}.tool-card[data-v-3c41cb76]:hover{border-color:var(--color-border-hover);box-shadow:0 6px 16px var(--color-shadow-hover);transform:translateY(-2px)}.tool-icon[data-v-3c41cb76]{font-size:1.375rem;color:var(--color-text-secondary);transition:color .2s}.tool-card:hover .tool-icon[data-v-3c41cb76],.tool-name[data-v-3c41cb76]{color:var(--color-text-primary)}.tool-name[data-v-3c41cb76]{font-size:.75rem;font-weight:600;text-align:center;line-height:1.3;transition:color .3s}.footer[data-v-3c41cb76]{width:100%;padding:2rem;background:var(--color-bg-primary);border-top:1px solid var(--color-border);margin-top:auto;transition:background .3s,border-color .3s}.footer-container[data-v-3c41cb76]{max-width:var(--content-max-width);margin:0 auto}@media(max-width:968px){.page-header[data-v-3c41cb76]{padding:2rem 1.5rem 1rem}.tool-panel-wrap[data-v-3c41cb76]{padding:1rem 1.5rem}.faq-section[data-v-3c41cb76],.related-section[data-v-3c41cb76],.seo-article[data-v-3c41cb76]{padding-left:1.5rem;padding-right:1.5rem}.related-grid[data-v-3c41cb76]{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.page-header[data-v-3c41cb76]{padding:1.5rem 1rem .75rem}.page-title[data-v-3c41cb76]{font-size:clamp(1.625rem,6vw,2rem)}.tool-panel-wrap[data-v-3c41cb76]{padding:.75rem 1rem}.tool-panel[data-v-3c41cb76]{padding:1.25rem;border-radius:1rem}.faq-section[data-v-3c41cb76],.related-section[data-v-3c41cb76],.seo-article[data-v-3c41cb76]{padding-left:1rem;padding-right:1rem}.demo-grid[data-v-3c41cb76]{grid-template-columns:repeat(3,1fr);gap:.5rem}.related-grid[data-v-3c41cb76]{grid-template-columns:repeat(2,1fr)}.footer[data-v-3c41cb76]{padding:1.5rem 1rem}}