.worker-file-tree-sandbox{--worker-sandbox-border: color-mix(in srgb, var(--sl-color-hairline-light) 78%, transparent);--worker-tree-branch: color-mix(in srgb, var(--sl-color-hairline-light) 84%, transparent);--worker-tree-surface-fill: color-mix(in srgb, var(--sl-color-bg) 92%, var(--sl-color-accent-low));--worker-sandbox-surface: color-mix(in srgb, var(--sl-color-bg) 92%, var(--sl-color-accent-low));margin-block:2rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__layout{display:grid;gap:1.5rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__surface{display:grid;gap:1rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__heading{display:grid;gap:.45rem;margin-bottom:1rem}.worker-file-tree-sandbox__heading h2{margin:0;font-size:clamp(1.3rem,1.15rem + .5vw,1.7rem)}.worker-file-tree-sandbox__heading p,.worker-file-tree-sandbox__note{margin:0;color:var(--sl-color-gray-2)}.worker-file-tree-sandbox__toolbar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.worker-file-tree-sandbox__status{color:var(--sl-color-gray-2);font-size:.92rem;font-weight:600}.worker-file-tree-sandbox__reset{border:1px solid var(--worker-sandbox-border);border-radius:999px;background:color-mix(in srgb,var(--sl-color-white) 7%,transparent);color:var(--sl-color-text);padding:.55rem .95rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.worker-file-tree-sandbox__reset:hover,.worker-file-tree-sandbox__reset:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sl-color-accent-high) 50%,var(--worker-sandbox-border))}.worker-file-tree-sandbox__runtime-host{min-height:30rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__runtime{display:grid;gap:1rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__preview{min-height:30rem;width:100%;max-width:100%;min-width:0}.worker-file-tree-sandbox__note{margin-top:.85rem;width:min(100%,var(--sl-content-width));max-width:var(--sl-content-width);justify-self:start}.worker-file-tree-sandbox__snapshot{margin-top:1rem;width:min(100%,var(--sl-content-width));max-width:var(--sl-content-width);min-width:0;justify-self:start}.worker-file-tree-sandbox__snapshot-title{margin-bottom:.45rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sl-color-gray-2)}.worker-file-tree-sandbox__snapshot-code,.worker-file-tree-sandbox__code .expressive-code{margin:0}.worker-file-tree-sandbox__code{display:grid;gap:1rem;width:min(100%,var(--sl-content-width));max-width:var(--sl-content-width);min-width:0;justify-self:start}.worker-file-tree-sandbox__snapshot-code{overflow:auto;padding:1rem;border-radius:.5rem;background:color-mix(in srgb,var(--sl-color-black) 12%,var(--sl-color-bg));color:var(--sl-color-white);font-size:.82rem;line-height:1.55}.worker-file-tree-sandbox__code .tablist-wrapper{margin-bottom:1rem;max-width:100%;min-width:0;overflow-x:auto}.worker-file-tree-sandbox__code starlight-tabs,.worker-file-tree-sandbox__code [role=tablist],.worker-file-tree-sandbox__code [role=tabpanel]{min-width:0;max-width:100%}.worker-file-tree-sandbox__code starlight-tabs{display:grid;min-width:0}.worker-file-tree-sandbox__code [role=tabpanel]{margin-top:0}.worker-file-tree-sandbox__code .expressive-code,.worker-file-tree-sandbox__code .expressive-code pre{max-width:100%;min-width:0}.worker-file-tree-sandbox .sandbox-tree{display:grid;gap:1rem;padding:1rem;margin:0;border:1px solid var(--worker-sandbox-border);border-radius:.5rem;background:radial-gradient(circle at top right,color-mix(in srgb,#34d399 10%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--worker-sandbox-surface) 96%,transparent),var(--sl-color-bg));box-shadow:0 1rem 2rem -1.5rem color-mix(in srgb,var(--sl-color-black) 25%,transparent)}.worker-file-tree-sandbox .sandbox-tree__toolbar{display:grid;gap:.65rem;margin:0}.worker-file-tree-sandbox .sandbox-tree__eyebrow{margin:0;color:var(--sl-color-text-accent);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.worker-file-tree-sandbox .sandbox-tree__caption{margin:0;color:var(--sl-color-gray-2);font-size:.95rem;font-weight:600}.worker-file-tree-sandbox .sandbox-tree__actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.55rem;margin:0;min-width:0;overflow-x:auto}.worker-file-tree-sandbox .sandbox-tree__list{display:grid;gap:0;margin:0;min-width:0}.worker-file-tree-sandbox .sandbox-tree__children{position:relative;margin-top:0;margin-left:1.15rem;padding-left:.85rem;padding-top:.15rem}.worker-file-tree-sandbox .sandbox-tree__children:before{content:"";position:absolute;top:.15rem;bottom:.35rem;left:0;width:1px;background:var(--worker-tree-branch)}.worker-file-tree-sandbox .sandbox-tree__children--empty{display:grid;gap:0;margin:0;min-height:3rem;padding-block:.35rem}.worker-file-tree-sandbox .sandbox-tree__empty{display:grid;place-items:center start;min-height:2.65rem;margin:0;padding:.65rem .8rem;border:1px dashed color-mix(in srgb,var(--sl-color-accent-high) 22%,var(--worker-sandbox-border));border-radius:.5rem;color:var(--sl-color-gray-2);font-size:.84rem;font-weight:600}.worker-file-tree-sandbox .sandbox-tree__children--empty[data-dnd-drag-over=true][data-dnd-drop-allowed=true] .sandbox-tree__empty{border-color:color-mix(in srgb,var(--sl-color-accent-high) 54%,var(--worker-sandbox-border));background:color-mix(in srgb,var(--sl-color-accent-low) 18%,transparent);color:var(--sl-color-text-accent)}.worker-file-tree-sandbox .sandbox-tree__children--empty [data-dnd-placeholder=true]{visibility:hidden}.worker-file-tree-sandbox .sandbox-tree__node{display:grid;gap:0;margin:0;position:relative}.worker-file-tree-sandbox .sandbox-tree__children>.sandbox-tree__node:after{content:"";position:absolute;top:1.15rem;left:-.85rem;width:.75rem;height:.7rem;border-left:1px solid var(--worker-tree-branch);border-bottom:1px solid var(--worker-tree-branch);border-bottom-left-radius:.4rem}.worker-file-tree-sandbox .sandbox-tree__children>.sandbox-tree__node:last-child:before{content:"";position:absolute;top:calc(1.15rem + .7rem);bottom:-.35rem;left:-.85rem;width:1px;background:var(--worker-tree-surface-fill)}.worker-file-tree-sandbox .sandbox-tree__row,[data-dnd-overlay=true] .sandbox-tree__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;margin:0;padding:.42rem .4rem;border:0;border-radius:.55rem;background:transparent;box-shadow:none;min-width:0;transition:background-color .14s ease}.worker-file-tree-sandbox .sandbox-tree__row:hover,.worker-file-tree-sandbox .sandbox-tree__row:focus-within{background:color-mix(in srgb,var(--sl-color-accent-high) 4%,transparent)}.worker-file-tree-sandbox .sandbox-tree__row--folder .sandbox-tree__name,[data-dnd-overlay=true] .sandbox-tree__row--folder .sandbox-tree__name{color:color-mix(in srgb,#0f766e 82%,var(--sl-color-text))}.worker-file-tree-sandbox .sandbox-tree__row-main,[data-dnd-overlay=true] .sandbox-tree__row-main{display:flex;align-items:center;gap:.6rem;margin:0;min-width:0}.worker-file-tree-sandbox .sandbox-tree__toggle,.worker-file-tree-sandbox .sandbox-tree__action,.worker-file-tree-sandbox .sandbox-tree__handle,.worker-file-tree-sandbox .sandbox-tree__toolbar-action,[data-dnd-overlay=true] .sandbox-tree__handle{margin:0;border:0;border-radius:.55rem;background:transparent;color:var(--sl-color-text);font:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease,opacity .14s ease;flex:none}.worker-file-tree-sandbox .sandbox-tree__toggle,.worker-file-tree-sandbox .sandbox-tree__handle,[data-dnd-overlay=true] .sandbox-tree__handle,.worker-file-tree-sandbox .sandbox-tree__action,.worker-file-tree-sandbox .sandbox-tree__toolbar-action{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;padding:0}.worker-file-tree-sandbox .sandbox-tree__toggle:hover,.worker-file-tree-sandbox .sandbox-tree__toggle:focus-visible,.worker-file-tree-sandbox .sandbox-tree__action:hover,.worker-file-tree-sandbox .sandbox-tree__action:focus-visible,.worker-file-tree-sandbox .sandbox-tree__handle:hover,.worker-file-tree-sandbox .sandbox-tree__handle:focus-visible,.worker-file-tree-sandbox .sandbox-tree__toolbar-action:hover,.worker-file-tree-sandbox .sandbox-tree__toolbar-action:focus-visible,[data-dnd-overlay=true] .sandbox-tree__handle{background:color-mix(in srgb,var(--sl-color-accent-high) 8%,transparent);color:var(--sl-color-text-accent)}.worker-file-tree-sandbox .sandbox-tree__handle,[data-dnd-overlay=true] .sandbox-tree__handle{cursor:grab}.worker-file-tree-sandbox .sandbox-tree__grip,[data-dnd-overlay=true] .sandbox-tree__grip{display:block;width:.72rem;height:1.08rem;color:color-mix(in srgb,var(--sl-color-gray-3) 88%,var(--sl-color-text))}.worker-file-tree-sandbox .sandbox-tree__node-icon,[data-dnd-overlay=true] .sandbox-tree__node-icon{flex:none;width:1rem;height:1rem;margin:0;color:color-mix(in srgb,var(--sl-color-gray-2) 85%,var(--sl-color-text))}.worker-file-tree-sandbox .sandbox-tree__meta,[data-dnd-overlay=true] .sandbox-tree__meta{display:grid;margin:0;min-width:0}.worker-file-tree-sandbox .sandbox-tree__name,[data-dnd-overlay=true] .sandbox-tree__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.worker-file-tree-sandbox .sandbox-tree__input{width:min(100%,22rem);min-width:0;margin:0;padding:.36rem .55rem;border:1px solid color-mix(in srgb,var(--sl-color-accent-high) 28%,var(--worker-sandbox-border));border-radius:.7rem;background:color-mix(in srgb,var(--sl-color-white) 8%,transparent);color:var(--sl-color-text);font:inherit}.worker-file-tree-sandbox .sandbox-tree__row-actions,[data-dnd-overlay=true] .sandbox-tree__row-actions{display:flex;align-items:center;justify-self:end;flex-wrap:nowrap;gap:.12rem;margin:0;min-width:0;white-space:nowrap}.worker-file-tree-sandbox .sandbox-tree__action--danger{color:color-mix(in srgb,#ef4444 78%,var(--sl-color-text))}.worker-file-tree-sandbox .sandbox-tree__action-icon{width:.98rem;height:.98rem;margin:0}.worker-file-tree-sandbox [data-dnd-dragging=true]{visibility:hidden;opacity:0;pointer-events:none}.worker-file-tree-sandbox [data-dnd-drop-forbidden=true]{opacity:.55;filter:grayscale(.22)}[data-dnd-overlay=true]{--worker-sandbox-border: color-mix(in srgb, var(--sl-color-hairline-light) 78%, transparent);position:fixed;top:0;left:0;z-index:9999;width:var(--dnd-overlay-width);pointer-events:none;transform:translate3d(-9999px,-9999px,0);will-change:transform;color:var(--sl-color-text);font:inherit}[data-dnd-overlay=true] .sandbox-tree__row{position:relative;grid-template-columns:auto minmax(0,1fr);width:fit-content;min-width:0;max-width:min(36rem,calc(100vw - 2rem));border:1px solid color-mix(in srgb,var(--sl-color-accent-high) 40%,var(--worker-sandbox-border));border-radius:.75rem;background:linear-gradient(180deg,color-mix(in srgb,var(--sl-color-white) 72%,transparent),color-mix(in srgb,var(--sl-color-bg) 98%,var(--sl-color-white))),color-mix(in srgb,var(--sl-color-accent-low) 18%,var(--sl-color-bg));box-shadow:0 1.1rem 2.4rem -1rem color-mix(in srgb,var(--sl-color-black) 38%,transparent),0 0 0 1px color-mix(in srgb,var(--sl-color-white) 52%,transparent) inset;opacity:1}[data-dnd-overlay=true] .sandbox-tree__children{display:none}[data-dnd-overlay=true] .sandbox-tree__row:after{content:var(--worker-dragging-label);position:absolute;top:-.55rem;right:.55rem;display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--sl-color-accent-high) 18%,var(--sl-color-bg));border:1px solid color-mix(in srgb,var(--sl-color-accent-high) 36%,var(--worker-sandbox-border));color:var(--sl-color-text-accent);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}[data-dnd-overlay=true] .sandbox-tree__toggle,[data-dnd-overlay=true] .sandbox-tree__action,[data-dnd-overlay=true] .sandbox-tree__toolbar-action{pointer-events:none}[data-dnd-overlay=true] .sandbox-tree__row-main{min-width:0}[data-dnd-overlay=true] .sandbox-tree__grip,[data-dnd-overlay=true] .sandbox-tree__node-icon,[data-dnd-overlay=true] .sandbox-tree__action-icon,[data-dnd-overlay=true] .sandbox-tree__name{opacity:1;visibility:visible}[data-dnd-overlay=true] .sandbox-tree__grip,[data-dnd-overlay=true] .sandbox-tree__node-icon,[data-dnd-overlay=true] .sandbox-tree__name{color:var(--sl-color-text)}[data-dnd-overlay=true] .sandbox-tree__handle{cursor:grabbing}[data-dnd-overlay=true] .sandbox-tree__row-actions{display:none}.worker-file-tree-sandbox [data-dnd-placeholder=true]{display:grid;gap:0;margin:0}.worker-file-tree-sandbox [data-dnd-placeholder=true]>.sandbox-tree__row{border:1px dashed color-mix(in srgb,var(--sl-color-accent-high) 46%,var(--worker-sandbox-border));border-radius:.75rem;background:linear-gradient(180deg,color-mix(in srgb,var(--sl-color-accent-low) 18%,transparent),color-mix(in srgb,var(--sl-color-accent-high) 4%,transparent));box-shadow:none}.worker-file-tree-sandbox [data-dnd-placeholder=true]>.sandbox-tree__children{display:none}.worker-file-tree-sandbox [data-dnd-placeholder=true] .sandbox-tree__row-actions{display:none}.worker-file-tree-sandbox [data-dnd-placeholder=true]>*{opacity:.14}.worker-file-tree-sandbox [data-dnd-placeholder=true] .sandbox-tree__grip,.worker-file-tree-sandbox [data-dnd-placeholder=true] .sandbox-tree__node-icon,.worker-file-tree-sandbox [data-dnd-placeholder=true] .sandbox-tree__name{opacity:.28}@media(max-width:52rem){.worker-file-tree-sandbox .sandbox-tree__row-actions,[data-dnd-overlay=true] .sandbox-tree__row-actions{justify-self:end;padding-left:0}}
