/* captured 2026-10-27 from the sandbox Eden Hub; scoped under .sx-hub. Re-capture, never hand-edit. */
.sx-hub{--eden-t-30:30px;--eden-space-4:4px;--dim:rgba(247,248,248,.50);--eden-space-32:32px;--eden-t-15:15px;--eden-t-11:11px;--faint:rgba(247,248,248,.50);--eden-space-12:12px;--eden-space-10:10px;--eden-space-14:14px;--eden-t-20:20px;--ink:#F7F8F8;--eden-black:#121214;--eden-r-pill:999px;--eden-space-8:8px;--eden-space-16:16px;--eden-t-13:13px;--ease:cubic-bezier(0.22, 0.61, 0.36, 1);--line:rgba(247,248,248,.08);--eden-t-12:12px;--eden-space-20:20px;--eden-space-40:40px;--eden-h-tool:36px;--eden-ink-3:rgba(247,248,248,.50);--eden-space-2:2px;--eden-ink-2:rgba(247,248,248,.65);--eden-ink:#F7F8F8;--iris:conic-gradient(from 0deg,
    rgba(158,231,255,.42), rgba(201,183,255,.42), rgba(246,199,231,.38),
    rgba(255,244,194,.34), rgba(158,231,255,.42));--eden-t-14:14px;--surface:#0F1011;--eden-r-10:10px;--eden-line-2:rgba(247,248,248,.14);--eden-t-16:16px;--eden-r-14:14px;--eden-r-6:6px;--eden-fill-press:rgba(247,248,248,.02);--eden-surface-2:#16181B;--eden-space-24:24px;--eden-space-48:48px;--quiet:rgba(247,248,248,.44);--eden-line-strong:rgba(247,248,248,.22);--warn:#D9B27C;--surface-2:#16181B;--bg:#121214;--eden-space-6:6px;--eden-fill-hover:rgba(247,248,248,.045);--eden-space-56:56px;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248);font-size:15px;line-height:23.25px}
