.toolbox-layout .web-opener-tool { display: none; }
.web-opener-tool { background: var(--wp--preset--color--surface, #fff); border: 1px solid var(--wp--preset--color--line, #dfe4eb); border-radius: 18px; margin-top: 36px; padding: 24px; }
.web-opener-tool h2 { margin: 0 0 6px; }
.web-opener-tool > p { color: var(--wp--preset--color--muted, #6f7c91); margin: 0 0 20px; }
.web-opener-form label { color: var(--wp--preset--color--muted, #6f7c91); display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.web-opener-urls { border: 1px solid var(--wp--preset--color--line, #dfe4eb); border-radius: 12px; box-sizing: border-box; color: var(--wp--preset--color--ink, #0b1f3a); display: block; font: inherit; line-height: 1.6; min-height: 220px; padding: 14px; resize: vertical; width: 100%; }
.web-opener-urls:focus, .web-opener-options input:focus { border-color: var(--wp--preset--color--orange, #ff6508); outline: 2px solid rgba(255,101,8,.18); }
.web-opener-options { align-items: end; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
.web-opener-options label { margin: 0; }
.web-opener-options input[type="number"] { border: 1px solid var(--wp--preset--color--line, #dfe4eb); border-radius: 9px; color: var(--wp--preset--color--ink, #0b1f3a); display: block; font: inherit; height: 40px; margin-top: 6px; padding: 0 10px; width: 150px; }
.web-opener-checkbox { align-items: center; display: flex !important; gap: 7px; height: 40px; }
.web-opener-checkbox input { accent-color: var(--wp--preset--color--orange, #ff6508); }
.web-opener-start { background: var(--wp--preset--color--orange, #ff6508); border: 0; border-radius: 9px; color: #fff; cursor: pointer; font: inherit; font-weight: 700; height: 40px; padding: 0 18px; }
.web-opener-start:disabled { cursor: wait; opacity: .6; }
.web-opener-status { color: var(--wp--preset--color--muted, #6f7c91); min-height: 20px; }
.web-opener-status.is-error { color: #b64932; }
.web-opener-status.is-success { color: #17834f; font-weight: 700; }
@media (max-width: 760px) { .web-opener-tool { margin-top: 24px; padding: 18px; } .web-opener-options > label, .web-opener-options input[type="number"], .web-opener-start { width: 100%; } .web-opener-checkbox { width: auto !important; } }