*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%}.settings-card[data-v-0a5baf2a]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.settings-card h2[data-v-0a5baf2a]{margin:0 0 20px;font-size:1.25rem;color:#333}.form-group[data-v-0a5baf2a]{margin-bottom:16px}.form-group label[data-v-0a5baf2a]{display:block;margin-bottom:6px;font-weight:500;color:#555}.form-group select[data-v-0a5baf2a],.form-group input[data-v-0a5baf2a]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group select[data-v-0a5baf2a]:focus,.form-group input[data-v-0a5baf2a]:focus{outline:none;border-color:#4a90d9}.form-actions[data-v-0a5baf2a]{display:flex;gap:10px;margin-top:20px}.form-actions button[data-v-0a5baf2a]{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:#fff;transition:filter .2s}.form-actions button[data-v-0a5baf2a]:hover{filter:brightness(.9)}.btn-add[data-v-0a5baf2a]{background:#4a90d9}.btn-remove[data-v-0a5baf2a]{background:#e74c3c}.btn-reset[data-v-0a5baf2a]{background:#95a5a6}.items-settings[data-v-bcc3c8cb]{display:flex;flex-direction:column;gap:16px}.item-settings[data-v-bcc3c8cb]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.item-settings h3[data-v-bcc3c8cb]{margin:0 0 12px;font-size:1rem;color:#333}.item-settings label[data-v-bcc3c8cb]{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:500;color:#555}.item-settings input[data-v-bcc3c8cb],.item-settings select[data-v-bcc3c8cb]{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.item-settings input[data-v-bcc3c8cb]:focus,.item-settings select[data-v-bcc3c8cb]:focus{outline:none;border-color:#4a90d9}#app[data-v-9f4835c2]{min-height:100vh;display:flex;flex-direction:column}header[data-v-9f4835c2]{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;text-align:center}header h1[data-v-9f4835c2]{margin:0;color:#fff;font-size:1.75rem}main[data-v-9f4835c2]{flex:1;padding:24px;background:#f5f7fa}.layout[data-v-9f4835c2]{display:grid;grid-template-columns:320px 1fr;gap:24px;max-width:1400px;margin:0 auto}@media(max-width:900px){.layout[data-v-9f4835c2]{grid-template-columns:1fr}}.settings[data-v-9f4835c2]{display:flex;flex-direction:column;gap:16px}.presets[data-v-9f4835c2]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.presets label[data-v-9f4835c2]{display:block;margin-bottom:10px;font-weight:600;color:#333}.preset-buttons[data-v-9f4835c2]{display:flex;flex-wrap:wrap;gap:8px}.preset-btn[data-v-9f4835c2]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa;font-size:12px;cursor:pointer;transition:all .2s}.preset-btn[data-v-9f4835c2]:hover{background:#667eea;color:#fff;border-color:#667eea}.tabs[data-v-9f4835c2]{display:flex;gap:8px}.tab-button[data-v-9f4835c2]{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:#e0e5ec;color:#666;transition:all .2s}.tab-button.active[data-v-9f4835c2]{background:#667eea;color:#fff}.tab-button[data-v-9f4835c2]:hover:not(.active){background:#d0d5dc}.tab-content[data-v-9f4835c2]{max-height:calc(100vh - 360px);overflow-y:auto}.preview-and-code[data-v-9f4835c2]{display:flex;flex-direction:column;gap:24px}.preview[data-v-9f4835c2],.code[data-v-9f4835c2]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.preview h2[data-v-9f4835c2],.code h2[data-v-9f4835c2]{margin:0 0 16px;font-size:1.125rem;color:#333}#preview-box[data-v-9f4835c2]{min-height:200px;padding:20px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px}.box[data-v-9f4835c2]{min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1.25rem;border-radius:8px;transition:all .2s}.box[data-v-9f4835c2]:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.box[data-v-9f4835c2]:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.box[data-v-9f4835c2]:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.box[data-v-9f4835c2]:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.box[data-v-9f4835c2]:nth-child(6){background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.code-output[data-v-9f4835c2]{width:100%;min-height:180px;padding:16px;border:1px solid #ddd;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;resize:vertical;background:#1e1e1e;color:#d4d4d4}.copy-btn[data-v-9f4835c2]{margin-top:12px;padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:#667eea;color:#fff;transition:background .2s}.copy-btn[data-v-9f4835c2]:hover{background:#5a6fd6}.copy-message[data-v-9f4835c2]{margin-top:8px;color:#27ae60;font-size:14px;font-weight:500}footer[data-v-9f4835c2]{background:#2c3e50;padding:16px;text-align:center}footer p[data-v-9f4835c2]{margin:0;color:#bdc3c7;font-size:14px}footer a[data-v-9f4835c2]{color:#3498db;text-decoration:none}footer a[data-v-9f4835c2]:hover{text-decoration:underline}