.operation-workbench{margin-top:30px;border:1px solid #dce2ec;border-radius:8px;overflow:hidden;background:#fff;scroll-margin-top:95px;color:#293449}
.wb-chrome{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fbfcfe;border-bottom:1px solid #e4e8ef}.wb-chrome>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wb-product-label{font-size:.9375rem;font-weight:500}.wb-demo-label{font-size:.75rem;color:#607087;border:1px solid #dce3ed;padding:3px 7px;border-radius:4px}.wb-chrome>label{display:flex;align-items:center;gap:10px;color:#607087;font-size:.8125rem}.wb-chrome select{min-height:40px;border:1px solid #dce2ec;border-radius:5px;padding:8px 28px 8px 10px;background:#fff;color:#33435a;font:inherit;font-size:.875rem}
.wb-tabs{display:flex;gap:4px;padding:0 19px;border-bottom:1px solid #e2e7ef;overflow-x:auto;scrollbar-width:thin}.wb-tabs button{border:0;border-bottom:2px solid transparent;padding:16px 12px;min-height:50px;background:transparent;color:#657187;white-space:nowrap;font:inherit;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:8px}.wb-tabs button>span{font-size:.75rem;color:#748097}.wb-tabs button[aria-selected=true]{color:#334c85;border-bottom-color:#617abe}.wb-tabs button:hover{background:#f6f8fb}
.wb-panel{padding:25px}.wb-config-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:28px}.wb-config-controls{min-width:0}.wb-field{margin-bottom:18px}.wb-field>label,.wb-document-settings>label{display:block;font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:7px}.wb-field input,.wb-field select,.wb-field textarea,.wb-document-settings textarea{font:inherit;font-size:.9375rem;color:#2e3d54;background:#fff;border:1px solid #d5ddea;border-radius:5px;padding:10px 11px;min-height:44px;width:100%;max-width:100%;box-sizing:border-box}.wb-field textarea,.wb-document-settings textarea{resize:vertical;line-height:1.65}.wb-field small{display:block;font-size:.75rem;color:#637087;line-height:1.5;margin-top:7px}.wb-field input[aria-invalid=true],.wb-field textarea[aria-invalid=true]{border-color:#a54336}
.wb-settings{padding:0 0 17px;border-bottom:1px solid #e4e8ef;margin:0 0 22px}.wb-settings>summary,.wb-document-settings>summary,.wb-document-preview>summary{cursor:pointer;font-size:.875rem;line-height:1.6;min-height:40px;padding:8px 0;color:#425b8b}.wb-settings[open]>summary{margin-bottom:12px}.wb-settings .wb-field{margin-bottom:13px}.wb-check{display:flex;gap:9px;align-items:center;font-size:.875rem;line-height:1.6;min-height:40px;cursor:pointer}.wb-check input,.wb-answer-row input,.wb-required-control input{width:17px;height:17px;flex:0 0 17px;accent-color:#546eb0}
.wb-checklist-config{border:0;padding:0;margin:0 0 23px;min-width:0}.wb-checklist-config>legend,.wb-case-checklist>legend{font-size:.875rem;font-weight:500;line-height:1.5;padding:0}.wb-checklist-config>p:first-of-type{font-size:.8125rem;line-height:1.6;color:#637087;margin:5px 0 10px}.wb-config-item{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f5}.wb-config-item>span{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.wb-required-control{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#607087;min-height:32px;cursor:pointer}.wb-remove-item{border:0;background:transparent;color:#6b778c;min-width:28px;height:40px;cursor:pointer;font-size:1.25rem;border-radius:4px}.wb-remove-item:hover{background:#f3f5f9;color:#26354a}.wb-add-item{display:flex;gap:7px;margin-top:12px}.wb-add-item input{font:inherit;font-size:.875rem;min-height:44px;min-width:0;width:100%;padding:8px 10px;border:1px solid #d5ddea;border-radius:4px}.wb-add-item button{border:1px solid #d5ddea;background:#f9fafe;border-radius:4px;color:#344a72;font:inherit;font-size:.8125rem;padding:8px 10px;min-height:44px;cursor:pointer}.wb-add-item button:disabled{opacity:.55;cursor:default}.wb-limit{font-size:.75rem;color:#657187;line-height:1.6;margin-top:7px}
.wb-config-preview{background:#f8f9fc;border:1px solid #e8ecf3;border-radius:5px;padding:22px;align-self:start;min-width:0}.wb-overline{font-size:.75rem;letter-spacing:.055em;line-height:1.65;color:#647188;margin-bottom:16px}.wb-process-map{display:flex;flex-direction:column;align-items:stretch;max-width:360px;margin:auto}.wb-process-map article{border:1px solid #d7dfee;border-radius:5px;padding:16px;background:#fff;min-width:0}.wb-process-map article>span{font-size:.75rem;color:#61738d;line-height:1.5}.wb-process-map h4{font-size:1rem;line-height:1.4;font-weight:500;letter-spacing:-.012em;margin:8px 0;overflow-wrap:anywhere}.wb-process-map article>p{font-size:.8125rem;color:#647188;line-height:1.6}.wb-process-map .wb-map-origin{border-top:3px solid #7890c4}.wb-process-map .wb-map-target{border-top:3px solid #9090c0}.wb-connection{text-align:center;font-size:1.375rem;color:#8797b5;height:36px;line-height:36px}.wb-process-map .wb-map-parallel{margin-top:13px;border-style:dashed;border-color:#a99cc7}.wb-map-benefit{font-size:.875rem;line-height:1.65;color:#607087;margin:20px 0}.wb-config-preview .button{font-size:.875rem;min-height:44px;gap:13px;padding:11px 13px;white-space:normal}
.wb-document-settings{margin-top:22px;border-top:1px solid #e3e8f0;padding-top:12px}.wb-document-settings[open]>summary{margin-bottom:10px}.wb-document-settings>p{font-size:.8125rem;line-height:1.65;color:#647188;margin-top:10px}
.wb-test-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:30px}.wb-test-grid h4,.wb-board-heading h4{font-size:1.125rem;font-weight:500;line-height:1.5;margin-bottom:20px;letter-spacing:-.015em}.wb-case-checklist{border:0;padding:0;margin:20px 0 0;min-width:0}.wb-answer-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edf4;min-height:58px;padding:12px 0;font-size:.9375rem;line-height:1.5;cursor:pointer}.wb-answer-row>span{overflow-wrap:anywhere}.wb-answer-row small{display:block;font-size:.75rem;line-height:1.5;color:#647188}.wb-test-inspector{padding:23px;background:#f8f9fc;border:1px solid #e6ebf3;border-radius:5px;align-self:start}.wb-test-inspector h4{margin-top:10px;margin-bottom:13px}.wb-test-inspector>p:not(.wb-test-hint){font-size:.9375rem;line-height:1.65;color:#56677e}.wb-test-inspector ul{font-size:.875rem;color:#67543a;line-height:1.65;padding-left:20px;margin:13px 0 20px;overflow-wrap:anywhere}.wb-test-inspector .button{font-size:.875rem;min-height:44px;gap:14px}.wb-link-button{display:block;font:inherit;font-size:.875rem;color:#405b8c;background:transparent;border:0;min-height:44px;padding:10px 0;text-align:left;cursor:pointer;line-height:1.5}.wb-link-button:hover{text-decoration:underline;text-underline-offset:3px}.wb-test-hint{font-size:.8125rem;line-height:1.65;color:#647188;margin-top:15px}
.wb-board-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.wb-board-heading .wb-overline{margin-bottom:7px}.wb-board-heading .wb-link-button{flex-shrink:0;font-size:.8125rem}.wb-board-scroll{overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:8px}.wb-board{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;min-width:620px}.wb-board>section{background:#f7f9fc;border:1px solid #e0e6ef;border-radius:5px;min-height:250px;padding:13px;min-width:0}.wb-board h5{font-size:.875rem;font-weight:500;line-height:1.5;min-height:42px;margin:0 0 14px;overflow-wrap:anywhere}.wb-board-empty{font-size:.8125rem;color:#708097;line-height:1.65;padding-top:20px}.wb-case-card{border:1px solid #dce3ef;border-radius:5px;background:#fff;padding:13px;min-width:0}.wb-case-protocol{display:block;font-size:.75rem;color:#607087;line-height:1.6}.wb-case-card>strong{font-size:.9375rem;display:block;margin:9px 0;font-weight:500}.wb-case-card>p{font-size:.8125rem;line-height:1.6;color:#56677e;overflow-wrap:anywhere}.wb-case-badge{font-size:.75rem;line-height:1.5;display:inline-block;padding:4px 6px;border-radius:3px;background:#edf2fc;color:#456196;margin-top:12px}.wb-case-badge[data-state=blocked]{background:#fff3df;color:#836229}.wb-case-badge[data-state=completed]{background:#e7f4ed;color:#376a53}.wb-parallel-case{border-left:2px solid #9a89bc;padding:10px 13px;font-size:.875rem;color:#637087;line-height:1.6;margin:15px 0}.wb-panel>.button{font-size:.875rem;margin-top:13px;min-height:44px}.wb-document-preview{margin-top:20px;border-top:1px solid #e4e8ef;padding-top:10px}.wb-document-preview>p{font-size:.75rem;color:#647188;margin:12px 0}.wb-document-preview pre{padding:20px;background:#f8f9fc;border:1px solid #e5eaf2;border-radius:5px;font:inherit;font-size:.875rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#41516b}
.wb-feedback{margin:0 25px 20px;padding:12px 14px;border-left:2px solid #a4b2cc;background:#f7f9fd;color:#55667f;font-size:.875rem;line-height:1.65;overflow-wrap:anywhere}.wb-feedback[data-state=blocked],.wb-feedback[data-state=error]{border-left-color:#b08448;background:#fffbf4;color:#745b37}.wb-feedback[data-state=success]{border-left-color:#5d927a;background:#f5faf7;color:#39624f}.wb-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e4e8ef;padding:15px 22px}.wb-bottom p{font-size:.75rem;line-height:1.6;color:#647188;max-width:370px}.wb-bottom a{font-size:.8125rem;line-height:1.6;color:#3e5685;min-height:40px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.wb-empty{font-size:.875rem;line-height:1.6;color:#647188;margin-top:12px}
.operation-workbench [hidden]{display:none!important}.operation-workbench .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.operation-workbench input:focus-visible,.operation-workbench select:focus-visible,.operation-workbench textarea:focus-visible{outline:2px solid #6783c5;outline-offset:3px}
@media(max-width:1100px){.wb-panel{padding:21px}.wb-config-grid,.wb-test-grid{gap:20px}.wb-config-preview,.wb-test-inspector{padding:18px}.wb-chrome{padding-inline:20px}}
@media(max-width:700px){.wb-chrome{align-items:flex-start;flex-wrap:wrap;padding:16px}.wb-chrome>label{flex-wrap:wrap;gap:8px}.wb-chrome select{font-size:1rem}.wb-tabs{padding:0 7px;gap:0}.wb-tabs button{font-size:.8125rem;padding:14px 9px;gap:6px}.wb-tabs button>span{display:none}.wb-panel{padding:20px 16px}.wb-config-grid,.wb-test-grid{grid-template-columns:1fr;gap:25px}.wb-config-preview{padding:20px}.wb-process-map{max-width:100%}.wb-map-benefit{font-size:.9375rem}.wb-field input,.wb-field select,.wb-field textarea,.wb-document-settings textarea,.wb-add-item input{font-size:1rem}.wb-config-item{grid-template-columns:minmax(0,1fr) auto 32px}.wb-remove-item{width:32px;min-height:44px}.wb-required-control{min-height:44px}.wb-required-control>span{font-size:.75rem}.wb-board-heading{display:block}.wb-board-heading .wb-link-button{margin:-10px 0 12px}.wb-bottom{display:block;padding:16px}.wb-bottom a{margin-top:5px}.wb-feedback{margin-inline:16px}.wb-settings>summary,.wb-document-settings>summary,.wb-document-preview>summary{min-height:44px}}
@media(prefers-reduced-motion:no-preference){.wb-panel{animation:wb-panel-appear 180ms ease-out}@keyframes wb-panel-appear{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}

.hero-configure-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;min-height:40px;font-size:.875rem;color:#49628f}.hero-configure-link svg{width:15px;height:15px}.hero-configure-link:hover{text-decoration:underline;text-underline-offset:4px}
.wb-required-control,.wb-required-control>span,.wb-case-badge{font-size:.875rem}.wb-tabs button{font-size:.875rem}
