.desk-scene{position:relative;isolation:isolate;overflow:hidden;background:#191d1c;border:1px solid #50564b}
.workshop-svg{display:block;width:100%;height:auto;user-select:none;touch-action:pan-y}
.desk-scene-label{position:absolute;top:14px;left:18px;display:flex;align-items:center;gap:8px;padding:5px 9px;background:#141615e8;color:var(--white);font-size:12px;pointer-events:none}
.desk-live-dot{width:6px;height:6px;border-radius:50%;background:var(--signal)}
.svg-control{cursor:pointer}.svg-control:hover{filter:brightness(1.15)}
.svg-control:focus-visible,.desk-object:focus-visible{filter:drop-shadow(0 0 4px var(--signal))}
.desk-object{cursor:grab;touch-action:none}.desk-object:active{cursor:grabbing}
.desk-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}
.desk-instructions strong{display:block;font-weight:700;font-size:19px}
.desk-instructions>span,.desk-ideas small,.desk-under{font-size:13px;color:#bac0b7}
.desk-ideas{display:flex;gap:8px}.desk-ideas button{background:#222724;color:var(--white);border:1px solid #545c52;padding:12px 16px;display:flex;gap:12px;align-items:center;text-align:left;font:inherit;user-select:none;touch-action:none}
.desk-ideas button:hover:not(:disabled){border-color:var(--signal);background:#30372d}
.desk-ideas button:disabled,.desk-controls .idea-dragging{opacity:.55}
.idea-icon,.idea-drag{color:var(--signal)}.idea-icon{font-size:26px;line-height:1}.idea-drag{margin-left:auto}.desk-ideas small{display:block;font-size:11px}
.desk-under{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #444c43;padding:14px 0 24px}
.desk-under button{padding:8px 0;background:transparent;color:var(--signal);font:inherit;white-space:nowrap}
@media(max-width:880px){.desk-controls{display:block}.desk-ideas{margin-top:12px}.desk-ideas button{flex:1}}
@media(max-width:650px){.workshop-svg{width:160%;max-width:none;margin-left:-30%}.workshop-svg>text{display:none}.desk-scene-label{left:8px;top:6px;font-size:10px}.desk-ideas button{min-width:0;flex-direction:column;gap:5px;padding:12px 3px;text-align:center;font-size:13px}.idea-drag{display:none}.desk-ideas small{font-size:10px}.desk-under{align-items:baseline}.desk-under button{white-space:normal}}
.palm-left{transform-origin:86px 42px;animation:palm-left 5.8s ease-in-out infinite alternate}
.palm-right{transform-origin:1000px 75px;animation:palm-right 7.1s -2s ease-in-out infinite alternate}
.shore-swell{animation:tide 5.4s ease-in-out infinite alternate}
.shore-foam{animation:foam 5.4s ease-in-out infinite alternate}
@keyframes palm-left{from{transform:rotate(-.75deg) skewX(-.65deg)}to{transform:rotate(1.5deg) skewX(1deg)}}
@keyframes palm-right{from{transform:rotate(1.2deg)}to{transform:rotate(-1.7deg) skewX(.9deg)}}
@keyframes tide{from{transform:translate(-2px,-2px)}to{transform:translate(4px,4px)}}
@keyframes foam{from{transform:translate(-2px,-4px);opacity:.05}to{transform:translate(4px,4px);opacity:.86}}
@media(prefers-reduced-motion:reduce){.palm-left,.palm-right,.shore-swell,.shore-foam{animation:none}.shore-foam{opacity:.3}}
.desk-ideas button[data-idea]{--key:#caf377;--edge:#6d8737;background:linear-gradient(150deg,#374837,#1a231f);border:2px solid var(--edge);border-top-color:var(--key);border-radius:6px 6px 9px 9px;box-shadow:0 5px 0 #090e0c,inset 0 -3px 0 var(--edge);font-weight:700;padding-bottom:16px}
.desk-ideas button[data-idea=rocket]{--key:#89d6ff;--edge:#487d99;background:linear-gradient(150deg,#344957,#18242b)}
.desk-ideas button[data-idea=surprise]{--key:#ffcb77;--edge:#a6763e;background:linear-gradient(150deg,#514432,#2a211c)}
.idea-art{display:block;width:42px;height:42px;flex:none;filter:drop-shadow(0 2px 1px #1119)}
.desk-ideas button[data-idea]:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #090e0c,inset 0 -1px 0 var(--edge)}
.desk-rotor {transform-box:fill-box; transform-origin:center}
[data-drone][aria-pressed=true] .desk-rotor {animation:beach-rotor .12s linear infinite alternate}
@keyframes beach-rotor {to {transform:scaleX(.24)}}
.desk-scope {background:#10202a;color:#faf4da;border:1px solid #71858a;border-radius:20px;text-align:center;padding:24px;max-width:95vw}
.desk-scope::backdrop {background:#061522ce}
.desk-scope h2 {margin:12px}
.desk-scope button {cursor:pointer;color:inherit;background:#273e49;padding:9px 12px;border:1px solid #617580;border-radius:8px}
.scope-view {display:grid;place-items:center;width:min(280px,70vw);aspect-ratio:1;margin:auto;border-radius:50%;border:6px solid #596870;box-shadow:0 0 0 4px #263139,inset 0 0 34px #000;background:radial-gradient(1px 1px at 20% 34%,white 80%,transparent),radial-gradient(2px 2px at 74% 20%,white 50%,transparent),radial-gradient(1px 1px at 82% 68%,white 90%,transparent),radial-gradient(1px 1px at 28% 77%,white 70%,transparent),linear-gradient(145deg,#14293c,#080c1a)}
.scope-view i {position:relative;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 44%,#91958e 6%,transparent 8%),radial-gradient(circle at 57% 26%,#a6aaa3 8%,transparent 10%),radial-gradient(circle at 48% 69%,#92938c 10%,transparent 14%),radial-gradient(circle at 29% 35%,#e9e6cc,#b6b9a9 45%,#555c60 77%,#151e2b)}
.scope-view[data-target=Saturno] i {background:linear-gradient(172deg,#ac865e,#e4c695 25%,#b68a64 29%,#e8ce98 37%,#cfaa7b 52%,#a67c59 56%,#dabc86 69%,#88694f)}
.scope-view[data-target=Saturno] i::after {content:"";position:absolute;inset:29% -46%;border:8px double #dabe8c;border-top-color:transparent;border-radius:50%;transform:rotate(-22deg)}
@media(prefers-reduced-motion:reduce){[data-drone][aria-pressed=true] .desk-rotor {animation:none}}