.regex-workspace{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:22px;display:grid}.regex-builder-panel,.regex-output-card,.regex-test-card{border:1px solid var(--line);background:#fff;border-radius:22px}.regex-builder-panel{padding:24px}.regex-panel-heading,.regex-output-heading,.regex-test-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.regex-panel-heading h2,.regex-output-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:26px;line-height:1.12}.regex-test-heading h3{letter-spacing:-.03em;margin:4px 0 0;font-size:20px}.regex-reset{color:#3d5549;cursor:pointer;background:#fff;border:1px solid #c8d5cc;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.regex-mode-tabs{gap:7px;margin-top:22px;display:flex}.regex-mode-tabs button,.regex-segmented button{color:#52655b;cursor:pointer;background:#fff;border:1px solid #cbd8cf;font-weight:700}.regex-mode-tabs button{border-radius:999px;padding:9px 13px;font-size:11px}.regex-mode-tabs button.active,.regex-segmented button.active{color:var(--green);background:#f2f8f4;border-color:#83aa95}.regex-presets{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.regex-presets button{text-align:left;cursor:pointer;background:#fbfcfa;border:1px solid #d5dfd8;border-radius:14px;padding:14px}.regex-presets strong{color:var(--ink);font-size:12px;display:block}.regex-presets span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.regex-control-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.regex-control-grid fieldset{border:0;min-width:0;margin:0;padding:0}.regex-control-grid legend{color:#344b40;margin-bottom:8px;font-size:11px;font-weight:750}.regex-segmented{flex-wrap:wrap;gap:6px;display:flex}.regex-segmented button{border-radius:11px;flex:1;min-width:0;padding:9px 10px;font-size:10.5px}.regex-segmented button:disabled{opacity:.45;cursor:not-allowed}.regex-segmented-four{grid-template-columns:1fr 1fr;display:grid}.regex-textarea-label{margin-top:22px;display:block}.regex-textarea-label>span{color:#344b40;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:11px;font-weight:750;display:flex}.regex-textarea-label small{color:var(--muted);font-weight:500}.regex-textarea-label textarea,.regex-test-card textarea{resize:vertical;width:100%;color:var(--ink);font:500 12px/1.55 var(--font-geist-mono), monospace;background:#fff;border:1px solid #cbd8cf;border-radius:14px;outline:0;padding:13px 14px}.regex-textarea-label textarea:focus,.regex-test-card textarea:focus{border-color:#7eaa92;box-shadow:0 0 0 3px #1f7b5314}.regex-checkbox{color:#344b40;align-items:flex-start;gap:10px;margin-top:16px;display:flex}.regex-checkbox input{margin-top:3px}.regex-checkbox span{flex-direction:column;gap:3px;display:flex}.regex-checkbox strong{font-size:11px}.regex-checkbox small{color:var(--muted);font-size:10.5px}.regex-checkbox code{font:600 10px var(--font-geist-mono), monospace}.regex-error{color:#8c382f;align-items:flex-start;gap:7px;margin:14px 0 0;font-size:11px;line-height:1.5;display:flex}.regex-output-panel{gap:14px;display:grid;position:sticky;top:82px}.regex-output-card,.regex-test-card{padding:20px}.regex-engine-badge{color:var(--green);white-space:nowrap;background:#edf6f0;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:800}.regex-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:18px;display:grid}.regex-code-row code{overflow-wrap:anywhere;color:#133f30;min-height:74px;font:650 12px/1.55 var(--font-geist-mono), monospace;background:#f7faf7;border:1px solid #cbd8cf;border-radius:14px;align-items:center;padding:13px;display:flex}.regex-code-row button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:13px;align-self:stretch;align-items:center;gap:6px;padding:0 13px;font-size:10.5px;font-weight:750;display:inline-flex}.regex-code-row button:disabled{opacity:.45;cursor:not-allowed}.regex-gsc-path{color:#53665c;margin:12px 0 0;font-size:10.5px;line-height:1.6}.regex-compat{border-radius:13px;gap:6px;margin-top:14px;padding:12px 13px;font-size:10.5px;line-height:1.5;display:grid}.regex-compat strong{font-size:10.5px}.regex-compat span{align-items:flex-start;gap:6px;display:flex}.regex-compat-good{color:#245340;background:#eef7f1}.regex-compat-warning{color:#764a2e;background:#fff5ed}.regex-test-card textarea{margin-top:14px}.regex-test-heading>span{color:#7a8880;font-size:9.5px;font-weight:700}.regex-test-results{gap:7px;margin-top:13px;display:grid}.regex-test-results>div{border:1px solid #d8e0db;border-radius:11px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 9px;display:grid}.regex-test-results>div.included{background:#f2f8f4}.regex-test-results>div.excluded{background:#fafafa}.regex-test-results>div.unknown{opacity:.65}.regex-test-results code{text-overflow:ellipsis;white-space:nowrap;color:#344b40;font:500 10.5px var(--font-geist-mono), monospace;overflow:hidden}.regex-test-results strong{color:#5b6d63;font-size:9px}.regex-test-results svg{color:var(--green)}.regex-test-results .excluded svg,.regex-test-results .unknown svg{color:#9a6b61}.regex-empty-test,.regex-browser-note{color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.55}@media (max-width:980px){.regex-workspace{grid-template-columns:1fr}.regex-output-panel{position:static}}@media (max-width:620px){.regex-builder-panel,.regex-output-card,.regex-test-card{border-radius:18px;padding:17px}.regex-panel-heading,.regex-output-heading{align-items:flex-start}.regex-panel-heading h2,.regex-output-heading h2{font-size:22px}.regex-presets,.regex-control-grid{grid-template-columns:1fr}.regex-presets{gap:8px}.regex-textarea-label>span{flex-direction:column;gap:3px}.regex-code-row{grid-template-columns:1fr}.regex-code-row button{justify-content:center;min-height:42px}.regex-test-results>div{grid-template-columns:18px minmax(0,1fr)}.regex-test-results strong{grid-column:2}}