.workspace{overflow:hidden}.workspace-tools{display:flex;gap:.35rem;overflow-x:auto;padding:.55rem;background:#f7f5fa;border-bottom:1px solid var(--line)}.workspace-tools button,.workspace-tools label{display:grid;place-items:center;flex:0 0 44px;height:44px;margin:0;border:0;border-radius:13px;background:#fff;color:#413955;font-size:1.2rem;font-weight:900;cursor:pointer}.workspace-tools button.active{background:var(--purple);color:#fff}.workspace-tools input{position:absolute;width:1px;height:1px;opacity:0}.workspace canvas{display:block;width:100%;height:min(68vh,720px);background:#fff;touch-action:none}.workspace:fullscreen{background:#fff;border-radius:0}.workspace:fullscreen canvas{height:calc(100vh - 58px)}.counter-model{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.counter-group{display:grid;grid-template-columns:repeat(5,32px);gap:.35rem;padding:.7rem;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 2px #dfd8f8}.counter{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffcf55;color:#624800;font-size:.95rem;box-shadow:0 3px 0 #d5a825}.counter-group:nth-child(3) .counter{background:#79d8ef;box-shadow:0 3px 0 #42a9c2}.math-plus{font-size:1.7rem;color:var(--purple);font-weight:900}.ten-frame{display:grid;grid-template-columns:repeat(5,30px);gap:5px;padding:6px;border:3px solid #383343;border-radius:9px;background:#fff}.ten-frame i{width:30px;height:30px;border:1px solid #ccc;border-radius:4px}.ten-frame i.on{border-radius:50%;background:#ffbd45;border-color:#e39b18}@media(max-width:560px){.workspace{border-radius:17px}.workspace canvas{height:52vh}.counter-group{grid-template-columns:repeat(5,25px)}.counter{width:25px;height:25px}}
.workspace-tools{display:grid;grid-template-columns:repeat(8,minmax(38px,1fr));overflow:visible}.workspace-tools button,.workspace-tools label{min-width:0;width:100%;height:42px}.workspace-tools .color-tool,.workspace-tools #pen-tool{font-size:1.35rem}.workspace-tools .red{color:#e33f54}.workspace-tools .blue{color:#2674e8}.workspace-tools .green{color:#1d9b62}.workspace canvas{height:min(72vh,780px);background:#fffdf8}@media(max-width:560px){.workspace-tools{grid-template-columns:repeat(6,1fr);padding:.4rem}.workspace canvas{height:62vh}}
.workspace{position:relative}.laser-dot{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#ff2b47;box-shadow:0 0 0 7px rgba(255,43,71,.2),0 0 18px #ff2b47;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.workspace.laser-active canvas{cursor:none}