.regex-page[data-v-9d2fed29]{display:flex;min-height:calc(100vh - 92px);flex-direction:column;gap:1rem;padding:1rem 1.5rem}.regex-hero[data-v-9d2fed29]{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.regex-title[data-v-9d2fed29]{font-size:1.5rem;line-height:1.2}.regex-description[data-v-9d2fed29]{margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.summary-card[data-v-9d2fed29],.regex-builder[data-v-9d2fed29],.preset-panel[data-v-9d2fed29],.panel[data-v-9d2fed29]{border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 12px 30px #0f172a0d}.summary-card[data-v-9d2fed29]{min-width:128px;padding:.75rem 1rem;background:var(--el-color-success-light-9);color:var(--el-color-success)}.summary-card.invalid[data-v-9d2fed29]{background:var(--el-color-danger-light-9);color:var(--el-color-danger)}.summary-card span[data-v-9d2fed29]{display:block;font-size:.75rem;opacity:.8}.regex-builder[data-v-9d2fed29]{padding:.75rem}.pattern-row[data-v-9d2fed29]{display:grid;grid-template-columns:auto minmax(0,1fr) auto 90px;align-items:center;gap:.5rem}.slash[data-v-9d2fed29]{color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:1.25rem}.flag-list[data-v-9d2fed29]{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem}.preset-panel[data-v-9d2fed29]{overflow:hidden}.preset-grid[data-v-9d2fed29]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:.75rem}.preset-card[data-v-9d2fed29]{display:grid;min-width:0;gap:.375rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);cursor:pointer;padding:.75rem;text-align:left}.preset-card[data-v-9d2fed29]:hover{border-color:var(--el-color-primary);background:var(--background-secondary)}.preset-card strong[data-v-9d2fed29]{font-size:.875rem}.preset-card span[data-v-9d2fed29]{color:var(--text-secondary);font-size:.75rem}.preset-card code[data-v-9d2fed29]{overflow:hidden;color:var(--el-color-primary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.workspace[data-v-9d2fed29],.details-grid[data-v-9d2fed29]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.panel[data-v-9d2fed29]{display:flex;min-width:0;flex-direction:column;overflow:hidden}.panel-header[data-v-9d2fed29]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--background-secondary)}.panel-header h2[data-v-9d2fed29]{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.panel-header p[data-v-9d2fed29],.panel-header span[data-v-9d2fed29]{margin:.125rem 0 0;color:var(--text-secondary);font-size:.75rem}.regex-editor[data-v-9d2fed29]{flex:1}.regex-editor[data-v-9d2fed29] .el-textarea__inner{min-height:300px!important;border:0;border-radius:0;background:var(--background);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;box-shadow:none}.highlight-box[data-v-9d2fed29],.replace-result[data-v-9d2fed29]{flex:1;min-height:300px;margin:0;overflow:auto;padding:1rem;background:var(--background);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.highlight-box mark[data-v-9d2fed29]{border-radius:3px;background:#409eff3d;color:inherit;box-shadow:inset 0 -1px 0 var(--el-color-primary)}.error-state[data-v-9d2fed29],.empty-state[data-v-9d2fed29]{display:flex;min-height:220px;align-items:center;justify-content:center;padding:1rem;color:var(--text-secondary);font-size:.875rem}.match-list[data-v-9d2fed29]{max-height:420px;overflow:auto;padding:.75rem}.match-card[data-v-9d2fed29]{border:1px solid var(--border);border-radius:8px;background:var(--background);overflow:hidden}.match-card+.match-card[data-v-9d2fed29]{margin-top:.75rem}.match-card-head[data-v-9d2fed29],.group-row[data-v-9d2fed29]{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .75rem;background:var(--background-secondary);color:var(--text-secondary);font-size:.75rem}.match-card pre[data-v-9d2fed29]{margin:0;overflow:auto;padding:.75rem;color:var(--text-primary);font-family:Courier New,Courier,monospace;white-space:pre-wrap}.group-list[data-v-9d2fed29]{border-top:1px solid var(--border)}.group-row[data-v-9d2fed29]{align-items:flex-start;background:transparent;border-bottom:1px solid var(--border)}.group-row[data-v-9d2fed29]:last-child{border-bottom:0}.group-row code[data-v-9d2fed29]{color:var(--text-primary);overflow-wrap:anywhere}.replace-body[data-v-9d2fed29]{display:grid;gap:.75rem;padding:.75rem}.replace-result[data-v-9d2fed29]{min-height:220px;border:1px solid var(--border);border-radius:8px;background:var(--background-secondary)}@media (max-width: 1024px){.workspace[data-v-9d2fed29],.details-grid[data-v-9d2fed29]{grid-template-columns:1fr}}@media (max-width: 768px){.regex-page[data-v-9d2fed29]{min-height:auto;padding:.75rem 1rem}.regex-hero[data-v-9d2fed29]{align-items:stretch;flex-direction:column}.summary-card[data-v-9d2fed29]{width:100%}.pattern-row[data-v-9d2fed29]{grid-template-columns:auto minmax(0,1fr) auto 72px}.panel-header[data-v-9d2fed29]{align-items:stretch;flex-direction:column;gap:.375rem}.preset-grid[data-v-9d2fed29]{grid-template-columns:1fr}}@media (max-width: 480px){.regex-page[data-v-9d2fed29]{padding:.5rem}.pattern-row[data-v-9d2fed29]{grid-template-columns:auto minmax(0,1fr) auto}.flags-input[data-v-9d2fed29]{grid-column:2 / -1}}