.tool-lab{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#244f4b 0 75%,#a36943 75%);color:#fff0cf}.tool-lab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:45px 45px}.lab-heading{position:absolute;left:8%;top:5%;color:#efd9a2}.lab-heading small,.lab-heading b,.lab-heading span{display:block}.lab-heading small,.lab-heading span{font-size:7px;letter-spacing:.18em}.lab-heading b{font-size:28px}.tool-workstation{position:absolute;left:8%;top:16%;width:59%;height:68%}.tool-monitor{position:relative;width:100%;height:80%;border:12px solid #b8753f;border-radius:22px;background:#18322f;box-shadow:0 12px 0 #744429,0 25px 35px rgba(25,29,24,.25)}.monitor-bar{height:10%;display:flex;align-items:center;gap:6px;padding:0 3%;background:#1b3835;color:#e8d6aa;font-size:8px}.monitor-bar i{width:8px;height:8px;border-radius:50%;background:#da6f5a}.monitor-bar i:nth-child(2){background:#d9b54f}.monitor-bar i:nth-child(3){background:#72a46e}.monitor-bar span{margin-left:8px}.tool-screen{position:relative;height:90%;overflow:hidden;background:#e8eadf;color:#263e3b}.ui-shot,.recording-shot{position:absolute;inset:0;opacity:0;transform:translateX(5%);transition:.45s}.tool-screen[data-screen="0"] .shot-dashboard,.tool-screen[data-screen="1"] .shot-editor,.tool-screen[data-screen="2"] .shot-result,.tool-screen.recording .recording-shot{opacity:1;transform:none}.tool-screen.recording .ui-shot{opacity:0}.ui-shot{display:flex}.ui-shot aside{width:14%;padding:6%;background:#294d48}.ui-shot aside b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7a451}.ui-shot aside i{display:block;width:80%;height:5px;margin-top:18px;border-radius:5px;background:#73918b}.ui-shot main{flex:1;padding:5%}.shot-dashboard header{display:flex;justify-content:space-between}.shot-dashboard header span{width:35%;height:10px;border-radius:8px;background:#9eb0a9}.shot-dashboard button{border:0;border-radius:8px;background:#dc8c4c;color:white;font-size:7px}.shot-dashboard section{display:flex;gap:4%;margin-top:6%}.shot-dashboard article{width:30%;height:55px;border-radius:9px;background:#fff;box-shadow:0 3px 9px #bdc8c0}.ui-chart{height:30%;margin-top:6%;border-radius:10px;background:linear-gradient(150deg,transparent 45%,#d08a51 46% 49%,transparent 50%),#d5ddd6}.shot-editor h3,.shot-result h3{font-size:clamp(12px,2vw,24px);margin:2% 0}.shot-editor textarea{width:100%;height:38%;padding:4%;border:2px solid #adc0b5;border-radius:10px;background:#fff;font-size:9px}.steps{display:flex;gap:3%;margin-top:5%}.steps span{flex:1;padding:4%;border-radius:8px;background:#d8dfd7;font-size:8px}.shot-result main{text-align:center}.shot-result main>small{font-size:7px;letter-spacing:.17em}.shot-result main>div{display:flex;gap:4%;margin-top:7%}.shot-result article{flex:1;padding:9% 3%;border-radius:14px;background:#fff;box-shadow:0 4px 10px #bdc8c0;font-size:9px}.recording-shot{display:grid;place-items:center;background:linear-gradient(135deg,#223e3b,#538078)}.recording-shot>span{font:bold 18px serif;color:#f0dda9}.record-cursor{position:absolute;width:15px;height:20px;background:#fff;clip-path:polygon(0 0,0 100%,30% 72%,48% 100%,61% 92%,44% 65%,80% 65%);animation:cursorDemo 4s infinite}.tool-nav{position:absolute;z-index:3;top:49%;transform:translateY(-50%);width:38px;height:38px;border:2px solid #fff0cf;border-radius:50%;background:#63391f;color:white;font-size:27px}.tool-prev{left:2%}.tool-next{right:2%}.monitor-stand{position:absolute;left:43%;right:43%;bottom:-14%;height:14%;background:#744429}.monitor-stand:after{content:"";position:absolute;left:-80%;right:-80%;bottom:0;height:18%;border-radius:50%;background:#744429}.tool-thumbs{position:absolute;left:8%;right:8%;bottom:-4%;display:flex;justify-content:center;gap:3%}.tool-thumbs button{width:28%;padding:6px;border:2px solid transparent;border-radius:9px;background:#d6c79e;color:#593a28;font-size:7px}.tool-thumbs button.active{border-color:#fff0cf;background:#e9a04c}.tool-thumbs i{display:block;height:22px;margin-bottom:3px;border-radius:4px;background:linear-gradient(135deg,#355f59,#d89a58)}.tool-info{position:absolute;right:8%;top:17%;width:24%;height:65%;padding:3%;border:6px solid #6e3f29;border-radius:28px;background:#f6e5b9;color:#603820;box-shadow:0 10px 0 #533322}.tool-info>small{font-size:7px;letter-spacing:.17em}.tool-info h2{font-size:clamp(25px,3.5vw,46px);line-height:1;margin:8px 0 13px}.tool-info>p{font:11px/1.7 serif}.tool-info dl{margin:15px 0}.tool-info dl div{padding:8px 0;border-top:1px solid #c79c70}.tool-info dt{font-size:7px;font-weight:900}.tool-info dd{margin:3px 0 0;font-size:8px}.media-switch{position:absolute;left:9%;right:9%;bottom:7%;display:flex}.media-switch button{flex:1;border:2px solid #663a23;background:transparent;color:#65361d;padding:8px;font-size:8px;font-weight:900}.media-switch button:first-child{border-radius:9px 0 0 9px}.media-switch button:last-child{border-radius:0 9px 9px 0}.media-switch button.active{background:#65361d;color:#fff0cf}@keyframes cursorDemo{0%{left:20%;top:25%}45%{left:68%;top:55%}60%{transform:scale(.8)}100%{left:30%;top:70%}}@media(max-width:760px){.tool-workstation{left:8%;width:62%}.tool-info{right:5%;width:25%;padding:2%}.tool-info>p{font-size:8px}.tool-info h2{font-size:22px}.tool-info dl{display:none}.media-switch{bottom:10%}}