:root{color-scheme:light;--bg: #fff2f7;--bg-soft: #fbe6ef;--panel: rgba(255, 248, 252, .88);--panel-strong: #fff8fc;--ink: #2e1c24;--muted: #765864;--accent: #f4b7cf;--accent-strong: #de789e;--accent-blue: #e6c9f8;--accent-gold: #ffd2df;--success: #47a36c;--danger: #cc667b;--border: rgba(149, 109, 127, .24);--shadow: 0 18px 40px rgba(84, 53, 66, .15);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-sans: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-display: "Fraunces", "Times New Roman", serif;--font-mono: "IBM Plex Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-10%;right:0;bottom:0;left:0;background:radial-gradient(600px 420px at 10% 5%,rgba(244,183,207,.5),transparent),radial-gradient(700px 440px at 90% 0%,rgba(230,201,248,.42),transparent),radial-gradient(700px 480px at 50% 95%,rgba(255,210,223,.38),transparent);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 2px,transparent 2px,transparent 6px);opacity:.28;z-index:-1;pointer-events:none}button,input,select{font:inherit}h1,h2,h3,strong{color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em}p{color:var(--muted)}.app-shell{display:grid;grid-template-columns:21rem minmax(0,1fr);gap:1.5rem;width:min(1320px,94vw);margin:0 auto;padding:24px 0 28px;min-height:100vh}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card,.panel,.sidebar,.hero,.modal-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.auth-card{width:min(64rem,calc(100vw - 3rem));min-height:min(34rem,calc(100vh - 4rem));border-radius:var(--radius-xl);padding:clamp(28px,5vw,56px);display:grid;align-content:center;gap:.75rem}.auth-card h1{margin:0;max-width:12ch;font-size:clamp(44px,8vw,88px);line-height:.98}.auth-card p{max-width:34rem}.sidebar{position:sticky;top:24px;align-self:start;border-radius:var(--radius-xl);padding:22px}.content{padding:8px 0 0}.profile,.hero,.action-header,.checkbox-row,.launch-footer,.modal-header,.modal-toolbar,.modal-actions{display:flex;align-items:center;gap:1rem}.profile{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.profile img,.avatar-fallback{width:3.25rem;height:3.25rem;border-radius:999px;background:conic-gradient(from 120deg,var(--accent),var(--accent-blue),var(--accent-gold),var(--accent));display:grid;place-items:center;color:var(--ink);font-weight:700;box-shadow:0 0 14px #f4b7cfbf}.eyebrow{margin:0 0 6px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.stack,.client-list,.action-stack,.modal-stack,.event-feed{display:grid;gap:.9rem}.client-list{margin-top:1.1rem}.client-row,.cta,.secondary{border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.client-row:hover,.cta:hover,.secondary:hover{transform:translateY(-1px);box-shadow:0 16px 30px #5435421f}.client-row{padding:.95rem 1.1rem;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#ffffffa8;border-radius:var(--radius-md)}.client-meta{display:flex;align-items:center;gap:.7rem;min-width:0}.client-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:.72rem;height:.72rem;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 4px #ffffff8c}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}.client-state{color:var(--muted);font-size:.85rem}.client-state.active{color:var(--accent-strong);font-weight:600}.client-row strong,.hero h2,.panel h3,.action-card strong,.modal-card h3{margin:0}.muted{color:var(--muted)}.client-row.selected{background:linear-gradient(135deg,#ffd7e7e6,#f4b7cf85);border-color:#956d7f66}.cta,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;white-space:nowrap}.cta{background:linear-gradient(135deg,#ffd7e7,var(--accent));color:var(--ink);font-weight:600}.secondary{background:#ffffffad}.cta:disabled,.secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.pairing-code{font-size:2rem;font-weight:700;letter-spacing:.18em;padding:1rem;text-align:center;color:var(--ink);background:#ffffffb3;border:1px dashed rgba(149,109,127,.4);border-radius:var(--radius-md)}.hero{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;border-radius:var(--radius-xl);padding:24px 26px}.hero h2{font-size:clamp(30px,4vw,42px)}.hero p{margin:0}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel{border-radius:var(--radius-lg);padding:1.15rem;min-height:20rem}.panel h3{margin:0 0 8px;font-size:1.55rem}.launch-card{display:grid;gap:1rem;align-content:start}.launch-preview{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffb3;min-height:11rem;padding:1rem}.live-preview{background:radial-gradient(circle at top left,rgba(244,183,207,.18),transparent 40%),linear-gradient(160deg,#2b1d23,#1d1617)}.action-preview,.event-preview{display:grid;gap:.65rem;color:var(--muted)}.action-preview span,.event-preview span{display:block;border-radius:var(--radius-sm);background:#ffffffc7;border:1px solid var(--border);padding:.7rem .85rem;color:var(--ink);font-family:var(--font-mono);font-size:.82rem}.launch-footer,.modal-toolbar,.modal-header{justify-content:space-between}.video-pane{width:100%;aspect-ratio:16 / 9;background:radial-gradient(circle at top left,rgba(244,183,207,.18),transparent 40%),linear-gradient(160deg,#2b1d23,#1d1617);border-radius:var(--radius-md);border:1px solid var(--border)}.live-image{object-fit:contain;background:#1d1617}.live-placeholder{display:grid;place-items:center;color:#ffffffc7;font-family:var(--font-mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e1c2452;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:2rem;z-index:20}.modal-card{width:min(980px,100%);max-height:calc(100vh - 4rem);border-radius:var(--radius-xl);padding:1.4rem;display:grid;gap:1rem}.modal-content{min-height:0;overflow:auto}.modal-video{min-height:24rem}.action-card{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff94}.action-header{justify-content:space-between;align-items:flex-start}.action-header p{margin:4px 0 0}.action-card label{display:grid;gap:.35rem;margin-top:.75rem}.action-card span{color:var(--ink)}.action-card input,.action-card select{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffffe6;color:var(--ink);padding:.75rem}.checkbox-row{justify-content:flex-start}.checkbox-row input{width:auto}.event-feed pre{margin:0;white-space:pre-wrap;font-family:var(--font-mono);font-size:.82rem;color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;background:#ffffffb8}.empty-state{display:grid;place-items:center;min-height:70vh;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-xl);background:#fff8fcc7;color:var(--muted);box-shadow:var(--shadow);padding:2rem}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.workspace-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell,.auth-card{width:min(96vw,96vw)}.app-shell{padding-top:12px}.auth-card,.hero,.sidebar,.panel,.modal-card{padding:18px}.hero{flex-direction:column}.hero-actions,.modal-toolbar,.modal-header,.modal-actions{width:100%;flex-direction:column;align-items:stretch}.hero-actions .cta,.hero-actions .secondary,.sidebar .cta,.sidebar .secondary,.modal-toolbar .cta,.modal-toolbar .secondary,.modal-header .secondary,.modal-actions .cta,.modal-actions .secondary{width:100%}.pairing-code{font-size:1.5rem}.modal-backdrop{padding:1rem}.modal-video{min-height:16rem}}