.sx-hub *{box-sizing:border-box}
@keyframes eden-flow { 
  100% { --sheen: 360deg; }
}
@keyframes eden-slide { 
  100% { background-position-x: -200%; }
}
@keyframes flow { 
  100% { --sheen: 360deg; }
}
@keyframes slide { 
  100% { background-position-x: -200%; }
}
.sx-hub *{box-sizing: border-box;}
@keyframes shell { 
  100% { opacity: 1; }
}
@keyframes breathe { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}
.sx-hub h1{font-size: var(--eden-t-30); font-weight: 400; letter-spacing: -0.015em; margin: 0 0 var(--eden-space-4); line-height: 1.25;}
.sx-hub .sub{color: var(--dim); margin: 0 0 var(--eden-space-32); font-size: var(--eden-t-15); min-height: 24px;}
.sx-hub h2{font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--faint); margin: 0 0 var(--eden-space-12);}
.sx-hub h2.with-mark{display: flex; align-items: center; gap: var(--eden-space-10); margin: 0 0 var(--eden-space-14); font-size: var(--eden-t-20); font-weight: 400; letter-spacing: -0.005em; text-transform: none; color: var(--ink);}
.sx-hub h2.with-mark .ic{opacity: 0.8; color: var(--dim);}
.sx-hub .subnav .btn-white{margin-left: auto; align-self: center; background: var(--ink); color: var(--eden-black); border: 0px; border-radius: var(--eden-r-pill); padding: var(--eden-space-8) var(--eden-space-16); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); font-weight: 500; cursor: pointer; transition: opacity 160ms var(--ease);}
.sx-hub .subnav .btn-white:hover{opacity: 0.86;}
.sx-hub [data-sx-id="view"] .subnav .btn-white{margin-top: 0px;}
.sx-hub .av{position: relative;}
@keyframes livepulse { 
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2.4); opacity: 0; }
}
.sx-hub [data-sx-id="view"] .btn-white{display: inline-block; margin-top: var(--eden-space-14); background: var(--ink); color: var(--eden-black); border: 0px; border-radius: var(--eden-r-pill); padding: var(--eden-space-8) var(--eden-space-16); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); font-weight: 500; cursor: pointer; text-decoration: none;}
.sx-hub [data-sx-id="view"] .btn-white:hover{opacity: 0.86;}
.sx-hub .row{position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: var(--eden-space-12); padding: var(--eden-space-8) 0; border-bottom: 1px solid var(--line); cursor: pointer; transition: padding-left 160ms var(--ease);}
.sx-hub .row:hover{padding-left: var(--eden-space-4);}
.sx-hub .row::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; opacity: 0; transition: opacity 200ms var(--ease);}
.sx-hub .row:not(.static):hover::after{opacity: 1; animation: 2.4s linear 0s infinite normal none running slide;}
.sx-hub .meta{font-size: var(--eden-t-12); color: var(--faint); white-space: nowrap; font-variant-numeric: tabular-nums;}
.sx-hub .text-btn{background: none; border: 0px; padding: 0px; font-family: inherit; cursor: pointer;}
@keyframes pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 0.95; }
}
@keyframes settle { 
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes travel { 
  0% { left: -26%; opacity: 0; }
  8% { opacity: 0.95; }
  82% { opacity: 0.95; }
  100% { left: 100%; opacity: 0; }
}
.sx-hub .subnav{display: flex; gap: var(--eden-space-16); margin: calc(var(--eden-space-20) * -1) 0 var(--eden-space-40); flex-wrap: wrap; align-items: center; min-height: var(--eden-h-tool);}
.sx-hub .subnav a{position: relative; font-size: var(--eden-t-13); color: var(--eden-ink-3); text-decoration: none; padding: var(--eden-space-2) 0; cursor: pointer; transition: color 180ms var(--ease);}
.sx-hub .subnav a::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; opacity: 0; transition: opacity 200ms var(--ease);}
.sx-hub .subnav a:hover{color: var(--eden-ink-2);}
.sx-hub .subnav a:hover::after{opacity: 1; animation: 2.6s linear 0s infinite normal none running slide;}
.sx-hub .subnav a.on{color: var(--eden-ink);}
.sx-hub .subnav a.on::after{opacity: 1; animation: 6s linear 0s infinite normal none running slide;}
.sx-hub .av{width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.03em; line-height: 1; text-indent: 0.03em; color: var(--dim); background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border: 1px solid var(--line); background-size: cover; background-position: center center; position: relative; user-select: none;}
.sx-hub .av.lg{width: 30px; height: 30px; font-size: var(--eden-t-11);}
.sx-hub .av.me::after{content: ""; position: absolute; inset: -2px; border-radius: 50%; padding: 1px; background: var(--iris-quiet, var(--iris)); mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude;}
.sx-hub .person{display: flex; align-items: center; gap: var(--eden-space-10);}
.sx-hub .person .nm{font-size: var(--eden-t-14); color: var(--dim);}
.sx-hub .person .rl{font-size: var(--eden-t-12); color: var(--faint); margin-top: 1px;}
@keyframes drift { 
  100% { margin-left: 4%; }
}
.sx-hub .ic{display: block; color: var(--faint); opacity: 0.75; transition: opacity 200ms var(--ease), color 200ms var(--ease);}
.sx-hub .ic svg{display: block;}
@keyframes dashflow { 
  100% { stroke-dashoffset: -280; }
}
.sx-hub .cap{color: var(--faint); font-size: var(--eden-t-12); margin-top: var(--eden-space-14);}
.sx-hub a{cursor: none !important;}
.sx-hub button{cursor: none !important;}
@keyframes eden-turn { 
  100% { rotate: 1turn; }
}
@keyframes eden-foil { 
  100% { background-position: 300% 300%; }
}
@keyframes eden-doodle { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
  18% { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
  30% { transform: translate(-50%, -50%) scale(1); }
  75% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -120%) scale(0.9); }
}
@keyframes sweepLife { 
  0% { opacity: 0; }
  12% { opacity: 1; }
  82% { opacity: 1; }
  100% { opacity: 0; }
}
.sx-hub .action{position: relative; appearance: none; text-align: left; cursor: pointer; background: var(--surface); border: 1px solid var(--line); border-radius: var(--eden-r-10); color: var(--ink); padding: var(--eden-space-14) var(--eden-space-16); font: inherit; transition: background 160ms var(--ease), transform 160ms var(--ease); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;}
.sx-hub .action:disabled{cursor: default; opacity: 0.34;}
.sx-hub .ring::before{content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--iris); opacity: 0; pointer-events: none; mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude; transition: opacity 220ms var(--ease);}
.sx-hub .action.ring::before{border-radius: 11px;}
.sx-hub .ring:focus-visible::before{opacity: 1; animation: 3.4s linear 0s infinite normal none running flow; filter: brightness(1.45) saturate(1.25);}
.sx-hub .action:focus-visible{outline: none;}
.sx-hub .enter{opacity: 0; transform: translateY(9px); filter: blur(4px); animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--i, 0) * 90ms);}
.sx-hub .field{position: relative; display: flex; align-items: center; gap: var(--eden-space-12); border-bottom: 1px solid var(--line); padding: var(--eden-space-10) 0 var(--eden-space-12); transition: border-color 200ms var(--ease);}
.sx-hub .field:hover{border-bottom-color: var(--eden-line-2);}
.sx-hub .field::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; opacity: 0; transition: opacity 220ms var(--ease);}
.sx-hub .field:focus-within::after{opacity: 1; animation: 3.4s linear 0s infinite normal none running slide;}
.sx-hub .field input{flex: 1 1 0%; background: none; border: 0px; outline: none; color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-16); font-weight: 300; padding: 0px; appearance: none; border-radius: 0px; min-width: 0px;}
.sx-hub .field select{flex: 1 1 0%; background: none; border: 0px; outline: none; color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-16); font-weight: 300; padding: 0px; appearance: none; border-radius: 0px; min-width: 0px;}
.sx-hub .field input::placeholder{color: var(--eden-ink-3);}
.sx-hub input:not([type="checkbox"]):not([type="submit"]):not([type="button"]){cursor: text !important;}
.sx-hub .row.static{cursor: default;}
.sx-hub .row.static:hover{padding-left: 0px;}
.sx-hub .access-member{border-bottom: 1px solid var(--line);}
.sx-hub .access-member > .row{border-bottom: 0px;}
.sx-hub .access-member > .row::after{display: none;}
.sx-hub .access-manage{appearance: none; border: 0px; width: 30px; height: 30px; padding: 0px; flex: 0 0 auto; color: var(--faint); background: none; cursor: pointer;}
.sx-hub .access-manage::after{content: ""; display: block; width: 7px; height: 7px; margin: var(--eden-space-8) auto 0; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); transform-origin: center center; transition: transform 180ms var(--ease), color 180ms var(--ease);}
.sx-hub .access-manage[aria-expanded="true"]::after{transform: rotate(225deg); margin-top: var(--eden-space-12);}
.sx-hub .access-manage:hover{color: var(--ink);}
.sx-hub .access-manage[aria-expanded="true"]{color: var(--ink);}
.sx-hub .access-editor{display: none; padding: var(--eden-space-8) 0 var(--eden-space-24) var(--eden-space-40);}
.sx-hub .access-editor.open{display: block;}
.sx-hub .access-editor-head{display: flex; align-items: center; justify-content: space-between; gap: var(--eden-space-16); margin-bottom: var(--eden-space-20);}
.sx-hub .access-editor-head p{margin: 0px; color: var(--dim); font-size: var(--eden-t-13);}
.sx-hub .access-editor-head span{color: var(--faint); font-size: var(--eden-t-11);}
.sx-hub .access-groups{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px var(--eden-space-48);}
.sx-hub .access-group h3{margin: 0 0 var(--eden-space-8); color: var(--faint); font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;}
.sx-hub .access-option{display: flex; align-items: center; justify-content: space-between; gap: var(--eden-space-12); min-height: 30px; color: var(--dim); font-size: var(--eden-t-13); cursor: pointer;}
.sx-hub .access-option input{position: absolute; opacity: 0; pointer-events: none;}
.sx-hub .access-switch{position: relative; width: 27px; height: 15px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: var(--eden-r-pill); background: var(--surface);}
.sx-hub .access-switch::after{position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--quiet); content: ""; transition: transform 160ms var(--ease), background 160ms var(--ease);}
.sx-hub .access-option input:checked + .access-switch::after{transform: translateX(12px); background: var(--ink);}
.sx-hub .access-option input:focus-visible + .access-switch{outline: 1px solid var(--ink); outline-offset: 3px;}
.sx-hub .access-option input:disabled + .access-switch{opacity: 0.45;}
.sx-hub .access-note{margin: var(--eden-space-32) 0 0; color: var(--dim); font-size: var(--eden-t-13);}
.sx-hub label{cursor: none !important;}
.sx-hub input[type="checkbox"]{cursor: none !important;}
.sx-hub .row:hover .name{color: var(--ink);}
.sx-hub .name{font-size: var(--eden-t-14); color: var(--dim); transition: color 160ms var(--ease);}
.sx-hub .row .name{font-size: var(--eden-t-16);}
.sx-hub .sub-name{display: block; font-size: var(--eden-t-12); color: var(--faint); margin-top: 1px;}
.sx-hub .file-link{text-decoration: none;}
.sx-hub .file-link:hover{text-decoration: underline;}
.sx-hub .ix-people-line{margin-top: var(--eden-space-48); display: flex; align-items: baseline; gap: var(--eden-space-4);}
.sx-hub .list-cta{margin-top: var(--eden-space-32) !important; margin-bottom: var(--eden-space-24);}
.sx-hub .ix-paths{margin-left: auto; flex: 0 0 auto; gap: var(--eden-space-20);}
.sx-hub .ix-paths > *{min-width: 64px; text-align: right; display: inline-flex; justify-content: flex-end; align-items: center;}
.sx-hub .ix-paths .text-btn{color: var(--dim);}
.sx-hub .ix-paths .text-btn:hover{color: var(--ink);}
.sx-hub .ix-acts{display: flex; flex-wrap: wrap; gap: var(--eden-space-8) var(--eden-space-16); align-items: center;}
.sx-hub .btn-line{background: none; border: 1px solid var(--line); border-radius: var(--eden-r-pill); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); padding: var(--eden-space-8) var(--eden-space-16); cursor: pointer;}
.sx-hub .btn-line:hover{border-color: var(--eden-line-strong); background: var(--surface);}
.sx-hub .toggle > div > span:first-child{font-size: var(--eden-t-16);}
.sx-hub .toggle{display: flex; justify-content: space-between; align-items: center; gap: var(--eden-space-14); padding: var(--eden-space-10) 0; border-bottom: 1px solid var(--line); font-size: var(--eden-t-14); color: var(--dim);}
.sx-hub .toggle .sub-name{margin-top: var(--eden-space-2);}
.sx-hub .sw{width: 30px; height: 17px; border-radius: var(--eden-r-pill); border: 1px solid var(--line); position: relative; flex: 0 0 auto; cursor: pointer; background: none;}
.sx-hub .sw i{position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: var(--quiet); transition: left 180ms var(--ease), background 180ms var(--ease);}
.sx-hub .ix-from-contacts{margin-top: var(--eden-space-16);}
.sx-hub .ix-invite{margin-top: var(--eden-space-32); margin-bottom: var(--eden-space-24); display: flex; align-items: center; gap: var(--eden-space-16); flex-wrap: wrap;}
.sx-hub .ix-invite .cap{margin: 0px;}
.sx-hub .ix-invite-btn{display: inline-flex; align-items: center; gap: var(--eden-space-8); height: 40px; padding: 0 var(--eden-space-18, 18px);}
.sx-hub [data-sx-id="view"] .ix-acts .btn-white{margin-top: 0px;}
.sx-hub .sw.on i{left: 15px; background: var(--ink);}
.sx-hub .sw.on::after{content: ""; position: absolute; inset: -1px; border-radius: var(--eden-r-pill); padding: 1px; background: var(--iris); mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude;}
.sx-hub .banner{position: relative; display: flex; align-items: center; gap: var(--eden-space-16); width: 100%; background: var(--surface); border: 1px solid var(--line); border-radius: var(--eden-r-10); color: var(--ink); padding: var(--eden-space-14) var(--eden-space-16); font: inherit; text-align: left; cursor: pointer; margin: 0 0 var(--eden-space-32); transition: background 160ms var(--ease), transform 160ms var(--ease);}
.sx-hub .banner:hover{background: var(--surface-2); transform: translateY(-1px);}
.sx-hub .banner.ring::before{border-radius: 11px;}
.sx-hub .banner .t{font-weight: 500; font-size: var(--eden-t-14);}
.sx-hub .banner .d{color: var(--dim); font-size: var(--eden-t-13);}
.sx-hub .banner .n{margin-left: auto; font-size: var(--eden-t-14); color: var(--faint); font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}
.sx-hub .banner:hover .n{color: var(--ink);}
.sx-hub .banner .ic{display: inline-flex; align-items: center; margin-right: var(--eden-space-10); vertical-align: -3px;}
.sx-hub .banner:hover .ic{opacity: 1;}
.sx-hub .ix-count{display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 6px; padding: 0px 5px; border-radius: 9px; background: var(--ink); color: var(--bg); font-size: var(--eden-t-11); font-variant-numeric: tabular-nums;}
.sx-hub .file-group-label{font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--faint); opacity: 0.68; margin: var(--eden-space-16) 0 var(--eden-space-6);}
.sx-hub .chips{display: flex; flex-wrap: wrap; gap: var(--eden-space-6); margin: var(--eden-space-14) 0 0;}
.sx-hub .chip{position: relative; color: var(--dim); background: none; border: 1px solid var(--line); border-radius: var(--eden-r-pill); padding: var(--eden-space-4) var(--eden-space-10); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-12); cursor: pointer;}
.sx-hub .chip.ring::before{border-radius: var(--eden-r-pill);}
.sx-hub .chip.on{color: var(--ink);}
.sx-hub .chip.on::before{opacity: 1;}
.sx-hub .ix-tag{display: inline-flex; align-items: center; gap: var(--eden-space-4); font-size: var(--eden-t-11); line-height: 1.6; color: var(--faint); border: 1px solid var(--line); border-radius: var(--eden-r-pill); padding: 0 var(--eden-space-8); white-space: nowrap;}
.sx-hub .ix-note{font-size: var(--eden-t-12); color: var(--faint); margin: 0px;}
.sx-hub .ix-ans{padding: var(--eden-space-20) 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: var(--eden-space-12);}
.sx-hub .ix-ans-h{display: flex; justify-content: space-between; gap: var(--eden-space-12); align-items: baseline; flex-wrap: wrap;}
.sx-hub .ix-ans-h .t{font-size: var(--eden-t-16);}
.sx-hub .ix-quotes{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--eden-space-10);}
.sx-hub .ix-quote{border: 1px solid var(--line); border-radius: var(--eden-r-10); padding: var(--eden-space-12) var(--eden-space-14); background: var(--surface); display: flex; flex-direction: column; gap: var(--eden-space-6); font-size: var(--eden-t-14);}
.sx-hub .ix-quote .by{font-size: var(--eden-t-12); color: var(--faint);}
.sx-hub .ix-quote .by b{color: var(--dim); font-weight: 500;}
.sx-hub .ix-summary{display: flex; flex-direction: column; gap: var(--eden-space-4); font-size: var(--eden-t-14); line-height: 1.55; color: var(--ink); max-width: 680px;}
.sx-hub .ix-summary p{margin: 0px;}
.sx-hub .ix-quiet{background: none; border: 1px solid var(--eden-line-strong); border-radius: var(--eden-r-pill); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); padding: var(--eden-space-4) var(--eden-space-14); cursor: pointer; transition: border-color 160ms var(--ease), background 160ms var(--ease);}
.sx-hub .ix-quiet:hover{border-color: var(--eden-ink-3); background: var(--eden-fill-hover);}
.sx-hub .ix-quiet:disabled{opacity: 0.5; cursor: default;}
.sx-hub .ix-side{top: 54px; padding-top: var(--eden-space-56);}
.sx-hub .ix-side h2{margin-bottom: var(--eden-space-14);}
.sx-hub .ix-person{display: flex; gap: var(--eden-space-12); align-items: flex-start; padding: var(--eden-space-10) var(--eden-space-8); margin: 0 calc(var(--eden-space-8) * -1); width: calc(100% + 16px); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); background: none; font: inherit; text-align: left; border-radius: var(--eden-r-10) var(--eden-r-10) 0 0;}
.sx-hub button.ix-person{cursor: pointer;}
.sx-hub button.ix-person:hover{background: var(--eden-fill-hover);}
.sx-hub .ix-quote{transition: opacity 160ms var(--ease);}
.sx-hub .ix-person svg{flex: 0 0 auto; margin-top: var(--eden-space-2);}
.sx-hub .ix-person .name{color: var(--ink);}
.sx-hub .ix-side{margin-top: var(--eden-space-56);}
.sx-hub .ix-side{position: fixed; top: 0px; right: 0px; bottom: 0px; width: 380px; margin: 0px; overflow-y: auto; padding: 96px 28px var(--eden-space-48); border-left: 1px solid var(--line); background: var(--bg); z-index: 5;}

