.regex-tool{display:flex;flex-direction:column;gap:20px;width:100%;max-width:900px;margin:0 auto}.regex-tool .sample-select{width:100%;padding:10px;border:1px solid #e1e4e8;border-radius:6px;font-size:14px;background-color:white}.regex-tool .regex-input{display:flex;gap:15px}.regex-tool .regex-input input{flex:1;padding:10px 15px;border:1px solid #e1e4e8;border-radius:6px;font-family:monospace;font-size:14px}.regex-tool .regex-input input:first-child{flex:3}.regex-tool textarea{width:100%;height:200px;padding:15px;border:1px solid #e1e4e8;border-radius:6px;font-family:monospace;font-size:14px;resize:vertical}.regex-tool .error-message{padding:10px 15px;background-color:#ffebe9;color:#cf222e;border:1px solid #ff9999;border-radius:6px}.regex-tool .matches{padding:15px;background-color:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px}.regex-tool .matches h3{margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e1e4e8;font-size:16px}.regex-tool .match-item{padding:10px;margin-bottom:10px;background-color:white;border:1px solid #e1e4e8;border-radius:4px}.regex-tool .match-item:last-child{margin-bottom:0}.regex-tool .match-item strong{font-family:monospace;background-color:#f0fff4;padding:2px 4px;border-radius:3px;border:1px solid #cbe8d1}@media (max-width:768px){.regex-tool .regex-input{flex-direction:column}.regex-tool textarea{height:150px}}