.tools-page[data-astro-cid-dtlgzdld]{background:linear-gradient(to bottom right,#eef2ff,#fff,#f3e8ff);min-height:100vh;padding:2rem 1rem}html.dark .tools-page[data-astro-cid-dtlgzdld]{background:linear-gradient(to bottom right,#18181b,#18181b,#27272a)}.page[data-astro-cid-dtlgzdld]{max-width:90rem;margin:0 auto;height:calc(100vh - 4rem);display:flex;flex-direction:column}.header[data-astro-cid-dtlgzdld]{text-align:center;margin-bottom:1.5rem}h1[data-astro-cid-dtlgzdld]{font-size:2rem;font-weight:700;color:#18181b;margin-bottom:.5rem}html.dark h1[data-astro-cid-dtlgzdld]{color:#fafafa}.subtitle[data-astro-cid-dtlgzdld]{color:#71717a;font-size:.9375rem}html.dark .subtitle[data-astro-cid-dtlgzdld]{color:#a1a1aa}.main[data-astro-cid-dtlgzdld]{display:flex;gap:1rem;flex:1;min-height:0}.left-panel[data-astro-cid-dtlgzdld]{width:40%;background:#fff;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}html.dark .left-panel[data-astro-cid-dtlgzdld]{background:#27272ab3}.right-panel[data-astro-cid-dtlgzdld]{flex:1;background:#fff;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}html.dark .right-panel[data-astro-cid-dtlgzdld]{background:#27272ab3}.panel-header[data-astro-cid-dtlgzdld]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.panel-title[data-astro-cid-dtlgzdld]{font-size:.9375rem;font-weight:600;color:#18181b}html.dark .panel-title[data-astro-cid-dtlgzdld]{color:#fafafa}.panel-actions[data-astro-cid-dtlgzdld]{display:flex;gap:.5rem}.panel-actions[data-astro-cid-dtlgzdld] select[data-astro-cid-dtlgzdld]{padding:.25rem .5rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.8125rem;background:#fff;color:#18181b}html.dark .panel-actions[data-astro-cid-dtlgzdld] select[data-astro-cid-dtlgzdld]{background:#27272a;border-color:#3f3f46;color:#fafafa}textarea[data-astro-cid-dtlgzdld]{flex:1;border:1px solid #e4e4e7;border-radius:.5rem;padding:.75rem;font-family:Courier New,monospace;font-size:.875rem;resize:none;margin-bottom:.75rem;line-height:1.4}html.dark textarea[data-astro-cid-dtlgzdld]{background:#27272a;border-color:#3f3f46;color:#fafafa}.buttons[data-astro-cid-dtlgzdld]{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}button[data-astro-cid-dtlgzdld]{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;background:#3b82f6;color:#fff;transition:all .2s}button[data-astro-cid-dtlgzdld]:hover{background:#4f46e5}button[data-astro-cid-dtlgzdld].gray{background:#71717a}button[data-astro-cid-dtlgzdld].gray:hover{background:#52525b}button[data-astro-cid-dtlgzdld].green{background:#10b981}button[data-astro-cid-dtlgzdld].green:hover{background:#059669}button[data-astro-cid-dtlgzdld].orange{background:#f59e0b}button[data-astro-cid-dtlgzdld].orange:hover{background:#d97706}.settings[data-astro-cid-dtlgzdld]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.settings-row[data-astro-cid-dtlgzdld]{display:flex;align-items:center;gap:.5rem}.settings-row[data-astro-cid-dtlgzdld] label[data-astro-cid-dtlgzdld]{font-size:.8125rem;color:#71717a;min-width:4rem}html.dark .settings-row[data-astro-cid-dtlgzdld] label[data-astro-cid-dtlgzdld]{color:#a1a1aa}.settings-row[data-astro-cid-dtlgzdld] input[data-astro-cid-dtlgzdld]{flex:1;padding:.375rem .5rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.8125rem}html.dark .settings-row[data-astro-cid-dtlgzdld] input[data-astro-cid-dtlgzdld]{background:#27272a;border-color:#3f3f46;color:#fafafa}.status[data-astro-cid-dtlgzdld]{font-size:.8125rem;padding:.375rem .5rem;border-radius:.375rem;min-height:1.75rem;margin-bottom:.75rem}.status[data-astro-cid-dtlgzdld].success{background:#f0fdf4;color:#16a34a}.status[data-astro-cid-dtlgzdld].error{background:#fef2f2;color:#dc2626}html.dark .status[data-astro-cid-dtlgzdld].success{background:#16a34a26;color:#4ade80}html.dark .status[data-astro-cid-dtlgzdld].error{background:#dc262626;color:#f87171}.syntax-help[data-astro-cid-dtlgzdld]{background:#f9fafb;border-radius:.5rem;padding:.75rem;border:1px solid #e5e7eb}html.dark .syntax-help[data-astro-cid-dtlgzdld]{background:#27272a;border-color:#3f3f46}.help-title[data-astro-cid-dtlgzdld]{font-size:.8125rem;font-weight:600;color:#18181b;margin-bottom:.5rem}html.dark .help-title[data-astro-cid-dtlgzdld]{color:#fafafa}.help-content[data-astro-cid-dtlgzdld]{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.help-item[data-astro-cid-dtlgzdld]{font-size:.75rem;color:#71717a}html.dark .help-item[data-astro-cid-dtlgzdld]{color:#a1a1aa}.help-item[data-astro-cid-dtlgzdld] code[data-astro-cid-dtlgzdld]{background:#e5e7eb;padding:.125rem .25rem;border-radius:.25rem;font-family:Courier New,monospace;margin-right:.25rem}html.dark .help-item[data-astro-cid-dtlgzdld] code[data-astro-cid-dtlgzdld]{background:#3f3f46}.preview-header[data-astro-cid-dtlgzdld]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.zoom-box[data-astro-cid-dtlgzdld]{display:flex;gap:.5rem;align-items:center}.zoom-box[data-astro-cid-dtlgzdld] button[data-astro-cid-dtlgzdld]{padding:.25rem .5rem;font-size:.8125rem}.zoom-box[data-astro-cid-dtlgzdld] span[data-astro-cid-dtlgzdld]{font-size:.8125rem;color:#71717a;min-width:3rem;text-align:center}html.dark .zoom-box[data-astro-cid-dtlgzdld] span[data-astro-cid-dtlgzdld]{color:#a1a1aa}#previewBox[data-astro-cid-dtlgzdld]{flex:1;overflow:auto;border:1px solid #e4e4e7;border-radius:.5rem;padding:1rem;background:#fafafa}html.dark #previewBox[data-astro-cid-dtlgzdld]{background:#18181b;border-color:#3f3f46}#preview[data-astro-cid-dtlgzdld]{display:inline-block;transform-origin:top left}#preview[data-astro-cid-dtlgzdld] svg[data-astro-cid-dtlgzdld]{max-width:none}@media(max-width:768px){.main[data-astro-cid-dtlgzdld]{flex-direction:column}.left-panel[data-astro-cid-dtlgzdld]{width:100%}.right-panel[data-astro-cid-dtlgzdld]{min-height:300px}.help-content[data-astro-cid-dtlgzdld]{grid-template-columns:1fr}}