/* captured 2026-10-27 from the sandbox client's intake page; scoped under .sx-ix. Re-capture, never hand-edit. */
.sx-ix{--eden-space-80:80px;--dim:rgba(247,248,248,.50);--ease:cubic-bezier(0.22, 0.61, 0.36, 1);--ink:#F7F8F8;--eden-t-30:30px;--eden-space-4:4px;--eden-space-32:32px;--eden-t-15:15px;--eden-t-11:11px;--faint:rgba(247,248,248,.50);--eden-space-12:12px;--eden-space-8:8px;--line:rgba(247,248,248,.08);--eden-t-14:14px;--eden-t-16:16px;--eden-t-12:12px;--eden-space-16:16px;--eden-space-6:6px;--eden-space-10:10px;--eden-line-2:rgba(247,248,248,.14);--eden-ink-3:rgba(247,248,248,.50);--eden-r-14:14px;--eden-space-24:24px;--eden-t-13:13px;--eden-space-56:56px;--eden-space-48:48px;--bg:#121214;--eden-iris-cyan:#9EE7FF;--eden-iris-lavender:#C9B7FF;--eden-iris-pink:#F6C7E7;--eden-iris-butter:#FFF4C2;--eden-space-14:14px;--eden-black:#121214;--eden-r-pill:999px;--iris-fill:linear-gradient(100deg, #9EE7FF, #C9B7FF, #F6C7E7, #FFF4C2, #9EE7FF);--eden-space-20:20px;--out:cubic-bezier(.16,.84,.44,1);--eden-t-24:24px;--eden-t-20:20px;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248);font-size:15px;line-height:23.25px}
.sx-ix *{box-sizing:border-box}
@keyframes eden-flow { 
  100% { --sheen: 360deg; }
}
@keyframes eden-slide { 
  100% { background-position-x: -200%; }
}
@keyframes flow { 
  100% { --sheen: 360deg; }
}
@keyframes slide { 
  100% { background-position-x: -200%; }
}
.sx-ix *{box-sizing: border-box;}
@keyframes shell { 
  100% { opacity: 1; }
}
.sx-ix .room{width: 100%; max-width: 880px; margin-top: var(--eden-space-80); margin-bottom: 100px; padding-bottom: 32vh;}
.sx-ix .mark{letter-spacing: 0.02em; color: var(--dim); text-decoration: none; transition: color 160ms var(--ease);}
.sx-ix .mark:hover{color: var(--ink);}
@keyframes breathe { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}
.sx-ix h1{font-size: var(--eden-t-30); font-weight: 400; letter-spacing: -0.015em; margin: 0 0 var(--eden-space-4); line-height: 1.25;}
.sx-ix .sub{color: var(--dim); margin: 0 0 var(--eden-space-32); font-size: var(--eden-t-15); min-height: 24px;}
.sx-ix h2{font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--faint); margin: 0 0 var(--eden-space-12);}
.sx-ix .av{position: relative;}
@keyframes livepulse { 
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2.4); opacity: 0; }
}
.sx-ix .row{position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: var(--eden-space-12); padding: var(--eden-space-8) 0; border-bottom: 1px solid var(--line); cursor: pointer; transition: padding-left 160ms var(--ease);}
.sx-ix .row:hover{padding-left: var(--eden-space-4);}
.sx-ix .row:hover .name{color: var(--ink);}
.sx-ix .row::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; opacity: 0; transition: opacity 200ms var(--ease);}
.sx-ix .row:not(.static):hover::after{opacity: 1; animation: 2.4s linear 0s infinite normal none running slide;}
.sx-ix .name{font-size: var(--eden-t-14); color: var(--dim); transition: color 160ms var(--ease);}
.sx-ix .row .name{font-size: var(--eden-t-16);}
.sx-ix .meta{font-size: var(--eden-t-12); color: var(--faint); white-space: nowrap; font-variant-numeric: tabular-nums;}
.sx-ix .sub-name{display: block; font-size: var(--eden-t-12); color: var(--faint); margin-top: 1px;}
.sx-ix .file-link{text-decoration: none;}
.sx-ix .file-link:hover{text-decoration: underline;}
.sx-ix .file-group-label{font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--faint); opacity: 0.68; margin: var(--eden-space-16) 0 var(--eden-space-6);}
.sx-ix .file-group-label:first-child{margin-top: var(--eden-space-4);}
@keyframes pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 0.95; }
}
.sx-ix .enter{opacity: 0; transform: translateY(9px); filter: blur(4px); animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--i, 0) * 90ms);}
@keyframes settle { 
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes travel { 
  0% { left: -26%; opacity: 0; }
  8% { opacity: 0.95; }
  82% { opacity: 0.95; }
  100% { left: 100%; opacity: 0; }
}
.sx-ix .av{width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.03em; line-height: 1; text-indent: 0.03em; color: var(--dim); background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border: 1px solid var(--line); background-size: cover; background-position: center center; position: relative; user-select: none;}
.sx-ix .av.lg{width: 30px; height: 30px; font-size: var(--eden-t-11);}
.sx-ix .field{position: relative; display: flex; align-items: center; gap: var(--eden-space-12); border-bottom: 1px solid var(--line); padding: var(--eden-space-10) 0 var(--eden-space-12); transition: border-color 200ms var(--ease);}
.sx-ix .field:hover{border-bottom-color: var(--eden-line-2);}
.sx-ix .field::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; opacity: 0; transition: opacity 220ms var(--ease);}
.sx-ix .field:focus-within::after{opacity: 1; animation: 3.4s linear 0s infinite normal none running slide;}
.sx-ix .field input{flex: 1 1 0%; background: none; border: 0px; outline: none; color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-16); font-weight: 300; padding: 0px; appearance: none; border-radius: 0px; min-width: 0px;}
.sx-ix .field input::placeholder{color: var(--eden-ink-3);}
@keyframes drift { 
  100% { margin-left: 4%; }
}
.sx-ix .drop{position: relative; border: 0px; border-radius: var(--eden-r-14); padding: var(--eden-space-32) var(--eden-space-24); text-align: center; color: var(--faint); font-size: var(--eden-t-13); cursor: pointer; transition: background 200ms var(--ease), color 200ms var(--ease);}
.sx-ix .drop-edge{position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; overflow: visible;}
.sx-ix .drop-edge rect{x: 1px; y: 1px; width: calc(100% - 2px); height: calc(100% - 2px); fill: none; stroke: url("#dropIris"); stroke-width: 1.4; stroke-dasharray: 7, 7; opacity: 0.8; animation: 24s linear 0s infinite normal none running dashflow; transition: opacity 220ms var(--ease), stroke-width 220ms var(--ease);}
.sx-ix .drop:hover .drop-edge rect{opacity: 1;}
@keyframes dashflow { 
  100% { stroke-dashoffset: -280; }
}
.sx-ix .drop-mark{display: flex; justify-content: center; margin-bottom: var(--eden-space-12); opacity: 0.55; transition: opacity 200ms var(--ease), transform 200ms var(--ease);}
.sx-ix .drop:hover .drop-mark{opacity: 0.8;}
.sx-ix .drop-label{line-height: 1.45;}
.sx-ix .ix-client{margin-top: var(--eden-space-8);}
.sx-ix .ix-side{margin-top: var(--eden-space-56);}
.sx-ix .room{max-width: 980px;}
.sx-ix .ix-side{position: fixed; top: 0px; right: 0px; bottom: 0px; width: 380px; margin: 0px; overflow-y: auto; padding: 96px 28px var(--eden-space-48); border-left: 1px solid var(--line); background: var(--bg); z-index: 5;}
.sx-ix .ix-top{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 56px; font-size: var(--eden-t-13);}
.sx-ix .ix-top .mark{color: var(--dim); letter-spacing: 0.02em;}
.sx-ix .ix-top .who{color: var(--faint); display: inline-flex; align-items: center; gap: 10px;}
.sx-ix .room{margin-top: 34px;}
.sx-ix .ix-powered{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 4; margin: 0px; padding: 14px 24px 18px; font-size: var(--eden-t-12); color: var(--faint); letter-spacing: 0.01em; background: linear-gradient(transparent, var(--bg) 45%); pointer-events: none;}
.sx-ix .ix-powered span{display: block; max-width: 880px; margin: 0px auto;}
.sx-ix .ix-powered span{max-width: 980px;}
.sx-ix .ix-powered{right: 380px;}
.sx-ix .ix-powered a{pointer-events: auto;}
.sx-ix .ix-survey{padding: 14px 0px;}
.sx-ix .ix-survey .name{font-size: var(--eden-t-16); color: var(--ink);}
.sx-ix .ix-survey .sub-name{margin-top: 3px;}
.sx-ix .ix-powered a{color: var(--dim); text-decoration: none;}
.sx-ix .ix-powered a:hover{color: var(--ink); text-decoration: underline;}
.sx-ix [data-sx-id="view"] .btn-white{display: inline-block; margin-top: var(--eden-space-14); background: var(--ink); color: var(--eden-black); border: 0px; border-radius: var(--eden-r-pill); padding: var(--eden-space-8) var(--eden-space-16); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); font-weight: 500; cursor: pointer; text-decoration: none;}
.sx-ix [data-sx-id="view"] .btn-white:hover{opacity: 0.86;}
.sx-ix .ix-link{background: none; border: 0px; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); color: var(--faint); cursor: pointer;}
.sx-ix .ix-link:hover{color: var(--ink);}
.sx-ix .ix-player{display: flex; flex-direction: column; min-height: 480px;}
.sx-ix .ix-player-top{display: flex; align-items: center; gap: var(--eden-space-14);}
.sx-ix .ix-progress{flex: 1 1 0%; height: 2px; background: var(--line); border-radius: 1px; overflow: hidden;}
.sx-ix .ix-progress i{display: block; height: 100%; background: var(--iris-fill); transition: width 350ms var(--ease);}
.sx-ix .ix-stage{flex: 1 1 0%; display: flex; align-items: center; padding: var(--eden-space-48) 0;}
.sx-ix .ix-q{width: 100%; max-width: 620px; display: flex; flex-direction: column; gap: var(--eden-space-20); animation: settle 320ms var(--out) both;}
.sx-ix .ix-q h1{margin: 0px;}
.sx-ix .ix-q .sub{margin: 0px; min-height: 0px;}
.sx-ix .ix-foot{display: flex; align-items: center; gap: var(--eden-space-16); flex-wrap: wrap;}
.sx-ix [data-sx-id="view"] .ix-foot .btn-white{margin-top: 0px;}
.sx-ix .field textarea{flex: 1 1 0%; background: none; border: 0px; outline: none; color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-16); font-weight: 300; padding: 0px; appearance: none; border-radius: 0px; min-width: 0px;}
.sx-ix .field textarea::placeholder{color: var(--eden-ink-3);}
.sx-ix .ix-req{color: var(--dim); margin-left: 3px;}
.sx-ix .ix-qtitle{font-size: var(--eden-t-24); font-weight: 300; line-height: 1.35; letter-spacing: -0.01em;}
.sx-ix .ix-req{color: var(--faint);}
.sx-ix .ix-q .field textarea{font-size: var(--eden-t-20);}
.sx-ix .ix-q .field textarea{resize: vertical;}
.sx-ix .ix-q .field input{font-size: var(--eden-t-20);}

