.tool-layout[data-astro-cid-ly44neaz]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.tool-layout[data-astro-cid-ly44neaz]{grid-template-columns:1fr}}.controls-section[data-astro-cid-ly44neaz]{display:flex;flex-direction:column;gap:1rem}.input-card[data-astro-cid-ly44neaz],.config-card[data-astro-cid-ly44neaz]{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.input-header[data-astro-cid-ly44neaz]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-label[data-astro-cid-ly44neaz]{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.text-input[data-astro-cid-ly44neaz]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem;background:var(--input-bg, #f8fafc);color:var(--text-primary, #1e293b)}.text-input[data-astro-cid-ly44neaz]:focus{outline:none;border-color:var(--accent, #6366f1)}.config-section-title[data-astro-cid-ly44neaz]{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);margin:1rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.font-grid[data-astro-cid-ly44neaz]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.font-btn[data-astro-cid-ly44neaz]{padding:.5rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--btn-bg, #ffffff);cursor:pointer;font-size:1rem;transition:all .2s}.font-btn[data-astro-cid-ly44neaz]:hover{border-color:var(--accent, #6366f1);background:var(--accent-light, #eef2ff)}.font-btn[data-astro-cid-ly44neaz].active{border-color:var(--accent, #6366f1);background:var(--accent-light, #eef2ff);box-shadow:0 0 0 2px var(--accent, #6366f1)}.color-row[data-astro-cid-ly44neaz]{display:flex;gap:1rem}.color-group[data-astro-cid-ly44neaz]{display:flex;align-items:center;gap:.5rem}.color-group[data-astro-cid-ly44neaz] label[data-astro-cid-ly44neaz]{font-size:.875rem;color:var(--text-secondary, #64748b)}input[data-astro-cid-ly44neaz][type=color]{width:40px;height:40px;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;background:none;padding:2px}.slider-group[data-astro-cid-ly44neaz]{display:flex;align-items:center;gap:.75rem}input[data-astro-cid-ly44neaz][type=range]{flex:1;height:6px;border-radius:3px;background:var(--border-color, #e2e8f0);outline:none;-webkit-appearance:none}input[data-astro-cid-ly44neaz][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent, #6366f1);cursor:pointer}.slider-value[data-astro-cid-ly44neaz]{font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b);min-width:48px;text-align:right}.actions[data-astro-cid-ly44neaz]{display:flex;gap:.75rem}.btn-primary[data-astro-cid-ly44neaz]{flex:1;padding:.875rem 1.5rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary[data-astro-cid-ly44neaz]:hover{background:var(--accent-hover, #4f46e5)}.btn-text[data-astro-cid-ly44neaz]{padding:.5rem .75rem;background:none;border:none;color:var(--text-secondary, #64748b);font-size:.875rem;cursor:pointer;transition:color .2s}.btn-text[data-astro-cid-ly44neaz]:hover{color:var(--accent, #6366f1)}.preview-section[data-astro-cid-ly44neaz]{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.preview-header[data-astro-cid-ly44neaz]{margin-bottom:.75rem}.canvas-wrapper[data-astro-cid-ly44neaz]{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;min-height:200px}#sig-canvas[data-astro-cid-ly44neaz]{max-width:100%;height:auto;display:block}.canvas-hint[data-astro-cid-ly44neaz]{text-align:center;color:var(--text-secondary, #94a3b8);font-size:.875rem;margin-top:.5rem}.examples-card[data-astro-cid-ly44neaz]{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem}.examples-card[data-astro-cid-ly44neaz] h3[data-astro-cid-ly44neaz]{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #1e293b)}.examples-grid[data-astro-cid-ly44neaz]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:480px){.examples-grid[data-astro-cid-ly44neaz]{grid-template-columns:1fr}}.example-btn[data-astro-cid-ly44neaz]{padding:.625rem 1rem;background:var(--btn-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;color:var(--text-primary, #1e293b)}.example-btn[data-astro-cid-ly44neaz]:hover{border-color:var(--accent, #6366f1);background:var(--accent-light, #eef2ff)}.info-section[data-astro-cid-ly44neaz]{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.info-section[data-astro-cid-ly44neaz] h2[data-astro-cid-ly44neaz]{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary, #1e293b)}.info-section[data-astro-cid-ly44neaz] h3[data-astro-cid-ly44neaz]{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary, #1e293b)}.info-section[data-astro-cid-ly44neaz] p[data-astro-cid-ly44neaz]{line-height:1.7;color:var(--text-secondary, #475569)}.feature-list[data-astro-cid-ly44neaz]{list-style:none;padding:0}.feature-list[data-astro-cid-ly44neaz] li[data-astro-cid-ly44neaz]{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary, #475569);line-height:1.6}.feature-list[data-astro-cid-ly44neaz] li[data-astro-cid-ly44neaz]:before{content:"✓";position:absolute;left:0;color:var(--accent, #6366f1);font-weight:700}