.software-visual{padding:64px 34px 86px;display:block}
.lb-window{position:relative;width:100%;height:470px;background:#d7dadb;border:1px solid #68706f;box-shadow:0 20px 45px rgba(0,0,0,.35);display:grid;grid-template-columns:42px 1fr 176px;grid-template-rows:30px 25px 1fr 27px;overflow:hidden;font-family:var(--sans);color:#1c2423}
.lb-titlebar{grid-column:1/-1;background:#f0f1f1;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:9px;border-bottom:1px solid #aab0af}.lb-titlebar i{font-style:normal;margin-left:auto;letter-spacing:5px}.lb-flame{color:var(--orange)}
.lb-menu{grid-column:1/-1;background:#e3e5e5;padding:6px 10px;font-size:8px;border-bottom:1px solid #aab0af}
.lb-tools{grid-row:3;display:flex;flex-direction:column;align-items:center;background:#e7e9e9;border-right:1px solid #aab0af;padding-top:10px;gap:8px}.lb-tools span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #aeb5b4;background:#f7f8f8;font-size:12px}
.lb-canvas{grid-row:3;position:relative;background-color:#f7f8f5;background-image:linear-gradient(#dfe3df 1px,transparent 1px),linear-gradient(90deg,#dfe3df 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.ruler{position:absolute;left:7px;right:0;top:0;height:17px;padding:3px 7px;background:#e2e4e2;border-bottom:1px solid #b1b7b4;color:#68716e;font:7px var(--mono);word-spacing:12px}.project-shape{position:absolute;left:17%;right:13%;top:27%;bottom:20%;border:2px solid #e84f3d;color:#e84f3d;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);box-shadow:inset 0 0 0 5px #f7f8f5,inset 0 0 0 7px #275cca}.project-shape small{font:7px var(--mono);letter-spacing:.2em}.project-shape strong{font-size:clamp(13px,2vw,23px);letter-spacing:-.05em}.project-shape i{width:52%;height:11px;border-top:2px solid #275cca;border-bottom:2px solid #275cca;margin-top:12px}
.lb-panel{grid-row:3;display:flex;flex-direction:column;background:#e7e9e9;border-left:1px solid #aab0af;padding:10px 8px;gap:7px;font-size:8px}.lb-panel>strong{font-size:9px;border-bottom:1px solid #aab0af;padding-bottom:7px}.layer-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:5px;background:#f8f9f9;border:1px solid #b9bfbd;padding:6px 5px}.layer-row i{width:9px;height:9px;border-radius:1px}.layer-row .red{background:#e84f3d}.layer-row .blue{background:#275cca}.layer-row small{font:7px var(--mono);color:#626b68}.lb-panel>label{display:flex;justify-content:space-between;margin-top:4px}.lb-panel label b{font:7px var(--mono)}.laser-panel{margin-top:auto;border-top:1px solid #abb2b0;padding-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.laser-panel small{grid-column:1/-1;font:7px var(--mono)}.laser-panel button{border:1px solid #8f9795;background:#f8f9f9;padding:6px 2px;font-size:7px}.laser-panel button:last-child{background:var(--orange);color:#fff;border-color:var(--orange)}
.lb-palette{grid-column:1/-1;grid-row:4;background:#d7dada;display:flex;align-items:center;padding-left:10px;gap:4px;border-top:1px solid #aab0af}.lb-palette i{width:16px;height:14px;background:#111}.lb-palette i:nth-child(2){background:#e84f3d}.lb-palette i:nth-child(3){background:#275cca}.lb-palette i:nth-child(4){background:#21a365}.lb-palette i:nth-child(5){background:#efbd26}.lb-palette i:nth-child(6){background:#8b51c7}.lb-palette i:nth-child(7){background:#b46d35}
@media(max-width:620px){.software-visual{padding:54px 14px 76px}.lb-window{height:350px;grid-template-columns:34px 1fr 112px}.lb-panel{padding:7px 5px}.lb-panel label b,.lb-panel>label{font-size:6px}.project-shape{left:9%;right:8%}.project-shape strong{font-size:12px}}