.simple-regex-panel .simple-regex-hero{padding:18px 0;border:0;border-radius:0;background:none;align-items:flex-start;margin-bottom:18px}.simple-regex-panel .simple-regex-hero p{font-size:13px;max-width:700px}.simple-regex-panel .simple-regex-flow{min-width:0;justify-content:flex-end;max-width:300px}.simple-regex-panel #simpleRegexStage{color:var(--accent);font-weight:650}.sr-builder-layout{display:grid;grid-template-columns:minmax(380px,1fr) minmax(380px,1.1fr);gap:20px;align-items:start}.sr-builder-editor,.sr-builder-preview{min-width:0;border:1px solid var(--border);border-radius:19px;background:var(--card);overflow:hidden}.sr-builder-tabs{display:flex;gap:4px;padding:12px;border-bottom:1px solid var(--border)}.sr-builder-tabs button,.sr-preview-toolbar button{background:none;color:var(--text-muted);border:1px solid transparent;border-radius:9px;min-height:38px;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer}.sr-builder-tabs button{flex:1}.sr-builder-tabs button[aria-pressed=true],.sr-preview-toolbar button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.sr-builder-panels{padding:21px;min-height:365px}.sr-builder-panels .card{padding:0;background:none;border:0;border-radius:0;box-shadow:none}.sr-builder-panels h3{font-size:16px;margin:0 0 10px}.sr-builder-panels .hint{font-size:12px;line-height:1.8}.sr-builder-panels .wf-panel-head{margin-bottom:12px}.sr-builder-panels label{margin-top:14px}.sr-builder-panels textarea,.sr-builder-panels input,.sr-builder-panels select{max-width:100%;min-width:0}.sr-builder-panels #simpleRegexDesign{min-height:160px;font-size:14px;line-height:1.8}.sr-builder-panels #simpleRegexTemplate{width:100%;font:12px/1.7 ui-monospace,Consolas,monospace;min-height:390px;resize:vertical;tab-size:2}.sr-builder-panels .simple-regex-presets-optional{padding:0 9px;margin-top:24px}.sr-builder-panels .simple-regex-presets{grid-template-columns:1fr 1fr;gap:7px}.sr-builder-panels .simple-regex-presets button{display:block;padding:11px 10px;text-align:left;border-radius:10px}.sr-builder-panels .simple-regex-presets small{display:block;margin-top:5px}.sr-builder-panels .simple-regex-field{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 28px;gap:7px;padding:12px 8px;margin-bottom:10px;border:1px solid var(--border);border-radius:12px}.sr-builder-panels .simple-regex-field [data-field-sample]{grid-column:2/4;grid-row:2}.sr-builder-panels .simple-regex-field .sr-field-order{grid-column:1;grid-row:1/3;display:grid;gap:3px;justify-items:center}.sr-field-order button{border:0;background:none;color:var(--text-muted);padding:2px;min-height:24px;font-size:12px;cursor:pointer}.sr-builder-panels .simple-regex-field>.sr-field-delete{grid-column:4;grid-row:1/3;min-height:36px}.sr-builder-panels .simple-regex-field .order{font-size:11px}.sr-builder-panels .simple-regex-asset{grid-template-columns:34px minmax(0,1fr) 26px;gap:8px}.sr-builder-panels .simple-regex-asset select{grid-column:2;grid-row:2}.sr-builder-panels .simple-regex-asset button{grid-column:3;grid-row:1/3}.sr-builder-actions{border-top:1px solid var(--border);padding:17px 21px;background:color-mix(in srgb,var(--card) 94%,var(--accent))}.sr-route-result{font-size:12px;line-height:1.8;color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:12px}.sr-route-result.error{color:#ee969b}.sr-action-row,.sr-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sr-action-row>.btn{flex:1;min-height:43px;white-space:normal}.sr-secondary-actions>.btn{font-size:11px;min-height:36px;flex:1;white-space:normal}.sr-builder-actions .status-line{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:10px 0 0}.sr-builder-actions [hidden],.sr-builder-panels [hidden],.sr-preview-content [hidden]{display:none!important}.sr-smart-toggle,.sr-module-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px}.sr-smart-toggle input,.sr-module-option input{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);margin-top:3px}.sr-smart-toggle strong,.sr-module-option strong{display:block;font-size:13px}.sr-smart-toggle small,.sr-module-option small{display:block;font-size:11px;line-height:1.7;color:var(--text-muted);margin-top:5px}#simpleRegexManualModules{border:0;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}#simpleRegexManualModules legend{font-size:12px;color:var(--text-muted);padding:0 0 8px}.sr-module-option{margin:0!important}.sr-builder-preview{padding:21px;position:sticky;top:16px}.sr-builder-preview>.wf-panel-head{flex-wrap:wrap;gap:10px}.sr-preview-toolbar{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.sr-preview-tabs,.sr-preview-sizes{display:flex;gap:3px}.sr-preview-sizes button{font-size:11px;padding:5px 8px}.sr-preview-content{min-width:0}.sr-preview-surface{padding:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 75%,#101522);border-radius:13px}.sr-preview-surface .simple-regex-frame{display:block;background:#fff;width:100%;height:520px;border:0;border-radius:7px;margin:0 auto}.sr-preview-surface.sr-phone-size .simple-regex-frame{max-width:390px;height:650px;box-shadow:0 0 0 5px #44485733;border-radius:16px}.sr-preview-content details{border:0;padding:0;margin:8px 0 16px}.sr-preview-content summary{font-size:12px;color:var(--text-muted);margin:0 0 10px}.sr-preview-content textarea{width:100%;font:12px/1.7 ui-monospace,Consolas,monospace;resize:vertical}.sr-preview-content #simpleRegexWorldbook{min-height:270px}.sr-builder-preview .simple-regex-write-note{margin-top:15px;font-size:12px}.sr-placeholder-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.sr-placeholder-chips button{font:11px ui-monospace,monospace;background:none;border:1px solid var(--border);border-radius:7px;padding:7px;color:var(--accent);cursor:pointer}.sr-builder-layout button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1150px){.sr-builder-layout{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:14px}.sr-builder-panels,.sr-builder-preview{padding:16px}.sr-preview-toolbar{display:block}.sr-preview-sizes{margin-top:8px}}@media(max-width:900px){.sr-builder-layout{grid-template-columns:1fr}.sr-builder-preview{position:static}.simple-regex-panel .simple-regex-hero{display:block}.simple-regex-panel .simple-regex-flow{justify-content:flex-start;max-width:none;margin-top:14px}.sr-preview-toolbar{display:flex}.sr-builder-panels{min-height:0}.sr-preview-surface .simple-regex-frame{height:480px}}@media(max-width:480px){.sr-builder-panels,.sr-builder-preview{padding:14px}.sr-builder-actions{padding:14px}.sr-builder-tabs{padding:8px}.sr-builder-panels input,.sr-builder-panels select,.sr-builder-panels textarea{font-size:16px}.sr-builder-panels #simpleRegexTemplate{font-size:12px}.sr-builder-panels .simple-regex-fields-head{align-items:flex-start;flex-wrap:wrap;gap:8px}.sr-builder-panels .simple-regex-field{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 24px}.sr-preview-surface{padding:6px}.sr-preview-tabs button{font-size:11px;padding:6px 8px}#simpleRegexManualModules{grid-template-columns:1fr}.sr-preview-surface.sr-phone-size .simple-regex-frame{width:100%}}