.art-viewport{background:#e6e9e4;border:1px solid #ccd3c9;border-radius:10px;flex-direction:column;width:100%;height:min(82dvh,960px);min-height:380px;display:flex;overflow:hidden}.art-viewport.is-expanded,.art-viewport:fullscreen{z-index:2147483000;background:#e6e9e4;border:0;border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.art-viewport-toolbar{background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px;display:flex}.art-viewport-toolbar button,.art-viewport-toolbar label{align-items:center;gap:5px;padding:7px 9px;font:12px/1.3 sans-serif;display:inline-flex}.art-viewport-toolbar button{color:#254438;cursor:pointer;background:#fff;border:1px solid #ccd3c9;border-radius:5px;min-height:34px}.art-viewport-toolbar button[aria-pressed=true]{color:#fff;background:#254438}.art-viewport-toolbar button:disabled{opacity:.4;cursor:default}.art-viewport-toolbar output{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font:12px/1.3 sans-serif}.art-viewport-toolbar .art-expand{margin-left:auto}.art-viewport-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable;flex:1;height:auto;min-height:0;position:relative;overflow:auto}.art-viewport.is-expanded .art-viewport-scroll{flex:1;height:auto;min-height:0}.art-viewport-stage{place-items:center;min-width:100%;min-height:100%;display:grid}.art-viewport-content{flex:none;position:relative;box-shadow:0 2px 12px #0002}.art-viewport-content .lab-frame{min-width:0}.art-viewport-scroll.hand-mode{cursor:grab;touch-action:none}.art-viewport-scroll.is-panning,.art-viewport-scroll.is-panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.art-viewport-help{color:#576254;background:#fff;flex-shrink:0;margin:0;padding:7px 10px;font:11px/1.4 sans-serif}.art-viewport button:focus-visible,.art-viewport-scroll:focus-visible{outline-offset:-2px;outline:2px solid #df6e36}.canvas-crowd-controls{background:#fff;border-top:1px solid #e5e9e2;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 20px;padding:10px 14px 8px;display:grid}.canvas-crowd-controls label{color:#254438;gap:3px;min-width:0;font:12px/1.4 sans-serif;display:grid}.canvas-crowd-controls label span{justify-content:space-between;gap:8px;display:flex}.canvas-crowd-controls input[type=range]{accent-color:#254438;cursor:pointer;width:100%;min-width:0;height:24px;margin:0}.canvas-crowd-controls small{color:#576254;grid-column:1/-1;font:11px/1.4 sans-serif}@media (max-width:600px){.canvas-crowd-controls{gap:6px 10px;padding:8px}.canvas-crowd-controls label span{font-size:11px}}.art-viewport-toolbar{flex-wrap:nowrap;gap:5px;overflow:visible}.art-viewport-toolbar>*{white-space:nowrap;flex-shrink:0}.canvas-brush-controls{background:#fff;border-top:1px solid #e5e9e2;flex-shrink:0;align-items:center;gap:16px;padding:9px 14px;font:12px/1.4 sans-serif;display:flex}.canvas-brush-controls label{white-space:nowrap;align-items:center;gap:8px;display:flex}.canvas-brush-controls input{accent-color:#254438;width:120px}.canvas-brush-controls>span{color:#576254}.canvas-brush-controls button{color:#254438;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccd3c9;border-radius:5px;padding:7px 10px}.canvas-brush-controls button[aria-pressed=true]{color:#fff;background:#254438}.canvas-brush-controls input[type=checkbox]{width:auto}.canvas-brush-controls button:disabled{opacity:.4;cursor:default}.canvas-brush-controls [role=status]:empty{display:none}.canvas-brush-controls>div{align-items:center;gap:10px;display:flex}.canvas-brush-controls>div[hidden]{display:none}.canvas-view-menu{font:12px/1.3 sans-serif;position:relative}.canvas-view-menu summary{cursor:pointer;border:1px solid #ccd3c9;border-radius:5px;padding:9px}.canvas-view-menu>div{z-index:30000;background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-width:200px;padding:12px;display:flex;position:absolute;top:38px;right:0;box-shadow:0 4px 20px #0002}.canvas-view-menu label{white-space:nowrap}@media (max-width:1000px){.art-viewport-toolbar{overflow-x:auto}.canvas-view-menu>div{position:fixed;top:auto;right:20px}.canvas-brush-controls{overflow-x:auto}.canvas-brush-controls>*{flex-shrink:0}}.canvas-brush-controls[hidden]{display:none}.canvas-brush-controls .brush-done{color:#fff;z-index:1;background:#254438;border-color:#254438;font-weight:600;position:sticky;left:0}.canvas-brush-controls .brush-done span{opacity:.8;font-weight:400}.canvas-brush-controls [hidden]{display:none}