.container[data-astro-cid-g5nhgzq5]{max-width:1400px;margin:0 auto;padding:0 20px}.tool-section[data-astro-cid-g5nhgzq5]{padding:40px 0}.page-title[data-astro-cid-g5nhgzq5]{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.page-desc[data-astro-cid-g5nhgzq5]{font-size:1.1rem;color:#64748b;margin-bottom:2rem}.editor-layout[data-astro-cid-g5nhgzq5]{display:grid;grid-template-columns:400px 1fr;gap:24px;margin-bottom:24px}.editor-panel[data-astro-cid-g5nhgzq5]{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px}.preview-panel[data-astro-cid-g5nhgzq5]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:24px;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto}.preview-panel[data-astro-cid-g5nhgzq5] h3[data-astro-cid-g5nhgzq5]{font-size:1.2rem;font-weight:600;color:#0f172a;margin-bottom:16px}.canvas-container[data-astro-cid-g5nhgzq5]{display:flex;justify-content:center;align-items:center;min-height:400px}canvas[data-astro-cid-g5nhgzq5]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 25px #0000001a}.input-section[data-astro-cid-g5nhgzq5]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.input-section[data-astro-cid-g5nhgzq5]:last-of-type{border-bottom:none}.input-section[data-astro-cid-g5nhgzq5] h3[data-astro-cid-g5nhgzq5]{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:12px}.input-group[data-astro-cid-g5nhgzq5]{margin-bottom:16px}.input-group[data-astro-cid-g5nhgzq5]:last-child{margin-bottom:0}.input-group[data-astro-cid-g5nhgzq5] label[data-astro-cid-g5nhgzq5]{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:.9rem}.input-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5],.input-group[data-astro-cid-g5nhgzq5] textarea[data-astro-cid-g5nhgzq5],.input-group[data-astro-cid-g5nhgzq5] select[data-astro-cid-g5nhgzq5],input[data-astro-cid-g5nhgzq5][type=number]{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}input[data-astro-cid-g5nhgzq5][type=number]:focus{outline:none;border-color:#6366f1}.input-group[data-astro-cid-g5nhgzq5] textarea[data-astro-cid-g5nhgzq5]{resize:vertical;font-family:inherit}.input-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5]:focus,.input-group[data-astro-cid-g5nhgzq5] textarea[data-astro-cid-g5nhgzq5]:focus,.input-group[data-astro-cid-g5nhgzq5] select[data-astro-cid-g5nhgzq5]:focus{outline:none;border-color:#6366f1}.template-grid[data-astro-cid-g5nhgzq5]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.template-btn[data-astro-cid-g5nhgzq5]{padding:10px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.template-btn[data-astro-cid-g5nhgzq5]:hover{background:#e2e8f0}.template-btn[data-astro-cid-g5nhgzq5].active{background:#6366f1;color:#fff;border-color:#6366f1}.color-preset-grid[data-astro-cid-g5nhgzq5]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-preset-btn[data-astro-cid-g5nhgzq5]{padding:28px 8px;border:2px solid #e2e8f0;border-radius:8px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.color-preset-btn[data-astro-cid-g5nhgzq5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.color-preset-btn[data-astro-cid-g5nhgzq5]:active{transform:translateY(0)}.color-grid[data-astro-cid-g5nhgzq5]{display:grid;gap:12px}.color-item[data-astro-cid-g5nhgzq5]{display:flex;align-items:center;gap:12px}.color-item[data-astro-cid-g5nhgzq5] label[data-astro-cid-g5nhgzq5]{flex:1;font-weight:600;color:#334155;font-size:.9rem}.color-item[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=color]{width:80px;height:40px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer}.slider-group[data-astro-cid-g5nhgzq5]{display:flex;align-items:center;gap:8px}.slider-group[data-astro-cid-g5nhgzq5] .size-btn[data-astro-cid-g5nhgzq5]{width:36px;height:36px;min-width:36px;border:2px solid #e2e8f0;background:#fff;color:#6366f1;font-size:1.4rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.slider-group[data-astro-cid-g5nhgzq5] .size-btn[data-astro-cid-g5nhgzq5]:hover{background:#6366f1;color:#fff;border-color:#6366f1}.slider-group[data-astro-cid-g5nhgzq5] .size-btn[data-astro-cid-g5nhgzq5]:active{transform:scale(.95)}.slider-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=range]{flex:1;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.slider-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6366f1;cursor:pointer;transition:background .2s}.slider-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=range]::-webkit-slider-thumb:hover{background:#4f46e5}.slider-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6366f1;cursor:pointer;border:none;transition:background .2s}.slider-group[data-astro-cid-g5nhgzq5] input[data-astro-cid-g5nhgzq5][type=range]::-moz-range-thumb:hover{background:#4f46e5}.slider-group[data-astro-cid-g5nhgzq5] span[data-astro-cid-g5nhgzq5]{min-width:60px;text-align:right;font-weight:600;color:#6366f1;font-size:.95rem}.button-group[data-astro-cid-g5nhgzq5]{display:grid;gap:8px}.download-btn[data-astro-cid-g5nhgzq5]{padding:14px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.download-btn[data-astro-cid-g5nhgzq5]:hover{background:#4f46e5}.download-btn[data-astro-cid-g5nhgzq5].secondary{background:#64748b}.download-btn[data-astro-cid-g5nhgzq5].secondary:hover{background:#475569}.info-box[data-astro-cid-g5nhgzq5]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:32px;margin-top:24px}.info-box[data-astro-cid-g5nhgzq5] h3[data-astro-cid-g5nhgzq5]{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:16px;margin-top:32px}.info-box[data-astro-cid-g5nhgzq5] h3[data-astro-cid-g5nhgzq5]:first-child{margin-top:0}.info-box[data-astro-cid-g5nhgzq5] ol[data-astro-cid-g5nhgzq5],.info-box[data-astro-cid-g5nhgzq5] ul[data-astro-cid-g5nhgzq5]{padding-left:24px;color:#475569;line-height:1.8}.info-box[data-astro-cid-g5nhgzq5] li[data-astro-cid-g5nhgzq5]{margin-bottom:8px}.faq-item[data-astro-cid-g5nhgzq5]{margin-bottom:20px;padding:20px;background:#fff;border-radius:8px}.faq-item[data-astro-cid-g5nhgzq5] strong[data-astro-cid-g5nhgzq5]{display:block;margin-bottom:8px;color:#6366f1}.faq-item[data-astro-cid-g5nhgzq5] p[data-astro-cid-g5nhgzq5]{margin:0;color:#475569;line-height:1.6}@media(max-width:1024px){.editor-layout[data-astro-cid-g5nhgzq5]{grid-template-columns:1fr}.preview-panel[data-astro-cid-g5nhgzq5]{order:-1;position:static;max-height:none}}@media(max-width:768px){.template-grid[data-astro-cid-g5nhgzq5],.color-preset-grid[data-astro-cid-g5nhgzq5]{grid-template-columns:repeat(3,1fr)}.page-title[data-astro-cid-g5nhgzq5]{font-size:1.5rem}}@media(max-width:480px){.template-grid[data-astro-cid-g5nhgzq5],.color-preset-grid[data-astro-cid-g5nhgzq5]{grid-template-columns:repeat(2,1fr)}}