.device-hitbox{font-family:inherit;font-size:14px;font-weight:700}.media-token{border:0}.sd-token img{width:91px;height:91px}.memory-tray{gap:10px}.memory-token{width:100%;min-width:0}.memory-token .card-art{position:relative;overflow:hidden;width:min(100%,152px);aspect-ratio:1.55;display:block;border:0;border-radius:10px;background:transparent;color:#1a3147;box-shadow:0 6px 14px #0005;pointer-events:none}.memory-token .card-photo{position:absolute;left:-12.5%;top:50%;width:125%;height:auto;transform:translateY(-50%);pointer-events:none;user-select:none}.memory-token .card-art strong{position:absolute;left:8%;bottom:9%;z-index:1;color:#13263a;text-shadow:0 1px 1px #fff9;font-size:11px}
.cable-panel,.removable-media{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#101b27,#0c141d);padding:18px}.cable-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center}.cable-copy h2,.media-heading h2{margin:0}.cable-copy p:last-child,.media-heading>p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.cable-toggle{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #35506a;border-radius:8px;background:#142334;font-size:11px;font-weight:700;cursor:pointer}.cable-toggle input{width:17px;height:17px;accent-color:#28a4ed}.cable-panel>[role=status]{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}.cable-panel.connected{border-color:#357c5a}.cable-panel.connected>[role=status]{color:var(--green)}
.desktop-runtime{position:relative;flex:1;min-height:700px}.desktop-runtime .device-hitbox,.device-frame .device-hitbox{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:12px;background:transparent;color:#fff;font:700 14px inherit;text-shadow:0 1px 6px #000;pointer-events:none}.desktop-runtime .device-hitbox.armed,.device-frame .device-hitbox.armed{pointer-events:auto;cursor:crosshair;background:#1f99e538;border:2px dashed #71cbf8}.desktop-runtime.drop-target:after,.device-frame.drop-target:after{content:"";position:absolute;inset:5px;z-index:4;pointer-events:none;border:2px dashed #71cbf8;border-radius:12px;background:#1f99e51b}.device-frame.drop-target:after{inset:2px;border-radius:28px}
.media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.media-heading>p{text-align:right}.media-grid{display:grid;grid-template-columns:minmax(290px,.86fr) minmax(360px,1.65fr);gap:14px}.media-group{min-width:0;border:1px solid #34475a;border-radius:10px;background:#142130;padding:14px}.media-group h3{margin:0 0 10px;font-size:12px}.media-token{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;user-select:none;padding:5px;color:var(--text)}.media-token:focus-visible,.media-token[aria-pressed="true"]{outline:2px solid #6bc5f3;outline-offset:1px}.sd-token img{width:76px;height:84px;object-fit:contain;filter:drop-shadow(3px 5px 5px #0008)}.media-token small{margin-top:5px;color:#b8c7d6;font-size:10px}.media-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.media-actions button,.media-insertion button{border:1px solid #45627c;background:#1b3043;color:#eef8ff;border-radius:6px;padding:7px 9px;font:inherit;font-size:10px;cursor:pointer}.media-actions button:hover,.media-insertion button:not(:disabled):hover{background:#254b68}.media-actions button:disabled,.media-insertion button:disabled{opacity:.45;cursor:not-allowed}.drop-help{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.sd-files{display:flex;flex-direction:column;gap:5px;max-height:155px;overflow:auto;list-style:none;margin:8px 0 0;padding:0}.sd-files li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 7px;border-radius:5px;background:#0e1822;color:#d9e7f1;font-size:10px;overflow-wrap:anywhere}.sd-files li button{flex:none;border:0;background:none;color:#83caff;font:inherit;font-size:10px;cursor:pointer}.memory-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.memory-token{min-width:0}.card-art{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,160px);aspect-ratio:1.5;border:1px solid #aaa;border-radius:9px;background:linear-gradient(140deg,#ececec,#bcbcbc);overflow:hidden;color:#16202a}.card-art img{position:absolute;width:24px;height:24px;left:12px;top:12px;object-fit:contain}.card-art strong{position:absolute;left:11px;bottom:9px;font-size:10px}.media-insertion{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:12px}.media-insertion span{margin-right:auto;color:var(--muted);font-size:10px}.media-insertion button{font-weight:650}.removable-media>[role=status]{min-height:16px;margin:9px 0 0;color:var(--muted);font-size:10px}
.media-insertion{display:block;margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.media-token{cursor:grab;touch-action:none}.media-token:active{cursor:grabbing}.media-token img,.media-token .card-art{pointer-events:none}.media-token.selected .card-art{outline:2px solid #6bc5f3}.drag-ghost{position:fixed;z-index:30;pointer-events:none;opacity:.88;width:115px;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 15px #000b)}.drag-ghost img{width:100%;height:auto;object-fit:contain}.drag-ghost .card-art{aspect-ratio:1.55;background:#fff;color:#1a3147;border-radius:9px;padding:10px}
@media(max-width:800px){.media-grid{grid-template-columns:1fr}.media-heading{align-items:flex-start;flex-direction:column}.media-heading>p{text-align:left}.cable-panel{grid-template-columns:1fr}.cable-panel>[role=status]{grid-column:1}.cable-toggle{justify-self:start}}
@media(max-width:560px){.removable-media,.cable-panel{padding:13px}.media-insertion{justify-content:stretch}.media-insertion button{flex:1}.media-insertion span{flex-basis:100%}.memory-tray{gap:2px}.card-art img{left:7px;top:7px}.card-art strong{left:7px;bottom:6px;font-size:9px}.media-group{padding:10px}}
.media-grid{grid-template-columns:minmax(280px,.92fr) minmax(360px,1.25fr) minmax(270px,.9fr)}
.memory-tray{max-width:500px;gap:8px}
.memory-token{justify-content:flex-start}
.removable-media{--text:#f4f6f8;--muted:#a9bac8;--line:#293847;--green:#61d795}
.cable-group{display:flex;flex-direction:column;justify-content:center;gap:14px;margin-top:0;padding:14px}
.cable-group h3{margin:0;font-size:12px}
.cable-route{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cable-endpoint{padding:7px 8px;border:1px solid #35506a;border-radius:7px;background:#142334;font-size:10px;white-space:nowrap}
.cable-link{display:flex;align-items:center;justify-content:center;flex:1;min-width:28px;height:20px;color:#78bce9;font-size:20px;line-height:1}
.cable-link::after{content:"↔"}
.cable-group .cable-toggle{margin-left:auto;padding:5px 8px;font-size:10px}
.cable-group .cable-toggle input{width:15px;height:15px}
.cable-group.connected{border-color:#357c5a}
.cable-group.connected .cable-link{color:#61d795}
.cable-group.armed .cable-link{color:#e3b763}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.media-grid{grid-template-columns:1fr}}
@media(max-width:560px){.memory-tray{max-width:100%;gap:4px}.cable-group{padding:10px}.cable-group .cable-toggle{margin-left:0}}
.media-actions select{border:1px solid #45627c;background:#1b3043;color:#eef8ff;border-radius:6px;padding:7px 9px;font:inherit;font-size:10px;max-width:100%;cursor:pointer}.media-actions select:disabled{opacity:.45}.memory-token .card-details{white-space:pre-line;font-size:10px;color:#b8c7d6;margin-top:8px}.memory-token .card-details[hidden]{display:none}