.sandbox-home{width:100%;max-width:1120px;color:var(--theme-ink,#18181b);font-family:Inter,system-ui,sans-serif;animation:.25s sandbox-home-enter}.sandbox-home__header{justify-content:space-between;align-items:center;gap:20px;padding:4px 0 18px;display:flex}.sandbox-home__header h1{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:600;line-height:1}.sandbox-home__header p{color:var(--theme-muted,#71717a);margin:7px 0 0;font-size:12.5px;font-weight:400;line-height:normal}.sandbox-home__primary{background:var(--theme-control,#18181b);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font:500 12.5px Inter,system-ui,sans-serif;transition:transform .12s;display:inline-flex}.sandbox-home__primary svg{stroke-width:2px;width:11px;height:11px}.sandbox-home__primary:active{transform:scale(.97)}.sandbox-home__grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px;display:grid}.sandbox-home__card{background:var(--theme-surface,#fff);border:1px solid var(--theme-line,#e4e4e7);border-radius:12px;min-width:0;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b0d}.sandbox-home__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #18181b17}.sandbox-home__card>a{color:inherit;text-decoration:none;display:block}.sandbox-home__preview{background:var(--theme-canvas,#fafafa) radial-gradient(var(--theme-surface-muted,#e4e4e7) 1px,transparent 1px);border-bottom:1px solid var(--theme-line,#f1f1f3);background-size:14px 14px;height:118px;position:relative}.sandbox-home__preview>span{background:linear-gradient(140deg,#243244,#101722);border-radius:6px;width:52px;height:70px;position:absolute;top:18px;left:16px;transform:rotate(-4deg);box-shadow:0 6px 14px #18181b2e}.sandbox-home__preview>span:nth-child(2){background:linear-gradient(140deg,#3a2436,#1a0f18);top:24px;left:58px;transform:rotate(2deg)}.sandbox-home__preview>span:nth-child(3){background:linear-gradient(140deg,#22352a,#0f1912);top:16px;left:100px;transform:rotate(7deg)}.sandbox-home__preview em{background:var(--theme-surface,#fff);border:1px solid var(--theme-line,#e4e4e7);color:var(--theme-secondary,#52525b);border-radius:6px;padding:4px 8px;font:500 9px Inter,system-ui,sans-serif;position:absolute;bottom:12px;right:14px}.sandbox-home__card-copy{padding:12px 44px 13px 14px}.sandbox-home__card h2{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;line-height:normal;overflow:hidden}.sandbox-home__card p{color:var(--theme-muted,#71717a);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:10.5px;font-weight:400;line-height:normal;overflow:hidden}.sandbox-home__archive{width:30px;height:30px;color:var(--theme-muted,#71717a);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:10px;right:7px}.sandbox-home__archive:hover{background:var(--theme-surface-muted,#f4f4f5);color:var(--theme-ink,#18181b)}.sandbox-home__archive svg{width:14px;height:14px}.sandbox-home__new-tile{border:1.5px dashed var(--theme-line,#d4d4d8);cursor:pointer;min-height:178px;color:var(--theme-muted,#71717a);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font:500 12px Inter,system-ui,sans-serif;display:flex}.sandbox-home__new-tile svg{width:16px;height:16px}.sandbox-home__new-tile:hover{border-color:var(--accent);color:var(--accent)}.sandbox-home__archived{margin-top:28px}.sandbox-home__archived>h2{margin:0 0 12px;font-size:13px;font-weight:600}.sandbox-home__picker{border:1px solid var(--theme-line,#e4e4e7);background:var(--theme-surface,#fff);border-radius:10px;margin:0 0 16px;padding:14px}.sandbox-home__picker h2{margin:0;font-size:15px}.sandbox-home__picker p{color:var(--theme-muted,#71717a);margin:6px 0 0;font-size:12px}.sandbox-home>[role]{margin:0 0 14px}.sandbox-home__load-more{border:1px solid var(--theme-line,#e4e4e7);background:var(--theme-surface,#fff);cursor:pointer;border-radius:8px;margin:20px auto 0;padding:9px 16px;font-size:12px;display:block}.sandbox-name-dialog{background:var(--theme-surface,#fff);width:400px;max-width:92vw;max-height:92dvh;color:var(--theme-ink,#18181b);border:0;border-radius:12px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 60px #09090b47}.sandbox-name-dialog[open]{animation:.15s sandbox-home-enter}.sandbox-name-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090b80}.sandbox-name-dialog__body{padding:18px 20px 0}.sandbox-name-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sandbox-name-dialog h2{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600;line-height:normal}.sandbox-name-dialog header button{cursor:pointer;width:26px;height:26px;color:var(--theme-muted,#71717a);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.sandbox-name-dialog header button svg{width:12px;height:12px}.sandbox-name-dialog header button:hover{background:var(--theme-surface-muted,#f4f4f5);color:var(--theme-ink,#18181b)}.sandbox-name-dialog input{border:1px solid var(--theme-line,#e4e4e7);background:0 0;border-radius:8px;width:100%;min-width:0;margin-top:14px;padding:10px 12px;font:500 13px Inter,system-ui,sans-serif;display:block;box-shadow:0 1px 2px #18181b0d}.sandbox-name-dialog footer{justify-content:flex-end;gap:8px;padding:16px 20px 18px;display:flex}.sandbox-name-dialog footer button:not(.sandbox-home__primary){border:1px solid var(--theme-line,#e4e4e7);color:var(--theme-ink,#18181b);cursor:pointer;background:var(--theme-surface,#fff);border-radius:8px;padding:9px 16px;font:500 12.5px Inter,system-ui,sans-serif;box-shadow:0 1px 2px #18181b0d}.sandbox-name-dialog footer button:not(.sandbox-home__primary):hover{background:var(--theme-surface-muted,#f4f4f5)}.sandbox-home button:disabled{cursor:default;opacity:.55}.sandbox-name-dialog .sandbox-home__primary:disabled{background:var(--theme-surface-muted,#e9e9eb);color:var(--theme-muted,#71717a);opacity:1}.sandbox-home :is(button,a,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sandbox-home__card>a:focus-visible{outline-offset:-3px;border-radius:11px}@keyframes sandbox-home-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.sandbox-home__header{flex-wrap:wrap;align-items:flex-start;gap:14px}}@media (pointer:coarse){.sandbox-home button{min-height:44px}.sandbox-home__archive{min-width:44px;bottom:4px;right:0}.sandbox-name-dialog header button{min-width:44px}}@media (prefers-reduced-motion:reduce){.sandbox-home,.sandbox-name-dialog[open]{animation:none}.sandbox-home__card,.sandbox-home__primary{transition:none}.sandbox-home__card:hover,.sandbox-home__primary:active{transform:none}}