.sp-workbench[data-work-mode]:not([data-work-mode=legacy]) .sp-work-targets{inset:30% 24% 26%}
.sp-work-product{position:absolute;left:50%;top:54%;width:min(225px,30vw);height:42%;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%) scale(var(--work-scale,1));opacity:.85;z-index:0}
.sp-work-product img{max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 7px 5px #071611a8)}
.sp-work-product[data-phase=prepare]{opacity:.52}.sp-work-product[data-phase=finish]{opacity:1}
.sp-work-product>.sp-icon{width:100px;height:100px}
.sp-workbench[data-work-mode=engrave] .sp-work-product{width:min(240px,35vw);transform:translate(-50%,-50%) rotate(-10deg)}
.sp-workbench[data-work-mode=weave] .sp-work-product{height:55%;top:52%;width:min(260px,34vw)}
.sp-workbench[data-work-mode=heat] .sp-work-product{top:53%;width:min(120px,18vw);height:27%}
.sp-workbench .sp-work-instructions{width:min(690px,90%);z-index:2;background:#182a23ee;border-color:#bca6798a;line-height:1.4}
.sp-work-steps{display:flex;justify-content:center;gap:12px;list-style:none;margin:5px 0 0;padding:0;font-size:11px;color:#b7bba6}
.sp-work-steps>li{border-bottom:1px solid #8a967447;padding:2px 8px}.sp-work-steps>li[aria-current=step]{color:#f4ddb0;border-color:#e6c997}
.sp-work-output{display:block;font-size:12px;line-height:1.5;color:#eee0bc}
.sp-workbench .sp-work-material{z-index:2;background:#192d26eb;border:1px solid #96a18455}
.sp-workbench[data-work-mode] .sp-work-targets button.done{background:#234a3aee!important;border-color:#c4d2ac!important;box-shadow:none!important}
.sp-workbench[data-work-mode] .sp-work-targets button.done::after{content:'✓';color:#e9e4bd}
.sp-workbench[data-work-mode=weave] .sp-work-targets button{touch-action:none!important}
.sp-workbench[data-station-art=true] .sp-work-product{visibility:hidden}
.sp-workbench[data-station-art=true] .sp-work-product[data-phase=finish]{visibility:visible;left:auto;right:16px;top:90px;width:64px;height:74px;max-height:74px;transform:none;filter:drop-shadow(0 0 12px #e6c778)}
.sp-work-art-status{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:10px;line-height:14px;color:#e8d7ae;background:#142b24dd;padding:0 9px;border-radius:8px;pointer-events:none;white-space:nowrap;z-index:3}
.sp-workbench[data-station-art=true] .sp-work-targets button{background:#182b2466;box-shadow:inset 0 0 0 3px #d8c59b24;border-color:#b7a078b3}
.sp-workbench[data-station-art=true] .sp-work-targets button.lit{box-shadow:0 0 12px #f0d59188,inset 0 0 0 3px #e5ce8b77}
.sp-workbench[data-station-art=true] .sp-work-targets button{width:44px;height:44px;min-width:44px;min-height:44px}
.sp-workbench[data-art-loading=true] .sp-work-targets{visibility:hidden}
.sp-workbench[data-art-loading=true] .sp-work-art-status::before{content:'';display:inline-block;width:9px;height:9px;margin-right:6px;border:1px solid #ac967666;border-top-color:#ecd8a0;border-radius:50%;animation:work-art-spin 1.2s linear infinite}
@keyframes work-art-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sp-workbench[data-art-loading=true] .sp-work-art-status::before{animation:none}}
@media(orientation:landscape) and (max-height:350px){.sp-workbench .sp-work-steps{display:none}.sp-workbench .sp-work-instructions small{font-size:10px}}
.sp-work-timing{position:absolute;left:50%;transform:translateX(-50%);width:38%;z-index:3;pointer-events:none;padding:8px 9px;background:#152c26ed;border:1px solid #958567;color:#ebd7ad;text-align:center}
.sp-work-timing>i{display:block;position:relative;height:12px;background:#283b30}.sp-work-timing>i::before{content:'';position:absolute;inset:0 35%;background:#ceb47b}.sp-work-timing>i::after{content:'';position:absolute;left:var(--work-cursor,50%);width:3px;top:-3px;height:18px;background:#fff0c3;transform:translateX(-50%)}.sp-work-timing>small{display:block;margin-top:6px;font-size:11px}
@media(orientation:landscape) and (max-height:520px){.sp-work-timing{left:auto;right:10px;transform:none;width:125px}}
@media(orientation:portrait) and (max-width:600px){.sp-work-timing{left:auto;right:12px;transform:none;width:calc(100% - 155px)}}
@media(orientation:landscape) and (max-height:520px){.sp-workbench .sp-work-instructions{font-size:11px;padding:5px 9px;top:5px;max-width:82%}.sp-work-steps{margin-top:2px;gap:7px}.sp-work-steps>li{padding:1px 6px}.sp-workbench .sp-work-material{width:125px;left:10px;bottom:68px;padding:5px}.sp-workbench .sp-work-material>.sp-icon{display:none}.sp-work-output{font-size:11px}.sp-work-product{max-height:47%;top:55%}.sp-workbench[data-work-mode=weave] .sp-work-product{height:50%;top:53%}.sp-workbench[data-work-mode]:not([data-work-mode=legacy]) .sp-work-targets{inset:31% 24% 27%}}
@media(orientation:portrait) and (max-width:600px){.sp-workbench[data-work-mode]:not([data-work-mode=legacy]) .sp-work-targets{inset:25% 12% 31%}.sp-workbench .sp-work-instructions{font-size:12px;top:10px;width:91%}.sp-work-product{width:42vw}.sp-workbench[data-work-mode=weave] .sp-work-product{width:50vw;height:41%;top:48%}.sp-workbench .sp-work-material{bottom:110px;left:12px;width:110px}.sp-workbench[data-work-mode=engrave] .sp-work-product{width:48vw}.sp-workbench[data-work-mode=heat] .sp-work-product{width:25vw}}

.sp-icon--artifact{object-fit:contain;background:none!important;border:0;box-shadow:none}
.sp-craft-plan{margin:12px 0;padding:12px 16px;border:1px solid #b59c674d;background:#213640cc;color:#e9e0c6}.sp-craft-plan h3{margin:0 0 6px;font-size:16px}.sp-craft-plan p{margin:0 0 8px;font-size:13px;color:#ead19a}.sp-craft-plan .form-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-craft-plan button{min-height:44px;padding:8px 14px}
.sp-supply{display:flex;align-items:center;gap:24px;max-width:700px;margin:0 auto;padding:16px;color:#e9e0c6}
.sp-supply>img{width:clamp(64px,15vw,128px);height:auto;object-fit:contain;flex-shrink:0}
.sp-supply>div{min-width:0;flex:1}.sp-supply h3{margin:5px 0 12px;font-size:clamp(18px,3vw,24px)}
.sp-supply dl{margin:0;border-block:1px solid #b59c674d}.sp-supply dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.sp-supply dd{margin:0;color:#ead19a}
.sp-supply p{font-size:14px;line-height:1.65;margin:12px 0}.sp-supply small{color:#bdc6bf;font-size:12px}.sp-supply nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sp-supply nav>button{min-height:44px;padding:8px 16px}.sp-supply nav>button[data-command]{background:#d9c695;color:#1d302f}
@media(max-width:480px){.sp-supply{align-items:flex-start;gap:12px;padding:4px}.sp-supply>img{width:56px}.sp-supply nav>button{width:100%}.sp-supply dl>div{flex-wrap:wrap}}
@media(orientation:landscape) and (max-height:420px){.sp-supply{gap:14px;padding:4px}.sp-supply>img{width:64px}.sp-supply h3{font-size:16px;margin:2px 0 5px}.sp-supply dl{display:flex;gap:18px}.sp-supply dl>div{padding:4px 0;font-size:12px;gap:8px}.sp-supply p{font-size:12px;line-height:1.4;margin:6px 0}.sp-supply small{font-size:11px}.sp-supply nav{margin-top:8px}}