/* captured 2026-10-27 from the sandbox review page; scoped under .sx-rv. Re-capture, never hand-edit. */
.sx-rv{--dim:rgba(247,248,248,.50);--ease:cubic-bezier(0.22, 0.61, 0.36, 1);--ink:#F7F8F8;--eden-t-11:11px;--faint:rgba(247,248,248,.50);--eden-space-12:12px;--line:rgba(247,248,248,.08);--eden-t-13:13px;--eden-black:#121214;--eden-r-pill:999px;--surface-2:#16181B;--eden-fill-on:rgba(247,248,248,.10);--eden-fill-menu:rgba(247,248,248,.06);--eden-surface-2:#16181B;--eden-r-10:10px;--eden-fill-hover:rgba(247,248,248,.045);--bg:#121214;--eden-r-4:4px;--eden-line-strong:rgba(247,248,248,.22);--eden-line:rgba(247,248,248,.08);--eden-t-12:12px;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248);font-size:15px;line-height:23.25px}
.sx-rv *{box-sizing:border-box}
@keyframes eden-flow { 
  100% { --sheen: 360deg; }
}
@keyframes eden-slide { 
  100% { background-position-x: -200%; }
}
@keyframes flow { 
  100% { --sheen: 360deg; }
}
@keyframes slide { 
  100% { background-position-x: -200%; }
}
.sx-rv *{box-sizing: border-box;}
@keyframes shell { 
  100% { opacity: 1; }
}
.sx-rv .mark{letter-spacing: 0.02em; color: var(--dim); text-decoration: none; transition: color 160ms var(--ease);}
.sx-rv .mark:hover{color: var(--ink);}
@keyframes breathe { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}
.sx-rv h2{font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--faint); margin: 0 0 var(--eden-space-12);}
@keyframes livepulse { 
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2.4); opacity: 0; }
}
@keyframes pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 0.95; }
}
@keyframes settle { 
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes travel { 
  0% { left: -26%; opacity: 0; }
  8% { opacity: 0.95; }
  82% { opacity: 0.95; }
  100% { left: 100%; opacity: 0; }
}
@keyframes drift { 
  100% { margin-left: 4%; }
}
@keyframes dashflow { 
  100% { stroke-dashoffset: -280; }
}
.sx-rv .rv{display: grid; grid-template-rows: 56px minmax(0px, 1fr); height: 100vh;}
.sx-rv .rv-top{display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 18px; padding: 0px 20px; border-bottom: 1px solid var(--line); font-size: var(--eden-t-13); min-width: 0px;}
.sx-rv .rv-top .mark{color: var(--dim); letter-spacing: 0.02em; flex: 0 0 auto;}
.sx-rv .rv-top .where{color: var(--faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px;}
.sx-rv .rv-top .where b{color: var(--ink); font-weight: 500;}
.sx-rv .rv-top .rv-l{display: flex; align-items: center; gap: 16px; min-width: 0px;}
.sx-rv .rv-top .rv-r{display: flex; align-items: center; gap: 16px; min-width: 0px;}
.sx-rv .rv-top .rv-r{justify-content: flex-end;}
.sx-rv .rv-btn.primary{background: var(--ink); color: var(--eden-black); border-color: var(--ink); font-weight: 500;}
.sx-rv .rv-btn.primary:hover{opacity: 0.86;}
.sx-rv .rv-add{display: flex; width: calc(100% - 16px); margin: 0px 8px 14px; justify-content: center; height: 36px; align-items: center;}
.sx-rv .rv-approve{display: flex; align-items: center; gap: 10px; margin: 0px 8px 16px; padding: 0px 0px 14px; border-bottom: 1px solid var(--line); font-size: var(--eden-t-13); color: var(--faint);}
.sx-rv .rv-approve .rv-btn{margin-left: auto;}
.sx-rv .rv-seg{display: inline-flex; padding: 2px; border-radius: var(--eden-r-pill); background: var(--surface-2); flex: 0 0 auto;}
.sx-rv .rv-seg button{border: 0px; background: none; color: var(--faint); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); padding: 5px 12px; border-radius: var(--eden-r-pill); cursor: pointer;}
.sx-rv .rv-seg button:hover{color: var(--ink);}
.sx-rv .rv-seg button[aria-pressed="true"]{background: var(--eden-fill-on); color: var(--ink);}
.sx-rv .rv-btn{border: 1px solid var(--line); background: none; color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13); padding: 6px 14px; border-radius: var(--eden-r-pill); cursor: pointer; flex: 0 0 auto;}
.sx-rv .rv-btn:hover{background: var(--eden-fill-menu);}
.sx-rv .rv-me{display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: var(--dim); font-size: var(--eden-t-13); white-space: nowrap;}
.sx-rv .rv-av{width: 21px; height: 21px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--eden-surface-2); color: var(--ink); font-size: var(--eden-t-11); font-weight: 600; letter-spacing: 0.02em;}
.sx-rv .rv-body{display: grid; grid-template-columns: 60px minmax(0px, 1fr); min-height: 0px;}
.sx-rv .rv-body.side{grid-template-columns: 60px minmax(0px, 1fr) 300px;}
.sx-rv .rv-tools{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 14px 0px; border-right: 1px solid var(--line);}
.sx-rv .rv-tool{position: relative; width: 42px; height: 42px; border-radius: var(--eden-r-10); border: 0px; background: none; color: var(--faint); display: grid; place-items: center; cursor: pointer; padding: 0px;}
.sx-rv .rv-tool svg{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.sx-rv .rv-tool:hover{color: var(--ink); background: var(--eden-fill-hover);}
.sx-rv .rv-tool[aria-pressed="true"]{color: var(--ink); background: var(--eden-fill-on);}
.sx-rv .rv-tool .tl{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 1px; font-size: var(--eden-t-11); color: var(--dim); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.12s;}
.sx-rv .rv-tool:hover .tl{opacity: 1;}
.sx-rv .rv-talk h2{margin: 0px 8px 10px; font-size: var(--eden-t-11); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--faint);}
.sx-rv .rv-stage{position: relative; display: flex; gap: 28px; padding: 16px 24px 24px; min-width: 0px; min-height: 0px; overflow: hidden;}
.sx-rv .rv-stage{justify-content: center; background: var(--rv-back, var(--bg)); transition: background 0.25s;}
.sx-rv .rv-board{display: flex; flex-direction: column; min-width: 0px; min-height: 0px;}
.sx-rv .rv-board.desktop{flex: 0 0 auto;}
.sx-rv .rv-board.mobile{flex: 0 0 auto;}
.sx-rv .rv-frame{position: relative; flex: 0 0 auto; min-height: 0px; overflow: hidden; border-radius: var(--eden-r-10); clip-path: inset(0px round 10px); will-change: transform;}
.sx-rv .rv-frame::after{content: ""; position: absolute; inset: 0px; border-radius: var(--eden-r-10); box-shadow: inset 0 0 0 1px var(--line); pointer-events: none; z-index: 1;}
.sx-rv .rv-frame iframe{position: absolute; left: 0px; top: 0px; border: 0px; background: white; transform-origin: 0px 0px;}
.sx-rv .rv-fold{flex: 0 0 auto; height: 16px; display: flex; align-items: center; justify-content: center; cursor: ns-resize; touch-action: none;}
.sx-rv .rv-fold i{display: block; width: 56px; height: 4px; border-radius: var(--eden-r-4); background: var(--eden-line-strong); transition: background 0.12s;}
.sx-rv .rv-fold:hover i{background: var(--ink);}
.sx-rv .rv-talk{border-left: 1px solid var(--line); overflow: auto; padding: 18px 14px 40px;}
.sx-rv .rv-hint{margin: 0px 8px 14px; font-size: var(--eden-t-13); color: var(--faint); line-height: 1.45;}
.sx-rv .rv-c{padding: 12px 10px; border-radius: var(--eden-r-10); cursor: pointer; margin-bottom: 8px;}
.sx-rv .rv-c:hover{background: var(--eden-fill-hover);}
.sx-rv .rv-btn.primary.on{background: none; color: var(--ink);}
.sx-rv .rv-btn.on{background: var(--ink); color: var(--eden-black); border-color: var(--ink);}
.sx-rv .rv-frame.pinning::after{box-shadow: inset 0 0 0 2px var(--ink);}
.sx-rv .rv-c.sel{background: var(--eden-line);}
.sx-rv .rv-c-head{display: flex; align-items: center; gap: 8px; font-size: var(--eden-t-12); color: var(--faint);}
.sx-rv .rv-c-head b{color: var(--ink); font-weight: 500;}
.sx-rv .rv-n{display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0px 5px; border-radius: var(--eden-r-pill); background: var(--ink); color: var(--eden-black); font-size: var(--eden-t-11); font-weight: 600; flex: 0 0 auto;}
.sx-rv .rv-write{margin: 8px 0px 0px 28px;}
.sx-rv .rv-write textarea{width: 100%; box-sizing: border-box; min-height: 64px; resize: vertical; background: var(--surface-2); color: var(--ink); border: 1px solid var(--line); border-radius: var(--eden-r-10); padding: 8px 10px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-13);}
.sx-rv .rv-write textarea:focus{outline: none; border-color: var(--eden-line-strong);}
.sx-rv .rv-write .acts{display: flex; gap: 8px; justify-content: flex-end; margin-top: 6px;}
.sx-rv .rv-tool .bdg{position: absolute; top: 3px; right: 2px; min-width: 15px; height: 15px; padding: 0px 4px; box-sizing: border-box; border-radius: var(--eden-r-10); background: var(--ink); color: var(--eden-black); font-size: var(--eden-t-11); font-weight: 600; display: grid; place-items: center;}
.sx-rv .rv-c-acts{display: flex; gap: 12px; margin: 6px 0px 0px 28px;}
.sx-rv .rv-c-acts button{border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-12); color: var(--faint); cursor: pointer;}
.sx-rv .rv-c-acts button:hover{color: var(--ink);}
.sx-rv .rv-c p{margin: 6px 0px 0px 28px; font-size: var(--eden-t-13); line-height: 1.45; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere;}
.sx-rv .rv-c.shut{padding: 10px;}
.sx-rv .rv-c .rv-clip{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--dim);}
.sx-rv .rv-pub{color: var(--faint); font-size: var(--eden-t-12); white-space: nowrap;}
.sx-rv .rv-manage{display: block; margin: 18px 8px 0px; font-size: var(--eden-t-12); color: var(--faint);}
.sx-rv .rv-manage:hover{color: var(--ink);}
.sx-rv .rv-kind-pick{height: 24px; background: none; border: 1px solid var(--line); border-radius: 12px; color: var(--dim); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--eden-t-12); padding: 0px 8px; color-scheme: dark; cursor: pointer;}
.sx-rv .rv-more{margin: 14px 8px 0px; color: var(--faint); background: none; border: 0px; padding: 0px; cursor: pointer; font: inherit;}
.sx-rv .rv-more:hover{color: var(--ink);}

/* review.html #rv-pin-style, as the page writes it into each frame; scoped under .sx-rv, its drop shadow left out (flat). Re-capture, never hand-edit. */
.sx-rv .rv-pin{position:absolute;z-index:2147483647;transform:translate(-50%,-100%) scale(var(--rv-s,1));transform-origin:50% 100%;min-width:24px;height:24px;padding:0 7px;border-radius:12px 12px 12px 2px;background:#111;color:#fff;font:600 12px/24px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;cursor:pointer;user-select:none}
.sx-rv .rv-pin.done{background:#8a8a8a}
.sx-rv .rv-pin.sel{background:#fff;color:#111;box-shadow:0 0 0 2px #111}
.sx-rv .rv-pin.new{background:#fff;color:#111;box-shadow:0 0 0 2px #111}
.sx-rv .rv-pin.movable{cursor:grab;touch-action:none}
.sx-rv .rv-pin.dragging{cursor:grabbing;opacity:.85}