.sandbox-engine-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem;position:relative}.sandbox-filters-wrap{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.sandbox-input-group{flex-direction:column;gap:.5rem;display:flex}.sandbox-label-row{justify-content:space-between;align-items:center;display:flex}.sandbox-filter-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.sandbox-char-counter{font-family:var(--font-mono);color:#17cf73;background:hsl(var(--bg-surface-2));border:1px solid var(--border-subtle);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.sandbox-char-counter.warning{color:#ef4444;border-color:#ef4444}.sandbox-input-wrapper{align-items:center;display:flex;position:relative}.sandbox-seed-input{background:hsl(var(--bg-surface-2));border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-main);outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.sandbox-seed-input:focus{border-color:#1dc973;box-shadow:0 0 0 3px #1dc97326}.sandbox-validation-badge{border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .6rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.sandbox-validation-badge.valid{color:#47eb99;background:#17cf731f;border:1px solid #17cf734d}.sandbox-validation-badge.invalid{color:#f07575;background:#e61a1a1f;border:1px solid #e61a1a4d}.sandbox-chips-row{flex-wrap:wrap;gap:.5rem;display:flex}.sandbox-platform-chip,.sandbox-style-chip{background:hsl(var(--bg-surface-2));border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s}.sandbox-platform-chip:hover,.sandbox-style-chip:hover{background:hsl(var(--bg-surface-3));color:var(--text-main);border-color:hsl(var(--border-strong))}.sandbox-platform-chip.active{color:#5af2a6;background:#1dc97326;border-color:#1ae680}.sandbox-style-chip.active{color:#71c8f4;background:#209fdf26;border-color:#30abe8}.btn-generate-sandbox{color:#fff;width:100%;font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#1ab366,#1791cf);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #1ab36659}.btn-generate-sandbox:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1ab36673}.btn-generate-sandbox:active{transform:translateY(0)}.sandbox-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.sandbox-result-card{background:hsl(var(--bg-surface-2));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:border-color .15s,background .15s;display:flex}.sandbox-result-card:hover{background:hsl(var(--bg-surface-3));border-color:#1dc97366}.sandbox-card-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.sandbox-name-text{font-family:var(--font-mono);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.sandbox-meta-row{align-items:center;gap:.5rem;display:flex}.sandbox-tag-pill{color:#47eb99;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.sandbox-len-pill{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.sandbox-card-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.btn-action-sandbox{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-action-sandbox:hover{background:hsl(var(--bg-surface-1));color:var(--text-main);border-color:#1dc973}.sandbox-toast{color:#fff;opacity:0;pointer-events:none;z-index:20;background:#131720;border:1px solid #17cf7380;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #0006}.sandbox-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=640px){.sandbox-engine-card{padding:1rem}.sandbox-chips-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.sandbox-cards-grid{grid-template-columns:1fr}}