.workbench{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.workbench-toolbar{border-bottom:1px solid var(--line);background:#fafbfd;margin-bottom:20px;padding:17px 20px}.tool-options{flex-wrap:wrap;align-items:center;gap:13px 20px;display:flex}.tool-options>label{color:#53637b;align-items:center;gap:9px;font-size:14px;display:flex}.tool-options input[type=text],.tool-options select{min-height:36px;color:var(--ink);background:#fff;border:1px solid #ccd6e4;border-radius:6px;min-width:0;max-width:100%;padding:7px 9px;font-size:15px}.tool-options input[type=text]{max-width:240px}.tool-options select{min-width:90px}.tool-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}.pattern-field{flex:1}.pattern-field input{width:100%;font-family:ui-monospace,Consolas,monospace;min-width:160px!important;max-width:none!important}.flags{border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.flags legend{float:left;color:var(--muted);margin-right:12px;padding:0;font-size:14px}.flags label{align-items:center;gap:3px;font-size:14px;display:flex}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:0 20px 20px;display:grid}.input-panel,.result-panel{min-width:0}.input-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.input-limit{color:#8390a4;margin:15px 0 0;font-size:13px}.tool-error{color:#ad3026;overflow-wrap:anywhere;background:#fff2f0;border:1px solid #f1c5c1;border-radius:6px;margin:13px 0 0;padding:10px 12px;font-size:15px}.tool-status{color:#567093;margin:10px 0 0;font-size:14px}.result-announcement{flex-wrap:wrap;align-items:baseline;gap:10px;min-height:29px;margin-bottom:9px;display:flex}.result-badge{color:var(--blue);font-size:14px;font-weight:600}.result-badge.invalid{color:#ad3026}.result-announcement p{color:#7b8ba3;overflow-wrap:anywhere;margin:0;font-size:13px}.result-panel{padding-top:0;position:relative}.input-panel{padding-top:38px}.option-help{color:var(--muted);margin:0 0 17px;padding:0 20px;font-size:14px}.visual-result{max-width:100%;margin-top:16px;overflow:hidden}.diff-part{border:1px solid var(--line);border-radius:6px;margin-bottom:8px;overflow:hidden}.diff-part strong{color:#64738a;padding:5px 10px;font-size:13px;display:block}.diff-part pre{white-space:pre;max-height:300px;margin:0;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:14px;overflow:auto}.diff-part.added{background:#eefaf3;border-color:#bbdfc9}.diff-part.added strong{color:#237448}.diff-part.removed{background:#fff1f0;border-color:#ecc6c2}.diff-part.removed strong{color:#a1372e}.current-timestamp{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}@media (width<=760px){.workbench-toolbar{margin-bottom:15px;padding:15px}.workspace-grid{grid-template-columns:1fr;gap:24px;padding:0 15px 17px}.input-panel{padding-top:0}.tool-options{gap:12px}.tool-options>label{flex-wrap:wrap;font-size:15px}.tool-options input[type=text],.tool-options select{min-height:42px;font-size:18px}.pattern-field{flex-basis:100%}.pattern-field input{min-width:0!important}.flags{flex-wrap:wrap;gap:9px}.flags label{min-height:34px;font-size:16px}.check-label{min-height:36px}.option-help{padding-inline:15px;font-size:14px}.current-timestamp{font-size:13px}.current-timestamp span{overflow-wrap:anywhere}.result-announcement p{font-size:14px}.input-limit{font-size:13px}}.option-control{align-items:center;gap:9px;min-width:0;display:flex}.option-control label{color:#53637b;white-space:nowrap;font-size:14px}@media (width<=760px){.option-control{flex-wrap:wrap}.option-control label{font-size:15px}}.editor-box{background:#fff;border:1px solid #dce4ee;border-radius:8px;min-width:0;overflow:hidden}.editor-heading{border-bottom:1px solid var(--line);background:#f8fafd;align-items:center;gap:12px;min-height:45px;padding:8px 13px;display:flex}.editor-heading label{white-space:nowrap;font-size:15px;font-weight:650}.editor-counter{color:#77869d;margin-left:auto;font-family:ui-monospace,Consolas,monospace;font-size:13px}.editor-heading .small-button{min-height:29px;padding:3px 8px;font-size:13px}.editor-box textarea{resize:vertical;color:#293a55;tab-size:2;white-space:pre;background:#fff;border:0;border-radius:0;outline:none;width:100%;min-width:0;max-width:100%;min-height:310px;padding:18px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.8;display:block;overflow:auto}.editor-box textarea:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.editor-box textarea[readonly]{background:#fafcff}.editor-box textarea::placeholder{color:#8b98ae}.editor-footer{color:#77869d;border-top:1px solid var(--line);background:#fbfcfe;padding:7px 13px;font-size:13px}.editor-box textarea[aria-invalid=true]{outline-offset:-2px;outline:2px solid #bd362b}.editor-box textarea.stale{color:#8b98ae}.diff-workspace .editor-box textarea{min-height:180px}.diff-workspace .input-panel>.editor-box+.editor-box{margin-top:16px}@media (width<=760px){.editor-box textarea{min-height:240px;padding:15px;font-size:18px}.editor-heading{gap:8px;padding:10px}.editor-counter{font-size:12px}.editor-heading .small-button{min-height:35px}.editor-footer{padding-inline:10px;font-size:12px}}