#ks-workbench .wb-header,#ks-workbench .wb-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}#ks-workbench .wb-header h2{margin:0 0 16px;}#ks-workbench .wb-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.6fr);gap:24px;}#ks-workbench .wb-controls{display:grid;align-content:start;gap:14px;}#ks-workbench .wb-controls label{display:grid;gap:6px;font-size:14px;font-weight:600;}#ks-workbench .wb-controls select{width:100%;min-width:0;padding:10px;border:1px solid #ccd4dc;border-radius:8px;background:white;}#ks-workbench .wb-preview{min-width:0;}#ks-workbench .wb-preview h3{font-size:18px;line-height:1.4;margin-top:0;}#ks-workbench .wb-price-note{padding:10px;background:#fff6e8;border-radius:8px;font-size:13px;}#ks-workbench .wb-kit{border-collapse:collapse;width:100%;font-size:13px;}#ks-workbench .wb-kit td,#ks-workbench .wb-kit th{padding:9px 5px;text-align:left;border-bottom:1px solid #e0e5e9;}#ks-workbench .wb-kit small{display:block;color:#6a7682;font-size:11px;margin-top:4px;}#ks-workbench .wb-preview>strong{display:block;margin:16px 0;}#ks-workbench .wb-accessories{margin:20px 0;}#ks-workbench .wb-accessories summary{font-weight:700;cursor:pointer;}#ks-workbench .wb-accessories label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px;border-bottom:1px solid #e4e8ec;font-size:13px;}#ks-workbench .wb-accessories input{width:75px;}
@media(max-width:700px){#ks-workbench body-unused{padding:14px;}#ks-workbench .wb-layout{grid-template-columns:1fr;}#ks-workbench .wb-header h2{font-size:22px;}#ks-workbench .wb-footer .btn{width:100%;}}
#ks-workbench{margin-bottom:26px;border:1px solid #dce5e5;border-radius:6px;overflow:hidden;color:#263c42;background:#fff;font:14px/1.5 Arial,sans-serif;}
#ks-workbench *{box-sizing:border-box;}#ks-workbench [hidden]{display:none!important;}
#ks-workbench .wb-intro{display:flex;gap:24px;align-items:center;padding:25px;background:linear-gradient(105deg,#f0f6f5,#fff);}
#ks-workbench .wb-intro>div{flex:1;}#ks-workbench h2{font-size:23px;line-height:1.3;margin:6px 0;}#ks-workbench .wb-eyebrow{font-size:10px;letter-spacing:1.4px;color:#617d81;font-weight:bold;}
#ks-workbench .workbench-body{padding:24px;border-top:1px solid #dce5e5;}
#ks-workbench button{border:1px solid #173c46;border-radius:24px;padding:12px 20px;background:#173c46;color:white;cursor:pointer;font:500 14px Arial,sans-serif;}
#ks-workbench button:hover:not(:disabled){background:#24535e;border-color:#24535e;}#ks-workbench button:disabled{opacity:.45;cursor:not-allowed;}#ks-workbench button:focus-visible{outline:2px solid #173c46;outline-offset:3px;}
#ks-workbench .wb-controls{background:#f6f6f6;padding:20px;}#ks-workbench .wb-layout{grid-template-columns:260px minmax(0,1fr);}
#ks-workbench .wb-preview{overflow:hidden;}#ks-workbench .wb-footer{padding:20px;background:#f6f6f6;}#ks-workbench .wb-footer p{flex-basis:100%;margin:0;}#ks-workbench a{color:#173c46;}
#ks-workbench .wb-accessories label{margin:0;}#ks-workbench .wb-accessories input{padding:6px;border:1px solid #ccd4dc;border-radius:4px;}#ks-workbench .wb-kit{display:block;overflow-x:auto;}
@media(max-width:850px){#ks-workbench .wb-layout{grid-template-columns:1fr;}#ks-workbench .wb-intro{flex-wrap:wrap;}#ks-workbench .workbench-body{padding:16px;}}

#ks-workbench .wb-load{padding:12px 16px;margin:12px 0 20px;border-left:3px solid #173c46;background:#f0f6f5;border-radius:0 6px 6px 0;}#ks-workbench .wb-load strong{display:block;font-size:14px;line-height:1.5;}#ks-workbench .wb-load small{display:block;margin-top:4px;color:#617d81;}

#ks-workbench .wb-source .preview-drawer{position:absolute;top:0;left:50%;transform:translateX(-50%);height:46px;box-sizing:border-box;border:3px solid #bfc4c9;background:#d8dce0;z-index:2;max-width:100%;min-width:0;}
#ks-workbench .wb-source .preview-drawer-front{height:18px;box-sizing:border-box;margin:1px 0;background:linear-gradient(#244b9b,#183b85 65%,#3261ac 70%,#21458e);border-bottom:1px solid #132d6a;position:relative;}
#ks-workbench .wb-source .preview-drawer-front:after{content:'';position:absolute;left:10%;right:10%;height:2px;top:5px;background:#7b93b7;}
