.interactive-mock.svelte-1k7l6hj{perspective:800px;cursor:default;width:82%;max-width:300px}.mock-window.svelte-1k7l6hj{background:var(--color-bg-1);border:1px solid var(--color-line-2);transform-style:preserve-3d;will-change:transform;border-radius:8px;transition:border-color .32s;overflow:hidden;box-shadow:0 16px 48px #0006}.media-card:hover .mock-window.svelte-1k7l6hj{border-color:color-mix(in srgb, var(--mock-accent) 35%, var(--color-line-2))}.mock-window.wide.svelte-1k7l6hj{min-height:128px;display:flex}.mock-toolbar.svelte-1k7l6hj{background:var(--color-bg-3);border-bottom:1px solid var(--color-line-2);align-items:center;gap:6px;padding:8px 10px;display:flex}.mock-dot.svelte-1k7l6hj{background:var(--color-line-3);border-radius:50%;width:7px;height:7px}.mock-toolbar-title.svelte-1k7l6hj{color:var(--color-fg-4);font-size:9px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-left:8px}.mock-body.svelte-1k7l6hj{padding:12px}.schedule.svelte-1k7l6hj{gap:8px;display:flex}.sched-col.svelte-1k7l6hj{flex-direction:column;flex:1;gap:6px;display:flex}.sched-day.svelte-1k7l6hj{color:var(--color-fg-4);font-size:8px;font-family:var(--font-mono);text-align:center}.sched-cell.svelte-1k7l6hj{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:3px;height:18px;transition:background .32s,border-color .32s}.sched-cell.filled.svelte-1k7l6hj{background:color-mix(in srgb, var(--mock-accent) 25%, var(--color-bg-3));border-color:color-mix(in srgb, var(--mock-accent) 40%, transparent)}.mock-sidebar.svelte-1k7l6hj{border-right:1px solid var(--color-line-2);flex-direction:column;gap:6px;width:28%;padding:10px 8px;display:flex}.mock-nav.svelte-1k7l6hj{background:var(--color-bg-3);border-radius:2px;height:8px;transition:background .32s}.mock-nav.active.svelte-1k7l6hj{background:color-mix(in srgb, var(--mock-accent) 35%, var(--color-bg-3))}.mock-main.svelte-1k7l6hj{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.mock-row.svelte-1k7l6hj{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:2px;height:10px}.mock-row.header.svelte-1k7l6hj{background:color-mix(in srgb, var(--mock-accent) 20%, var(--color-bg-3));width:55%;height:14px}.mock-row.short.svelte-1k7l6hj{width:70%}.list.svelte-1k7l6hj{flex-direction:column;gap:8px;display:flex}.list-row.svelte-1k7l6hj{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:4px;justify-content:space-between;align-items:center;padding:8px;transition:border-color .32s;display:flex}.media-card:hover .list-row.svelte-1k7l6hj{border-color:color-mix(in srgb, var(--mock-accent) 30%, transparent)}.list-label.svelte-1k7l6hj{color:var(--color-fg-3);font-size:9px;font-family:var(--font-mono)}.list-pill.svelte-1k7l6hj{background:color-mix(in srgb, var(--mock-accent) 25%, transparent);color:var(--mock-accent);font-size:8px;font-family:var(--font-mono);border-radius:3px;padding:2px 6px}.media-card.svelte-1a730up{border:1px solid var(--color-line-2);border-radius:var(--radius-lg);transition:border-color .28s var(--ease-out), transform .28s var(--ease-out), box-shadow .28s var(--ease-out);background:linear-gradient(#ffffff08 0%,#ffffff03 100%);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.media-card.svelte-1a730up:hover{box-shadow:var(--shadow-card-hover);border-color:#7170ff33;transform:translateY(-3px)}.media-preview.svelte-1a730up{border-bottom:1px solid var(--color-line-2);justify-content:center;align-items:center;height:240px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.media-grid.svelte-1a730up{pointer-events:none;will-change:transform;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.media-body.svelte-1a730up{flex-direction:column;flex:1;gap:14px;padding:28px;display:flex}.client.svelte-1a730up{color:var(--color-fg-3);font-size:12px;font-weight:500}.client.svelte-1a730up .dot:where(.svelte-1a730up){color:var(--color-brand-500)}.tags.svelte-1a730up{flex-wrap:wrap;gap:6px;display:flex}