.js-worktable{color:#34443f;isolation:isolate;width:100%;margin:0;position:relative}.js-worktable-scene{aspect-ratio:1.23;isolation:isolate;background:radial-gradient(at 48% 48%,#fffdf8 5%,#f4efe6 72%);border-radius:32px;width:100%;min-height:260px;position:relative;overflow:hidden}.js-worktable-canvas,.js-worktable-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.js-worktable-vector-host{pointer-events:none;opacity:0;transition:opacity .45s;position:absolute;inset:0}.js-worktable-vector{width:100%;height:100%;display:block;background:0 0!important}.js-worktable[data-scene=ready] .js-worktable-vector-host{opacity:1}.js-worktable-scene[data-renderer=svg] .js-worktable-canvas{display:none}.js-worktable-canvas{opacity:0;pointer-events:none;transition:opacity .45s}.js-worktable-fallback{place-items:center;transition:opacity .3s,visibility .3s;display:grid}.js-worktable[data-scene=ready] .js-worktable-canvas{opacity:1}.js-worktable[data-scene=ready] .js-worktable-fallback{opacity:0;visibility:hidden}.js-worktable-poster{object-fit:contain;width:100%;height:100%}.js-worktable-fallback-icons{color:#54715f;grid-template-columns:repeat(3,1fr);align-items:center;gap:clamp(18px,4vw,42px);width:80%;display:grid}.js-worktable-fallback-icons svg{width:100%;max-width:100px;height:auto;margin:auto}.js-worktable-fallback-icons svg:first-child{color:#c56d50;transform:rotate(-8deg)}.js-worktable-fallback-icons svg:last-child{color:#4c69df;transform:rotate(5deg)}.js-worktable-labels{z-index:2;color:#5c655d;text-align:center;letter-spacing:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-17px 5.5% 0;font-size:11px;font-weight:500;line-height:1.4;display:grid;position:relative}.js-worktable-labels span{white-space:nowrap;min-width:0}.js-worktable-labels span:nth-child(2){padding-top:13px}.js-worktable-motion{z-index:3;color:#4c594e;background:#fffaf1eb;border:1px solid #5462542b;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:76px;min-height:36px;padding:8px 11px;font-size:11px;line-height:1;transition:background .2s,box-shadow .2s;display:inline-flex;position:absolute;bottom:24px;right:19px;box-shadow:0 3px 10px #57473105}.js-worktable-motion:hover{background:#fffdf8;box-shadow:0 3px 12px #57473112}.js-worktable-motion:focus-visible{outline-offset:4px;outline:2px solid #4c69df}.js-worktable-motion:disabled{opacity:.75;cursor:default}@media (max-width:600px){.js-worktable-scene{aspect-ratio:1.03;border-radius:22px;min-height:280px}.js-worktable-labels{margin-top:-26px;gap:5px;margin-inline:0;font-size:10px}.js-worktable-labels span:nth-child(2){padding-top:12px}.js-worktable-motion{min-width:38px;min-height:38px;padding:10px;bottom:38px;right:11px}.js-worktable-motion span{display:none}}@media (prefers-reduced-motion:reduce){.js-worktable-canvas,.js-worktable-fallback,.js-worktable-motion{transition:none}}@media (forced-colors:active){.js-worktable-scene{background:canvas}.js-worktable-motion{color:buttontext;background:buttonface;border:1px solid buttontext}.js-worktable-labels{color:canvastext}}
