.container[data-v-36466c0c]{max-width:95vw;margin:0 auto;padding:20px}header[data-v-36466c0c]{text-align:center;margin-bottom:30px;padding:20px 0;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}h1[data-v-36466c0c]{font-size:2.5rem;margin-bottom:10px}.subtitle[data-v-36466c0c]{font-size:1.2rem;opacity:.9}.main-content[data-v-36466c0c]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}@media (max-width: 768px){.main-content[data-v-36466c0c]{grid-template-columns:1fr}}.editor-container[data-v-36466c0c]{background:white;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.editor-header[data-v-36466c0c]{background:#f0f2f5;padding:12px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8}.editor-body[data-v-36466c0c]{height:350px;position:relative}textarea[data-v-36466c0c],pre[data-v-36466c0c]{width:100%;height:100%;padding:16px;border:none;resize:none;font-family:Courier New,monospace;font-size:15px;line-height:1.5}textarea[data-v-36466c0c]:focus{outline:none}pre[data-v-36466c0c]{overflow:auto;background:#1e1e1e;color:#f0f0f0}code[data-v-36466c0c]{font-family:Courier New,monospace}.actions[data-v-36466c0c]{display:flex;justify-content:center;gap:16px;margin:30px 0;flex-wrap:wrap}.settings[data-v-36466c0c]{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;margin-bottom:30px}.settings-title[data-v-36466c0c]{font-size:1.2rem;margin-bottom:16px;color:#1a1a1a;font-weight:600}.settings-content[data-v-36466c0c]{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.instructions[data-v-36466c0c]{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014}.instructions h2[data-v-36466c0c]{margin-bottom:16px;color:#1a1a1a;font-size:1.5rem}.step[data-v-36466c0c]{display:flex;margin-bottom:16px}.step-number[data-v-36466c0c]{background:#1890ff;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.step-content[data-v-36466c0c]{flex:1}.features[data-v-36466c0c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.feature-card[data-v-36466c0c]{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.feature-icon[data-v-36466c0c]{font-size:2rem;margin-bottom:12px;color:#1890ff}footer[data-v-36466c0c]{text-align:center;margin-top:40px;padding:20px;color:#7a7a7a;font-size:.9rem}.button-new[data-v-36466c0c]{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);border:none;color:#fff}.button-compress[data-v-36466c0c]{background:linear-gradient(135deg,#ff758c 0%,#ff7eb3 100%);border:none;color:#fff}.button-example[data-v-36466c0c]{background:linear-gradient(135deg,#00b09b 0%,#96c93d 100%);border:none;color:#fff}.examples[data-v-36466c0c]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.example-btn[data-v-36466c0c]{margin-bottom:5px}