.studio-v2 .wrist-dialog{width:min(1140px,95vw);max-width:95vw;max-height:94dvh;padding:22px;background:#fcfcf9;border-radius:15px;overflow:auto}.wrist-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wrist-heading h2{margin:5px 0;font-size:23px}.wrist-heading small{font-size:9px;letter-spacing:2px;color:#89917d}.wrist-heading button{width:34px;height:34px;font-size:22px}.wrist-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.wrist-viewport{height:560px;position:relative;border-radius:12px;overflow:hidden;background:#eeeae4}.wrist-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.wrist-view-tools{position:absolute;top:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:5px}.wrist-view-tools button{background:#ffffffdc;font-size:11px;padding:7px 12px;white-space:nowrap}.wrist-viewport>p{position:absolute;bottom:9px;left:0;width:100%;text-align:center;font-size:11px;color:#756b61;pointer-events:none}.wrist-controls{display:flex;flex-direction:column;gap:12px;font-size:12px}.wrist-controls>p{margin:0;line-height:1.7}.wrist-controls label{display:flex;justify-content:space-between;align-items:center;gap:10px}.wrist-controls input{width:100px;padding:8px;border:1px solid #dce2d3;border-radius:6px}.wrist-controls input[type=color]{height:36px;padding:3px}.wrist-controls small,.wrist-note{font-size:10px;line-height:1.8;color:#7c8474}.wrist-controls .wrist-error{color:#a44432;font-size:11px}.wrist-metrics{padding:12px;background:#edf2e7;border-radius:8px;display:grid;gap:8px;font-size:11px}.wrist-metrics span{display:flex;justify-content:space-between;gap:8px}.wrist-metrics p{margin:3px 0;line-height:1.6}.wrist-controls button{min-height:38px}
@media(max-width:750px){.wrist-layout{grid-template-columns:1fr}.wrist-viewport{height:340px}.studio-v2 .wrist-dialog{padding:16px}.studio-v2 #wrist-open{font-size:10px;padding:5px}.studio-v2 .header-title{display:none}.studio-v2 .header-actions{gap:4px}.studio-v2 #ui-help{display:none}.wrist-controls{padding-bottom:8px}}

.wrist-controls .wrist-position{display:grid;grid-template-columns:1fr auto;gap:8px}.wrist-position output{white-space:nowrap;font-variant-numeric:tabular-nums}.wrist-controls .wrist-position input{grid-column:1/-1;width:100%;padding:0;accent-color:#274a3a}