:root{--ink:#192e40;--muted:#657683;--teal:#126b69;--light:#eef7f5;--border:#dce3e7;--paper:#f6f7f9;--blue:#235ca2;--shadow:0 10px 35px #203a4c0c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #64b9b0;outline-offset:4px}button{touch-action:manipulation}button svg{pointer-events:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px}.brand-symbol{width:43px;height:43px;border-radius:12px;background:var(--teal);color:white;display:grid;place-items:center;font:36px Georgia}.brand b{font-weight:750}.brand small{display:block;font-size:11px;letter-spacing:.35px;margin-top:5px;color:var(--muted)}.header-links{display:flex;align-items:center;gap:26px;font-size:13px}.header-links>a{color:var(--teal);font-weight:650}.text-button{border:0;background:transparent;color:var(--muted);padding:10px 0}.version-badge{font-size:10px;letter-spacing:.3px;background:#edf2f5;padding:7px 10px;border-radius:5px;color:#71808b}.page{max-width:1280px;margin:auto;padding:48px 5vw 35px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--teal);font-weight:750;margin:0 0 16px}.page h1{font-size:clamp(31px,3.5vw,47px);font-weight:660;letter-spacing:-1.6px;line-height:1.12;margin:0 0 18px;max-width:720px}.lead{color:var(--muted);max-width:590px;line-height:1.7;font-size:15px}.catalog-top{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin-bottom:38px}.catalog-illustration{height:230px;position:relative;background:radial-gradient(ellipse,#e3f1ef 20%,transparent 68%);display:flex;align-items:center;justify-content:center}.catalog-illustration svg{max-height:210px;width:140px;filter:drop-shadow(0 12px 10px #344d5b1c)}.catalog-illustration svg:nth-child(2){transform:translateY(20px);width:150px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 15px}.section-row h2{font-size:19px;font-weight:650;margin:0}.tiny-label{font-size:12px;color:var(--muted)}.lab-card{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:25px;background:white;border:1px solid var(--border);padding:27px;border-radius:15px;box-shadow:var(--shadow)}.lab-no{width:80px;height:90px;background:#edf6f4;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--teal);gap:4px}.lab-no b{font-size:33px;font-weight:550}.tags{display:flex;gap:7px;margin-bottom:10px}.tag{font-size:10px;padding:5px 8px;border-radius:4px;background:#f0f3f6;color:#63727d}.lab-card h2{font-size:21px;margin:0 0 9px;font-weight:650;letter-spacing:-.3px}.lab-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.btn{min-height:43px;border:1px solid var(--border);border-radius:8px;padding:10px 17px;background:white;color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:600}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn:hover{filter:brightness(.97)}.card-actions{display:flex;flex-direction:column;gap:8px}.author-strip{margin-top:30px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--border);padding-top:25px;font-size:13px}.author-avatar{width:42px;height:42px;border-radius:50%;background:#e7edf3;display:grid;place-items:center;color:var(--blue);font-weight:700}.author-strip small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.author-strip button{margin-left:auto}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:20px}.kit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.kit-heading h1{font-size:32px;letter-spacing:-1px;margin-bottom:10px}.kit-heading p{font-size:13px;color:var(--muted);line-height:1.65;margin:0;max-width:700px}.kit-tray{padding:22px;border-radius:16px;background:linear-gradient(145deg,#3478c1,#194e8d);border:2px solid #387fc9;box-shadow:inset 0 2px 3px #ffffff35,inset 0 -6px 2px #133d6d,0 20px 25px #23436612;margin-top:25px;position:relative}.tray-handle{width:100px;height:9px;border:2px solid #1c4b7d;border-radius:4px;background:#2866a7;margin:0 auto 17px;box-shadow:0 1px 0 #68a0d3}.kit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.equipment-card{position:relative;text-align:left;background:linear-gradient(140deg,#eaf0f5,#dce5ed);border:2px solid transparent;border-radius:8px;padding:8px 8px 10px;min-width:0;box-shadow:inset 0 2px 5px #1d365716,0 1px 1px #0002;transition:transform .15s,border-color .15s}.equipment-card:not(:disabled):hover{transform:translateY(-3px)}.equipment-card.selected{border-color:#2ab9a2;background:#f5fffc}.equipment-card svg{width:100%;height:105px;display:block}.equipment-card strong{display:block;font-size:11px;line-height:1.4}.equipment-card small{display:block;font-size:9px;color:#687887;margin-top:4px;line-height:1.4}.equipment-card .check{position:absolute;top:7px;right:7px;width:20px;height:20px;border:1px solid #aab9c7;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#fff;color:transparent}.equipment-card.selected .check{background:var(--teal);color:white;border-color:var(--teal)}.equipment-card:disabled{opacity:.66}.later-label{position:absolute;top:8px;right:6px;font-size:8px;color:#5b6f80;background:#ffffffb5;padding:3px;border-radius:3px}.kit-footer{position:sticky;bottom:12px;margin-top:24px;padding:15px 18px;border-radius:11px;background:#fff;box-shadow:0 5px 25px #243a5014;border:1px solid var(--border);display:flex;align-items:center;gap:16px}.kit-footer p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.kit-footer .btn{margin-left:auto}.kit-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:17px 3px 0}.workspace{height:calc(100dvh - 88px);display:flex;flex-direction:column;max-width:1600px;margin:auto;padding:16px 3vw 10px;gap:10px}.workspace-top{display:flex;align-items:center;gap:14px;min-height:39px}.workspace-top h1{font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0;flex:1}.work-label{display:block;font-size:10px;color:var(--muted);font-weight:450;letter-spacing:0;margin-top:5px}.workspace-top .btn{min-height:35px;padding:8px 12px;font-size:11px}.toolbar{display:flex;align-items:center;gap:7px}.tool-btn{width:38px;height:35px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--ink);font-size:17px}.tool-btn.active{background:#e0f2ec;border-color:#72b5a9;color:var(--teal)}.toolbar .spacer{flex:1}.toolbar-note{color:var(--muted);font-size:11px;margin-right:6px}.bench-wrap{position:relative;flex:1;min-height:150px;border:1px solid #d8e0e4;border-radius:12px;overflow:hidden;background:#f4f7f7;box-shadow:var(--shadow)}.bench-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain}.bench-svg{display:block;width:100%;height:100%;min-width:100%;min-height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.bench-svg [data-object]{cursor:grab}.bench-svg [data-object]:active{cursor:grabbing}.bench-svg text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;pointer-events:none}.bench-svg .selected-outline{stroke:#219586;stroke-width:2;stroke-dasharray:5 4;fill:none;pointer-events:none}.bench-label{position:absolute;left:15px;top:12px;font-size:9px;font-weight:650;letter-spacing:1.5px;color:#869795;pointer-events:none}.context-bar{display:flex;align-items:center;gap:9px;min-height:50px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:8px 12px;flex-wrap:wrap}.context-title{font-size:12px;min-width:120px;font-weight:650}.context-bar .btn{min-height:33px;font-size:11px;padding:7px 11px}.context-bar .hint{font-size:11px;color:var(--muted);line-height:1.5}.context-bar input[type=range]{width:150px;accent-color:var(--teal)}.context-bar label{font-size:10px;color:var(--muted)}.workspace-note{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7a8a95;line-height:1.5}.workspace-note .status-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#56a78e;border-radius:50%;margin-right:5px}.info-dialog{border:1px solid var(--border);border-radius:15px;max-width:620px;width:calc(100% - 32px);max-height:85dvh;padding:30px;color:var(--ink);box-shadow:0 20px 100px #162d4533;background:#fff}.info-dialog::backdrop{background:#1d334253;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:#f1f4f5;border-radius:50%;font-size:23px;color:var(--muted)}.info-dialog h2{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.2;margin-top:5px;padding-right:20px}.info-dialog p,.info-dialog li{font-size:13px;line-height:1.8;color:#516473}.info-dialog ol{padding-left:22px}.uncertainty{background:#f1f7f5;padding:12px 15px;border-left:3px solid #5aa99c;border-radius:3px}.notebook-note{font-size:12px;color:var(--teal);margin-top:20px}.zoom-dialog{max-width:490px}.meniscus-zoom{height:52dvh;max-height:550px;min-height:220px;width:100%;display:block;background:#f5f9f9;border-radius:10px}.portrait-notice{display:none}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,15px);background:#193e42;color:#fff;padding:12px 20px;border-radius:9px;font-size:12px;line-height:1.5;max-width:90vw;text-align:center;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.empty-bench{pointer-events:none}.reset-actions{display:flex;gap:10px;margin-top:20px}.legend-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border:1px solid #b8c9d5;border-radius:4px;background:#ffffffc4}.bench-svg .water-stream{stroke:#66bcda;stroke-width:6;stroke-linecap:round;opacity:.65;stroke-dasharray:9 3;animation:stream .4s linear infinite}@keyframes stream{to{stroke-dashoffset:-24}}@media(min-width:1400px){.page{padding-left:30px;padding-right:30px}}@media(max-width:1050px){.kit-grid{grid-template-columns:repeat(4,1fr)}.site-header{padding:0 3vw}.header-links{gap:15px}.workspace{padding-left:14px;padding-right:14px}.workspace-top h1{font-size:16px}}@media(max-width:720px){.site-header{height:68px;padding:0 18px}.brand{font-size:16px;gap:9px}.brand-symbol{height:35px;width:35px;font-size:30px}.brand small{font-size:9px}.header-links{gap:11px;font-size:11px}.version-badge,.header-links>a{display:none}.page{padding:30px 18px}.catalog-top{grid-template-columns:1fr;gap:5px;margin-bottom:15px}.catalog-illustration{height:160px}.catalog-illustration svg{height:150px;width:110px}.catalog-illustration svg:nth-child(2){width:110px}.page h1{font-size:34px}.lead{font-size:13px}.lab-card{grid-template-columns:55px 1fr;gap:15px;padding:18px}.lab-no{width:52px;height:75px}.lab-no b{font-size:28px}.lab-card h2{font-size:17px}.card-actions{grid-column:1/-1;flex-direction:row}.card-actions .btn{flex:1}.author-strip small{font-size:10px}.author-strip .btn{font-size:10px;padding:8px}.kit-heading h1{font-size:25px}.kit-heading .btn{font-size:10px;min-width:85px;padding:9px}.kit-grid{grid-template-columns:repeat(3,1fr)}.kit-tray{padding:14px}.equipment-card svg{height:80px}.equipment-card strong{font-size:10px}.kit-footer p{font-size:10px}.kit-footer{padding:12px;gap:9px}.kit-footer .btn{font-size:11px;white-space:nowrap}.workspace{height:calc(100dvh - 68px)}}@media(max-height:600px) and (orientation:landscape){.site-header{height:47px;padding:0 16px}.brand{font-size:14px;gap:8px}.brand-symbol{height:29px;width:29px;border-radius:8px;font-size:25px}.brand small{font-size:8px;margin-top:2px}.header-links{font-size:10px;gap:15px}.version-badge{font-size:8px;padding:5px 7px}.workspace{height:calc(100dvh - 47px);padding:6px 12px 4px;gap:5px}.workspace-top{min-height:29px;gap:10px}.workspace-top h1{font-size:13px}.work-label{display:none}.workspace-top .btn{min-height:29px;padding:6px 10px;font-size:10px}.toolbar-note{font-size:9px}.tool-btn{height:29px;width:34px;font-size:15px}.toolbar{gap:5px}.context-bar{min-height:38px;padding:4px 8px;gap:6px;border-radius:6px}.context-title{font-size:10px;min-width:95px}.context-bar .btn{min-height:29px;font-size:9px;padding:6px 8px}.context-bar .hint{font-size:9px}.workspace-note{font-size:8px}.bench-label{top:8px;font-size:8px}.context-bar input[type=range]{width:110px}.page{padding-top:25px}.catalog-top{grid-template-columns:1.3fr .7fr}.catalog-illustration{height:150px}.page h1{font-size:30px}.kit-grid{grid-template-columns:repeat(6,1fr)}.equipment-card svg{height:78px}.equipment-card strong{font-size:10px}.equipment-card small{font-size:8px}}@media(orientation:portrait) and (max-width:900px){body.in-lab .portrait-notice{position:fixed;inset:0;z-index:30;background:#f6f7f9;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.portrait-notice h2{font-size:25px}.portrait-notice p{font-size:14px;color:var(--muted);line-height:1.8;max-width:330px}.portrait-notice a{margin-top:20px;color:var(--teal);font-size:13px}.rotate-phone{font-size:80px;color:var(--teal)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.object-picker{height:35px;max-width:200px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--ink);font:inherit;font-size:11px;padding:0 10px}.context-bar{flex-shrink:0}.bench-wrap{min-height:150px}@media(pointer:coarse){.tool-btn{min-width:40px;min-height:40px}.context-bar .btn{min-height:40px;font-size:11px}.context-bar input[type=range]{min-height:36px}.object-picker{height:40px;font-size:11px}.toolbar-note{display:none}.workspace-top .btn{min-height:36px}.workspace-top h1{font-size:12px}.context-title{min-width:80px}.workspace-note{font-size:8px}.equipment-card{min-height:120px}}

.equipment-card>svg{height:105px!important;max-height:105px;width:100%!important}.equipment-card{overflow:hidden}.equipment-card strong,.equipment-card small{position:relative}.catalog-illustration>svg{height:210px!important;max-height:210px}@media(max-width:720px){.equipment-card>svg{height:80px!important}.catalog-illustration>svg{height:150px!important}}@media(max-height:600px) and (orientation:landscape){.equipment-card>svg{height:78px!important}}
