.pro-header{position:sticky;top:0;z-index:35;background:#fff;border-bottom:1px solid #dbe3ed;box-shadow:0 3px 12px #15355005;padding:0 30px}.pro-header-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pro-header .header-start{min-width:0}.pro-breadcrumb{display:grid;gap:4px}.pro-breadcrumb small{font-size:11px;color:#718197}.pro-breadcrumb small span{padding:0 7px;color:#c2cad5}.pro-breadcrumb strong{font-size:17px;color:#19344d;white-space:nowrap}.pro-header-tools{display:flex;align-items:center;gap:15px}.workshop-shift{font-size:11px;white-space:nowrap;color:#405970}.workshop-shift i{display:inline-block;background:#378f72;width:6px;height:6px;border-radius:50%;margin-right:5px}.workshop-shift small{display:block;font-size:10px;color:#8390a0;margin:4px 0 0 11px}.pro-header .demo-role-label{font-size:9px;letter-spacing:.4px}.pro-header .demo-role-label select{width:174px;max-width:174px;font-size:11px;min-height:30px;background:#f5f8fc;border:1px solid #e0e7ef;border-radius:6px;padding:5px}.header-icon-button{border:1px solid #e3e9f1;background:#fff;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;position:relative;font-size:17px;color:#62758b;cursor:pointer}.header-icon-button svg{width:17px;height:17px}.notification-dot{position:absolute;width:5px;height:5px;background:#c88e47;border-radius:50%;top:7px;right:7px}.pro-header .avatar{width:35px;height:35px;font-size:11px;background:#e6edf5;color:#284664;border:2px solid #fff;box-shadow:0 0 0 1px #e1e8f1}.pro-header-bottom{display:flex;align-items:center;gap:14px;padding:0 0 17px}.workspace-search-wrap{position:relative;flex:1;min-width:160px}.workspace-search-field{display:flex;align-items:center;gap:10px;border:1px solid #dbe4ef;background:#f6f8fb;border-radius:10px;padding:0 13px;height:44px}.workspace-search-field:focus-within{border-color:#7799bc;box-shadow:0 0 0 3px #446e9b10;background:#fff}.workspace-search-field>svg{width:18px;height:18px;color:#7d8b9d;flex-shrink:0}.workspace-search-field input{width:100%;min-width:0;font:inherit;font-size:12px;border:0;outline:0;background:transparent;color:#24445f}.workspace-search-field input::placeholder{color:#8190a3}.search-shortcut{white-space:nowrap;background:white;border:1px solid #e1e6ed;border-radius:5px;font-size:9px;color:#8290a1;padding:4px 6px;cursor:pointer}.reference-market{display:grid;gap:2px;min-width:138px;font-size:9px;color:#8592a4}.reference-market select{border:0;background:transparent;color:#405c78;font:inherit;font-size:11px;padding:2px 0;max-width:160px}.header-reference-button{background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:12px 13px;white-space:nowrap;color:#4b6784;font-size:11px;cursor:pointer}.header-work-button{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;height:43px}.header-work-button svg{width:15px;height:15px}.search-dropdown{position:absolute;top:51px;left:0;width:max(100%,550px);max-width:calc(100vw - 310px);background:#fff;border:1px solid #dce5f0;box-shadow:0 20px 60px #173b6329;border-radius:12px;overflow:hidden;z-index:60}.search-dropdown[hidden]{display:none}.search-category-row{display:flex;gap:5px;padding:12px;background:#f8fafc;border-bottom:1px solid #edf1f6;overflow-x:auto}.search-category-row button{border:0;background:transparent;border-radius:6px;padding:7px 10px;font-size:11px;color:#75879b;white-space:nowrap;cursor:pointer}.search-category-row button[aria-pressed=true]{background:#e5edf7;color:#25547e;font-weight:700}.search-examples{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:11px 14px 0;font-size:10px;color:#8997a8}.search-examples button{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 8px;font-size:10px;color:#5b7390;cursor:pointer}.search-results-caption{font-size:10px;color:#8392a4;padding:12px 16px 7px}#workspace-search-results{max-height:min(405px,55vh);overflow:auto;padding:0 7px 7px}.workspace-result{display:flex;align-items:center;gap:12px;padding:10px 9px;border-radius:7px;cursor:pointer}.workspace-result:hover,.workspace-result.is-active{background:#f0f5fb}.result-swatch{width:34px;height:34px;border-radius:7px;box-shadow:inset 0 0 0 1px #0000000d;flex-shrink:0}.result-info{display:grid;gap:4px;flex:1;min-width:0}.result-info strong{font-size:12px;color:#29465f;font-weight:600}.result-info small{font-size:10px;color:#8594a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-type{font-size:8px;letter-spacing:.6px;background:#edf2f8;border-radius:4px;padding:4px 6px;color:#6f849d}.result-arrow{color:#98abc0;font-size:15px}.search-keyboard{display:flex;justify-content:space-between;gap:10px;padding:10px 15px;background:#f8fafc;border-top:1px solid #edf1f6;color:#93a0b1;font-size:9px}kbd{font-family:inherit;background:#fff;border:1px solid #e0e6ed;border-radius:3px;padding:1px 4px}.search-empty{padding:25px;color:#74869b;font-size:12px}.reference-hero{height:120px;border-radius:10px;margin-bottom:20px}.reference-eyebrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7890a8;margin-top:20px}.reference-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.reference-card{display:grid;text-align:left;border:1px solid #dde5ef;border-radius:10px;padding:12px;background:#fff;gap:6px;cursor:pointer}.reference-card>span{height:65px;border-radius:6px;margin-bottom:5px}.reference-card strong{font-size:11px;color:#7290a9}.reference-card b{font-size:14px;color:#28465f}.reference-card small{font-size:10px;color:#7f90a0}.reference-card em{font-style:normal;font-size:9px;color:#a67d45;margin-top:3px}.attention-row{display:grid;gap:7px;text-align:left;width:100%;border:1px solid #dfe7f0;border-radius:9px;background:#f8fafc;padding:15px;margin:12px 0;cursor:pointer;color:#304d68}.attention-row small{color:#8092a6}.attention-row span{font-size:10px;color:#52779c}.pro-header button:focus-visible,.workspace-result:focus-visible{outline:2px solid #497eaf;outline-offset:2px}
@media(min-width:1600px){.workspace-search-wrap{max-width:800px}.pro-header-bottom{gap:20px}}
@media(max-width:1250px){.workshop-shift{display:none}.pro-header-tools{gap:10px}.header-reference-button{display:none}.pro-header{padding:0 24px}}
@media(max-width:1024px){.search-dropdown{max-width:calc(100vw - 48px)}.pro-header .header-start{width:auto}.pro-header .demo-role-label select{width:160px;max-width:160px}}
@media(max-width:700px){.pro-header{padding:0 16px}.pro-header-top{min-height:70px;gap:8px}.pro-breadcrumb small{font-size:9px}.pro-breadcrumb small span{padding:0 3px}.pro-breadcrumb strong{font-size:13px;white-space:normal}.pro-header-tools{gap:7px}.pro-header .demo-role-label select{width:130px;max-width:130px;font-size:10px}.header-help,.pro-header .avatar{display:none}.pro-header-bottom{flex-wrap:wrap;gap:10px;padding-bottom:12px}.workspace-search-wrap{flex-basis:100%;order:0}.reference-market{order:1;flex:1}.header-reference-button{display:block;order:2;padding:9px;font-size:10px}.header-work-button{order:3;height:34px;padding:8px 12px}.search-dropdown{width:100%;max-width:100%;top:49px}.search-shortcut{display:none}.workspace-search-field input{font-size:11px}.search-category-row{padding:8px;gap:2px}.search-category-row button{padding:6px 8px;font-size:10px}.search-keyboard{font-size:8px}.result-type{display:none}.reference-card-grid{grid-template-columns:1fr}.header-icon-button{width:30px;height:30px}.pro-header .header-start{gap:8px}.pro-breadcrumb small{max-width:150px}.workspace-search-field{height:42px}}
@media(max-width:390px){.pro-header .demo-role-label select{width:110px;max-width:110px}.pro-breadcrumb small{display:none}.pro-header-tools{gap:5px}.header-reference-button{padding:8px 5px;font-size:9px}}
/* Keep the mobile navigation drawer above the sticky workspace header. */
@media(max-width:1024px){.sidebar-backdrop{z-index:50}.sidebar,.floor .sidebar{z-index:55}}