:root {
  color-scheme: dark;
  --ink: #f4f7f3;
  --ink-soft: #c7d0c9;
  --muted: #8b9b91;
  --void: #050806;
  --night: #08100c;
  --panel: rgba(14, 23, 18, .78);
  --panel-solid: #0d1711;
  --line: rgba(206, 240, 218, .12);
  --line-strong: rgba(206, 240, 218, .22);
  --acid: #baff39;
  --acid-soft: #d8ff91;
  --mint: #65f5b0;
  --aqua: #46d9da;
  --lavender: #b29dff;
  --peach: #ff9b71;
  --danger: #ff6d78;
  --shadow: 0 28px 90px rgba(0, 0, 0, .46);
  --radius-lg: 34px;
  --radius-md: 22px;
  --radius-sm: 14px;
  --header: 78px;
  font-family: "Avenir Next", "Segoe UI Variable", "Inter", system-ui, sans-serif;
  background: var(--void);
  color: var(--ink);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--void); scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 9% 2%, rgba(98, 200, 122, .11), transparent 34rem),
    radial-gradient(circle at 91% 18%, rgba(70, 217, 218, .08), transparent 30rem),
    linear-gradient(155deg, #050806 0%, #07100b 48%, #050706 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  opacity: .18;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  opacity: .045;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
::selection { color: #071008; background: var(--acid); }
:focus-visible { outline: 3px solid rgba(186, 255, 57, .72); outline-offset: 3px; }

.skip-link { position: fixed; top: -60px; left: 18px; z-index: 100; padding: 12px 18px; border-radius: 12px; color: #081008; background: var(--acid); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 16px; }
.ambient { position: fixed; z-index: -2; width: 420px; aspect-ratio: 1; border-radius: 50%; filter: blur(100px); pointer-events: none; opacity: .12; }
.ambient-a { top: 6%; left: -240px; background: var(--acid); animation: breathe 11s ease-in-out infinite; }
.ambient-b { top: 48%; right: -270px; background: var(--aqua); animation: breathe 14s ease-in-out -3s infinite; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: var(--header);
  padding: 0 clamp(18px, 4vw, 72px);
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, min-height .25s ease;
}
.site-header.scrolled { min-height: 66px; border-color: var(--line); background: rgba(5, 9, 6, .76); backdrop-filter: blur(26px) saturate(130%); }
.brand { display: inline-flex; align-items: center; width: max-content; gap: 11px; font-size: .92rem; font-weight: 900; letter-spacing: .16em; }
.brand > span:last-child > span { color: var(--acid); }
.brand-mark { position: relative; display: inline-grid; grid-template-columns: repeat(3, 3px); align-items: center; gap: 3px; width: 32px; height: 32px; padding: 8px; border: 1px solid rgba(186, 255, 57, .35); border-radius: 10px; background: rgba(186, 255, 57, .07); box-shadow: 0 0 30px rgba(186, 255, 57, .12); }
.brand-mark i { display: block; width: 3px; border-radius: 4px; background: var(--acid); animation: equalize 1.8s ease-in-out infinite; }
.brand-mark i:nth-child(1) { height: 8px; }
.brand-mark i:nth-child(2) { height: 16px; animation-delay: -.5s; }
.brand-mark i:nth-child(3) { height: 11px; animation-delay: -.9s; }
.main-nav { display: flex; align-items: center; gap: clamp(22px, 3vw, 42px); }
.main-nav a { position: relative; padding: 28px 0; color: var(--ink-soft); font-size: .78rem; font-weight: 700; letter-spacing: .02em; transition: color .2s ease; }
.main-nav a::after { content: ""; position: absolute; right: 0; bottom: 21px; left: 0; height: 1px; transform: scaleX(0); transform-origin: right; background: var(--acid); transition: transform .25s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--ink); }
.main-nav a:hover::after, .main-nav a.active::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.access-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 13px; border: 1px solid rgba(101,245,176,.18); border-radius: 999px; color: #b7d5c2; background: rgba(101,245,176,.04); font-size: .68rem; font-weight: 800; transition: color .2s, border-color .2s, background .2s; }
.access-pill i, .access-kicker i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); animation: pulse 2s infinite; }
.access-pill:hover, .access-pill.active { color: var(--ink); border-color: rgba(101,245,176,.34); background: rgba(101,245,176,.08); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 999px; font-size: .76rem; font-weight: 800; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.button-primary { color: #081008; background: var(--acid); box-shadow: 0 8px 32px rgba(186, 255, 57, .14); }
.button-primary:hover { background: #ceff70; box-shadow: 0 10px 38px rgba(186, 255, 57, .22); }
.button-ghost { border-color: var(--line); background: rgba(255, 255, 255, .025); }
.button-ghost:hover { border-color: var(--line-strong); background: rgba(255, 255, 255, .055); }
.button-dark { border-color: var(--line); background: #0c1510; }
.button-danger { border-color: rgba(255, 109, 120, .22); color: #ffc0c5; background: rgba(255, 109, 120, .08); }
.button[disabled] { opacity: .42; cursor: not-allowed; transform: none; }
.icon-button, .menu-button { border: 0; background: transparent; cursor: pointer; }
.command-button { display: inline-flex; align-items: center; gap: 5px; min-height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: .68rem; }
.command-button span { color: var(--ink-soft); font-size: .82rem; }
.menu-button { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px; }
.menu-button i { display: block; width: 18px; height: 1px; margin: 5px auto; background: var(--ink); transition: transform .2s; }
.menu-button[aria-expanded="true"] i:first-child { transform: translateY(3px) rotate(45deg); }
.menu-button[aria-expanded="true"] i:last-child { transform: translateY(-3px) rotate(-45deg); }
.mobile-nav { position: fixed; inset: 66px 12px auto; z-index: 39; display: none; grid-template-columns: 1fr 1fr; padding: 16px; border: 1px solid var(--line); border-radius: 22px; background: rgba(9, 16, 12, .96); box-shadow: var(--shadow); backdrop-filter: blur(26px); }
.mobile-nav.open { display: grid; }
.mobile-nav a { padding: 18px; border-radius: 14px; color: var(--ink-soft); font-weight: 700; }
.mobile-nav a:hover { color: var(--ink); background: rgba(255, 255, 255, .05); }

#main { min-height: calc(100vh - var(--header)); }
.page-shell { width: min(1540px, calc(100% - clamp(28px, 7vw, 112px))); margin: 0 auto; }
.section { padding: clamp(76px, 10vw, 150px) 0; }
.section-tight { padding: clamp(52px, 7vw, 100px) 0; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; color: var(--acid); font-size: .67rem; font-weight: 900; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.display { margin: 0; max-width: 1150px; font-size: clamp(3.8rem, 8.7vw, 9.4rem); font-weight: 620; line-height: .86; letter-spacing: -.075em; }
.display em { display: block; color: transparent; background: linear-gradient(105deg, #f5fff0 8%, #a5cdb4 46%, #baff39 88%); background-clip: text; font-style: normal; }
.title { margin: 0; max-width: 960px; font-size: clamp(2.7rem, 6vw, 6rem); font-weight: 640; line-height: .94; letter-spacing: -.06em; }
.subtitle { max-width: 700px; margin: 24px 0 0; color: var(--ink-soft); font-size: clamp(1rem, 1.6vw, 1.26rem); line-height: 1.7; }
.gradient-text { color: transparent; background: linear-gradient(105deg, var(--ink) 10%, var(--acid) 82%); background-clip: text; }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(390px, .83fr); gap: 42px; align-items: center; min-height: calc(100vh - var(--header)); padding: 78px 0 110px; }
.hero-copy { position: relative; z-index: 1; }
.hero .subtitle { max-width: 660px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.hero-actions .button { min-height: 54px; padding: 0 24px; }
.trust-line { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; margin-top: 34px; color: var(--muted); font-size: .72rem; }
.trust-line span { display: inline-flex; align-items: center; gap: 8px; }
.trust-line i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.signal-stage { position: relative; min-height: 620px; perspective: 1000px; }
.signal-orbit { position: absolute; inset: 6% 4%; border: 1px solid rgba(186, 255, 57, .12); border-radius: 50%; transform: rotate(-16deg); animation: orbit 18s linear infinite; }
.signal-orbit::before, .signal-orbit::after { content: ""; position: absolute; top: 48%; width: 10px; aspect-ratio: 1; border-radius: 50%; background: var(--acid); box-shadow: 0 0 22px var(--acid); }
.signal-orbit::before { left: -5px; }.signal-orbit::after { right: -5px; }
.hero-console { position: absolute; inset: 12% 2% 8% 10%; overflow: hidden; padding: 26px; border: 1px solid var(--line-strong); border-radius: 32px; background: linear-gradient(145deg, rgba(20, 35, 26, .88), rgba(7, 13, 9, .88)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .06); backdrop-filter: blur(28px); transform: rotateY(-4deg) rotateX(2deg); }
.console-top { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.status-dot { display: inline-flex; align-items: center; gap: 7px; color: var(--acid-soft); }
.status-dot::before { content: ""; width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px var(--acid); animation: pulse 1.8s ease-out infinite; }
.voice-sentence { margin: 54px 0 40px; font-size: clamp(1.55rem, 2.8vw, 2.55rem); font-weight: 520; line-height: 1.25; letter-spacing: -.035em; }
.waveform { display: flex; align-items: center; gap: 4px; height: 120px; padding: 0 8px; }
.waveform i { flex: 1; max-width: 7px; min-width: 3px; height: var(--h); border-radius: 8px; background: linear-gradient(to top, rgba(186, 255, 57, .16), var(--acid)); animation: waveform 1.4s ease-in-out infinite alternate; animation-delay: var(--d); }
.console-player { display: grid; grid-template-columns: 52px 1fr auto; gap: 15px; align-items: center; margin-top: 30px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(0, 0, 0, .18); }
.play-round { display: grid; place-items: center; width: 52px; aspect-ratio: 1; border: 0; border-radius: 50%; color: #081008; background: var(--acid); cursor: pointer; }
.player-meta strong, .player-meta span { display: block; }.player-meta strong { font-size: .83rem; }.player-meta span { margin-top: 4px; color: var(--muted); font-size: .68rem; }.timecode { color: var(--muted); font: .68rem ui-monospace, monospace; }
.floating-tag { position: absolute; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 999px; background: rgba(9, 17, 12, .84); box-shadow: 0 14px 44px rgba(0, 0, 0, .35); color: var(--ink-soft); font-size: .7rem; font-weight: 750; backdrop-filter: blur(18px); animation: float 6s ease-in-out infinite; }
.floating-tag i { width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--mint); }
.tag-one { top: 7%; right: -5%; }.tag-two { bottom: 2%; left: 0; animation-delay: -2.8s; }

.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }
.metric-strip article { padding: 34px clamp(18px, 3vw, 44px); border-right: 1px solid var(--line); }
.metric-strip article:last-child { border-right: 0; }
.metric-strip strong { display: block; font-size: clamp(1.5rem, 3vw, 2.7rem); font-weight: 580; letter-spacing: -.04em; }
.metric-strip span { display: block; margin-top: 8px; color: var(--muted); font-size: .72rem; line-height: 1.5; }

.section-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 48px; }
.section-heading .title { max-width: 820px; }
.section-heading p { max-width: 420px; margin: 0; color: var(--muted); line-height: 1.7; }
.tool-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.tool-card { position: relative; display: flex; flex-direction: column; min-height: 330px; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(17, 29, 21, .82), rgba(8, 13, 10, .74)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.tool-card:nth-child(1), .tool-card:nth-child(4) { grid-column: span 7; }.tool-card:nth-child(2), .tool-card:nth-child(3) { grid-column: span 5; }.tool-card:nth-child(n+5) { grid-column: span 4; }
.tool-card:hover { transform: translateY(-7px); border-color: rgba(186, 255, 57, .25); box-shadow: 0 30px 80px rgba(0, 0, 0, .3); }
.tool-card::before { content: ""; position: absolute; inset: auto -15% -55% 20%; height: 270px; border-radius: 50%; background: radial-gradient(circle, var(--glow, rgba(186, 255, 57, .14)), transparent 68%); transition: transform .5s ease; }
.tool-card:hover::before { transform: scale(1.18); }
.tool-icon { display: grid; place-items: center; width: 48px; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 15px; color: var(--acid); background: rgba(186, 255, 57, .06); font-size: 1.15rem; }
.tool-card h3 { margin: auto 0 10px; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 580; letter-spacing: -.035em; }
.tool-card p { max-width: 480px; margin: 0 0 24px; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.tool-link { display: flex; justify-content: space-between; align-items: center; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.tool-link span { display: grid; place-items: center; width: 34px; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, .06); transition: transform .25s, background .25s; }
.tool-card:hover .tool-link span { transform: rotate(45deg); color: #071008; background: var(--acid); }

.showcase { display: grid; grid-template-columns: .85fr 1.15fr; gap: 22px; align-items: stretch; }
.showcase-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(35px, 6vw, 80px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(12, 21, 15, .72); }
.showcase-copy h2 { margin: 0; font-size: clamp(2.4rem, 5vw, 5.5rem); font-weight: 600; line-height: .94; letter-spacing: -.06em; }
.showcase-copy p { color: var(--muted); line-height: 1.7; }
.showcase-stage { position: relative; min-height: 610px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 35%, rgba(132, 220, 170, .16), transparent 30%), #0a120d; }
.studio-window { position: absolute; inset: 9% 7%; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 22px; background: #111a14; box-shadow: var(--shadow); }
.studio-window-bar { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .66rem; }
.studio-window-body { display: grid; grid-template-columns: 54px 1fr; height: calc(100% - 50px); }
.mock-toolbar { display: flex; flex-direction: column; gap: 10px; align-items: center; padding: 14px 0; border-right: 1px solid var(--line); }
.mock-toolbar i { width: 28px; aspect-ratio: 1; border-radius: 8px; background: rgba(255, 255, 255, .055); }.mock-toolbar i:first-child { background: var(--acid); }
.mock-canvas { position: relative; display: grid; place-items: center; overflow: hidden; background-image: linear-gradient(45deg, #0d1711 25%, transparent 25%), linear-gradient(-45deg, #0d1711 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0d1711 75%), linear-gradient(-45deg, transparent 75%, #0d1711 75%); background-position: 0 0, 0 9px, 9px -9px, -9px 0; background-size: 18px 18px; }
.mock-art { position: relative; width: 70%; aspect-ratio: 4/3; overflow: hidden; border-radius: 7px; background: radial-gradient(circle at 56% 42%, #e7ffba 0 3%, transparent 4%), radial-gradient(circle at 50% 50%, rgba(186,255,57,.8), transparent 8%), conic-gradient(from 200deg at 48% 48%, #07130b, #65f5b0, #101917, #baff39, #07130b); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.mock-art::before { content: "ORBITAL / 07"; position: absolute; left: 6%; bottom: 6%; font: 800 clamp(.75rem, 2vw, 1.4rem)/1 ui-monospace, monospace; letter-spacing: .18em; }
.mock-timeline { position: absolute; right: 4%; bottom: 4%; left: 10%; height: 88px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(5, 9, 6, .9); box-shadow: 0 14px 40px rgba(0,0,0,.35); }
.mock-track { height: 19px; margin-bottom: 7px; border-radius: 4px; background: linear-gradient(90deg, var(--acid) 0 40%, transparent 40% 42%, rgba(101,245,176,.42) 42% 78%, transparent 78%); }
.mock-track:nth-child(2) { margin-left: 10%; background: linear-gradient(90deg, var(--lavender) 0 22%, transparent 22% 25%, rgba(178,157,255,.35) 25% 68%, transparent 68%); }
.mock-playhead { position: absolute; top: 5px; bottom: 5px; left: 52%; width: 1px; background: #fff; box-shadow: 0 0 8px #fff; animation: playhead 5s linear infinite; }

.cta-panel { position: relative; overflow: hidden; padding: clamp(45px, 8vw, 110px); border: 1px solid rgba(186, 255, 57, .18); border-radius: 42px; text-align: center; background: radial-gradient(circle at 50% 120%, rgba(186, 255, 57, .25), transparent 48%), linear-gradient(145deg, #111e15, #08100b); box-shadow: var(--shadow); }
.cta-panel::after { content: ""; position: absolute; inset: 20% 30% -120%; border: 1px solid rgba(186,255,57,.24); border-radius: 50%; box-shadow: 0 0 80px rgba(186,255,57,.08); }
.cta-panel h2 { position: relative; z-index: 1; max-width: 950px; margin: 0 auto; font-size: clamp(3rem, 7vw, 7.6rem); font-weight: 620; line-height: .9; letter-spacing: -.07em; }
.cta-panel p { position: relative; z-index: 1; max-width: 590px; margin: 28px auto; color: var(--ink-soft); font-size: 1.05rem; line-height: 1.65; }
.cta-panel .button { position: relative; z-index: 1; min-height: 56px; padding-inline: 26px; }

/* Workspace pages */
.workspace-page { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: calc(100vh - var(--header)); border-top: 1px solid var(--line); }
.workspace-sidebar { position: sticky; top: 66px; align-self: start; height: calc(100vh - 66px); padding: 30px 18px 24px clamp(18px, 3vw, 48px); border-right: 1px solid var(--line); background: rgba(6, 11, 8, .66); backdrop-filter: blur(18px); }
.sidebar-label { margin: 0 12px 12px; color: #617167; font-size: .6rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.sidebar-nav { display: grid; gap: 5px; }
.sidebar-nav a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 13px; border-radius: 12px; color: var(--muted); font-size: .75rem; font-weight: 700; transition: color .2s, background .2s; }
.sidebar-nav a span { display: grid; place-items: center; width: 25px; aspect-ratio: 1; border-radius: 8px; color: var(--ink-soft); background: rgba(255, 255, 255, .04); }
.sidebar-nav a:hover, .sidebar-nav a.active { color: var(--ink); background: rgba(255, 255, 255, .055); }
.sidebar-nav a.active span { color: #081008; background: var(--acid); }
.sidebar-bottom { position: absolute; right: 18px; bottom: 24px; left: clamp(18px, 3vw, 48px); padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.sidebar-bottom strong, .sidebar-bottom span { display: block; }.sidebar-bottom strong { font-size: .72rem; }.sidebar-bottom span { margin-top: 5px; color: var(--muted); font-size: .62rem; }
.workspace-main { min-width: 0; padding: clamp(32px, 5vw, 72px); }
.workspace-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 34px; }

/* Shared character and private-server workspace switcher */
.server-workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:9px;border:1px solid rgba(167,243,232,.16);border-radius:18px;background:linear-gradient(110deg,rgba(11,28,23,.88),rgba(8,15,12,.82));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.server-workspace-label{grid-column:1/-1;padding:2px 8px 3px;color:#88a79c;font-size:.53rem;font-weight:900;letter-spacing:.16em}
.server-workspace-nav a{display:flex;min-width:0;align-items:center;gap:11px;padding:12px 14px;border:1px solid transparent;border-radius:12px;color:var(--muted);transition:background .18s,border-color .18s,color .18s}
.server-workspace-nav a:hover{color:var(--ink);background:rgba(255,255,255,.035)}
.server-workspace-nav a.active{border-color:rgba(167,243,232,.22);color:var(--ink);background:linear-gradient(110deg,rgba(70,217,218,.1),rgba(186,255,57,.055))}
.server-workspace-nav a>i{display:grid;flex:none;width:34px;height:34px;place-items:center;border:1px solid rgba(167,243,232,.17);border-radius:10px;color:var(--clipper-ice,#a7f3e8);background:rgba(70,217,218,.07);font-style:normal}
.server-workspace-nav a.active>i{border-color:rgba(186,255,57,.25);color:var(--acid);background:rgba(186,255,57,.08)}
.server-workspace-nav a span{display:grid;min-width:0;gap:4px}.server-workspace-nav a strong{font-size:.69rem}.server-workspace-nav a small{overflow:hidden;color:#81958a;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.server-workspace-nav a>b{margin-left:auto;color:#70887a;font-size:.72rem;font-weight:500}
.characters-workspace .server-workspace-nav{margin-top:16px}
@media(max-width:760px){.server-workspace-nav{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto}.server-workspace-nav a{padding:10px}.server-workspace-nav a small{max-width:120px}}
@media(max-width:520px){.server-workspace-nav{grid-template-columns:1fr;gap:4px;padding:7px}.server-workspace-label{padding:2px 8px}.server-workspace-nav a{min-height:48px}.server-workspace-nav a small{max-width:none}}
.workspace-head h1 { margin: 0; font-size: clamp(2.4rem, 5vw, 5rem); font-weight: 600; line-height: .94; letter-spacing: -.055em; }
.workspace-head p { max-width: 600px; margin: 13px 0 0; color: var(--muted); line-height: 1.65; }
.workspace-badge { flex: 0 0 auto; padding: 10px 14px; border: 1px solid rgba(101,245,176,.18); border-radius: 999px; color: #aefbd0; background: rgba(101,245,176,.055); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.workspace-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); gap: 18px; align-items: start; }
.workspace-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(15, 25, 18, .9), rgba(8, 14, 10, .84)); box-shadow: 0 20px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035); }
.card-head { display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 64px; padding: 0 22px; border-bottom: 1px solid var(--line); }
.card-head strong { font-size: .78rem; }.card-head span { color: var(--muted); font-size: .65rem; }
.card-body { padding: 22px; }
.field { display: grid; gap: 9px; margin-bottom: 18px; }
.field label, .label { color: var(--ink-soft); font-size: .68rem; font-weight: 800; letter-spacing: .04em; }
.field small { color: var(--muted); font-size: .65rem; }
textarea, input[type="text"], input[type="search"], input[type="number"], select { width: 100%; border: 1px solid var(--line); border-radius: 14px; outline: 0; color: var(--ink); background: rgba(2, 6, 3, .5); transition: border-color .2s, box-shadow .2s; }
textarea:focus, input:focus, select:focus { border-color: rgba(186, 255, 57, .45); box-shadow: 0 0 0 3px rgba(186, 255, 57, .07); }
textarea { min-height: 220px; resize: vertical; padding: 18px; line-height: 1.65; }
input[type="text"], input[type="search"], input[type="number"], select { min-height: 48px; padding: 0 14px; }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px; background-size: 5px 5px; background-repeat: no-repeat; }
.text-meta { display: flex; justify-content: space-between; margin-top: -8px; color: var(--muted); font-size: .62rem; }
.control-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.range-wrap { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, .018); }
.range-wrap label { display: flex; justify-content: space-between; color: var(--muted); font-size: .62rem; }.range-wrap output { color: var(--ink); }
input[type="range"] { width: 100%; margin: 14px 0 0; accent-color: var(--acid); }
.action-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.action-row > div { display: flex; flex-wrap: wrap; gap: 9px; }
.preview-pane { position: relative; display: grid; place-items: center; min-height: 400px; overflow: hidden; background: radial-gradient(circle at 50% 44%, rgba(186,255,57,.08), transparent 37%), rgba(2, 6, 3, .35); }
.preview-empty { max-width: 310px; padding: 30px; text-align: center; }
.preview-glyph { display: grid; place-items: center; width: 74px; aspect-ratio: 1; margin: 0 auto 18px; border: 1px solid var(--line); border-radius: 24px; color: var(--acid); background: rgba(186,255,57,.055); font-size: 1.7rem; box-shadow: 0 0 70px rgba(186,255,57,.08); }
.preview-empty strong { display: block; margin-bottom: 8px; }.preview-empty p { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.6; }
.activity-list { display: grid; gap: 10px; }
.activity-item { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.activity-item .mini-icon { display: grid; place-items: center; width: 36px; aspect-ratio: 1; border-radius: 10px; color: var(--acid); background: rgba(186,255,57,.055); }
.activity-item strong, .activity-item span { display: block; }.activity-item strong { overflow: hidden; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }.activity-item span { margin-top: 4px; color: var(--muted); font-size: .6rem; }.activity-item time { color: var(--muted); font-size: .58rem; }
.dropzone { position: relative; display: grid; place-items: center; min-height: 230px; padding: 30px; border: 1px dashed rgba(186,255,57,.25); border-radius: 17px; text-align: center; background: rgba(186,255,57,.025); transition: border-color .2s, background .2s; }
.dropzone:hover, .dropzone.dragging { border-color: var(--acid); background: rgba(186,255,57,.055); }
.dropzone input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.dropzone strong, .dropzone span { display: block; }.dropzone strong { margin: 13px 0 8px; }.dropzone span { color: var(--muted); font-size: .7rem; }
.record-button { position: relative; display: grid; place-items: center; width: 112px; aspect-ratio: 1; border: 1px solid rgba(255,109,120,.2); border-radius: 50%; color: #fff; background: radial-gradient(circle, #ff6d78 0 32%, rgba(255,109,120,.14) 33% 54%, transparent 55%); cursor: pointer; }
.record-button.recording { animation: recordPulse 1.4s ease-out infinite; }
.transcript { min-height: 280px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink-soft); background: rgba(0,0,0,.2); line-height: 1.8; }
.visual-canvas { display: block; width: 100%; max-height: 560px; object-fit: contain; background: #071008; }
.canvas-placeholder { aspect-ratio: 4/3; }
.generation-progress { position: absolute; right: 22px; bottom: 22px; left: 22px; display: none; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.generation-progress.active { display: block; }.generation-progress i { display: block; width: 35%; height: 100%; border-radius: inherit; background: var(--acid); box-shadow: 0 0 14px var(--acid); animation: generate 1.2s ease-in-out infinite; }
.chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px; }
.chip { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.018); font-size: .65rem; cursor: pointer; transition: color .2s, border-color .2s; }.chip:hover,.chip.active { color: var(--ink); border-color: rgba(186,255,57,.32); }
.video-preview { width: 100%; aspect-ratio: 16/9; background: #050806; }
.music-visual { display: flex; align-items: end; gap: 5px; width: min(440px, 80%); height: 160px; }.music-visual i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(to top, rgba(178,157,255,.12), var(--lavender)); animation: waveform 1s ease-in-out infinite alternate; animation-delay: var(--d); }

/* Studio */
.studio-page { min-height: calc(100vh - var(--header)); padding: 18px; border-top: 1px solid var(--line); background: #050806; }
.studio-app { display: grid; grid-template-columns: 62px minmax(0, 1fr) 290px; grid-template-rows: 52px minmax(420px, calc(100vh - 340px)) 210px; min-height: calc(100vh - 115px); overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #0a110d; box-shadow: var(--shadow); }
.studio-top { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); }.studio-top > div { display: flex; align-items: center; gap: 8px; }.studio-top strong { font-size: .73rem; }.studio-top span { color: var(--muted); font-size: .62rem; }
.studio-tools { grid-row: 2; display: flex; flex-direction: column; gap: 7px; align-items: center; padding: 12px 0; border-right: 1px solid var(--line); }.studio-tool { display: grid; place-items: center; width: 38px; aspect-ratio: 1; border: 1px solid transparent; border-radius: 11px; background: transparent; cursor: pointer; }.studio-tool:hover,.studio-tool.active { border-color: var(--line); background: rgba(255,255,255,.06); }.studio-tool.active { color: #081008; background: var(--acid); }
.studio-canvas-area { position: relative; grid-column: 2; grid-row: 2; display: grid; place-items: center; overflow: hidden; background-color: #080e0a; background-image: linear-gradient(45deg,#0c1510 25%,transparent 25%),linear-gradient(-45deg,#0c1510 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0c1510 75%),linear-gradient(-45deg,transparent 75%,#0c1510 75%); background-size: 24px 24px; background-position: 0 0,0 12px,12px -12px,-12px 0; }.studio-canvas-area canvas { max-width: 84%; max-height: 84%; box-shadow: 0 22px 70px rgba(0,0,0,.6); background: #111; }.canvas-hint { position: absolute; display: grid; place-items: center; max-width: 270px; text-align: center; }.canvas-hint button { margin-top: 15px; }.canvas-hint p { color: var(--muted); font-size: .7rem; line-height: 1.6; }
.inspector { grid-column: 3; grid-row: 2; padding: 18px; overflow-y: auto; border-left: 1px solid var(--line); }.inspector h2 { margin: 0 0 18px; font-size: .75rem; }.inspector-section { padding: 16px 0; border-top: 1px solid var(--line); }.inspector-section:first-of-type { border-top: 0; }.inspector-section h3 { margin: 0 0 13px; color: var(--muted); font-size: .61rem; text-transform: uppercase; letter-spacing: .12em; }
.studio-timeline { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: 155px 1fr; overflow: hidden; border-top: 1px solid var(--line); }.track-labels { padding-top: 32px; border-right: 1px solid var(--line); }.track-label { height: 44px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.035); color: var(--muted); font-size: .63rem; }.timeline-body { position: relative; overflow: hidden; background-image: linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 80px 100%; }.timeline-ruler { height: 32px; padding: 10px 16px; color: #647169; font: .54rem ui-monospace,monospace; word-spacing: 53px; }.timeline-clip { height: 30px; margin: 7px 8px; padding: 8px 12px; border-radius: 6px; overflow: hidden; color: #071008; background: linear-gradient(90deg,var(--acid),#7ee7a8); font-size: .56rem; font-weight: 800; white-space: nowrap; }.timeline-clip.audio { width: 62%; margin-left: 14%; color: #fff; background: repeating-linear-gradient(90deg,rgba(178,157,255,.7) 0 3px,#6b5ca9 3px 5px); }.timeline-clip.music { width: 45%; margin-left: 34%; color: #06110b; background: repeating-linear-gradient(90deg,var(--mint) 0 5px,#219e71 5px 7px); }.timeline-playhead { position: absolute; top: 0; bottom: 0; left: 27%; width: 1px; background: #fff; box-shadow: 0 0 9px #fff; }.timeline-playhead::before { content: ""; position: absolute; top: 0; left: -4px; border: 4px solid transparent; border-top-color: #fff; }

.library-main { max-width: 1500px; }
.library-head { margin-bottom: 30px; }
.library-head .eyebrow { margin-bottom: 14px; }
.library-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px; }
.library-overview article { position: relative; overflow: hidden; min-height: 138px; padding: 22px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(17,31,22,.86), rgba(8,15,11,.7)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.library-overview article::after { content:""; position:absolute; right:-50px; bottom:-80px; width:150px; aspect-ratio:1; border-radius:50%; background:var(--acid); opacity:.055; filter:blur(18px); }
.library-overview span, .library-overview small { display:block; color:var(--muted); font-size:.64rem; }
.library-overview strong { display:block; margin:10px 0 7px; font-size:2rem; font-weight:620; letter-spacing:-.05em; }
.library-overview .open-word { color:var(--acid-soft); }
.library-toolbar { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:10px; border:1px solid var(--line); border-radius:18px; background:rgba(7,14,10,.72); backdrop-filter:blur(20px); }
.library-search { display:flex; align-items:center; gap:8px; width:min(300px,28vw); padding-left:12px; color:var(--muted); }
.library-search input { min-height:40px; padding:0 6px; border:0; background:transparent; box-shadow:none; }
.library-search input:focus { box-shadow:none; }
.filter-row { display:flex; gap:6px; overflow-x:auto; }
.filter-chip { min-height:36px; padding:0 13px; border:1px solid transparent; border-radius:999px; color:var(--muted); background:transparent; font-size:.66rem; font-weight:800; cursor:pointer; transition:.2s ease; }
.filter-chip:hover { color:var(--ink); background:rgba(255,255,255,.04); }
.filter-chip.active { color:#071008; background:var(--acid); }
.result-count { margin-left:auto; padding-right:10px; color:var(--muted); font-size:.63rem; white-space:nowrap; }
.projects-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.project-card { position:relative; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:21px; background:linear-gradient(145deg,rgba(15,27,19,.92),rgba(7,14,10,.86)); box-shadow:0 18px 60px rgba(0,0,0,.14); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.project-card:hover { transform:translateY(-4px); border-color:rgba(186,255,57,.24); box-shadow:0 24px 70px rgba(0,0,0,.3),0 0 45px rgba(186,255,57,.025); }
.project-thumb { position:relative; display:grid; place-items:center; height:178px; overflow:hidden; color:var(--acid); background:radial-gradient(circle at 50% 52%,rgba(186,255,57,.2),transparent 40%),linear-gradient(135deg,#071009,#0d1d13); }
.project-thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(5,9,6,.72),transparent 55%); pointer-events:none; }
.project-thumb img { width:100%; height:100%; object-fit:contain; transition:transform .5s ease; }
.project-card:hover .project-thumb img { transform:scale(1.035); }
.project-thumb > i { position:absolute; width:90px; aspect-ratio:1; border:1px solid currentColor; border-radius:50%; opacity:.15; animation:orbit 12s linear infinite; }
.project-glyph { z-index:1; color:currentColor; font-size:2rem; text-shadow:0 0 25px currentColor; }
.project-voice { color:var(--mint); }.project-visual { color:var(--acid); }.project-audio { color:var(--lavender); }.project-studio { color:var(--aqua); }
.project-type { position:absolute; z-index:2; right:14px; bottom:12px; left:14px; color:rgba(240,249,243,.75); font-size:.57rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.project-card-body { display:grid; gap:18px; padding:18px; }
.project-card-body strong { display:-webkit-box; min-height:2.7em; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:.82rem; line-height:1.35; }
.project-card-body > div > span { display:block; margin-top:7px; color:var(--muted); font-size:.6rem; }
.project-actions { display:flex; align-items:center; gap:8px; }
.project-actions button { min-height:36px; border:1px solid var(--line); border-radius:10px; cursor:pointer; transition:.2s ease; }
.project-open { flex:1; display:flex; justify-content:space-between; align-items:center; padding:0 12px; color:var(--ink-soft); background:rgba(255,255,255,.025); font-size:.64rem; font-weight:800; }
.project-open:hover { color:#081008; border-color:var(--acid); background:var(--acid); }
.project-delete { width:36px; color:var(--muted); background:transparent; font-size:1.1rem; }
.project-delete:hover { color:#ffd0d3; border-color:rgba(255,109,120,.3); background:rgba(255,109,120,.08); }
.empty-projects { grid-column:1/-1; padding:80px 24px; border:1px dashed var(--line); border-radius:22px; text-align:center; color:var(--muted); }
.empty-projects strong { display:block; margin-bottom:8px; color:var(--ink); }.empty-projects p { margin:0 auto 20px; max-width:430px; font-size:.74rem; line-height:1.65; }
.project-skeleton { min-height:300px; overflow:hidden; padding:14px; border:1px solid var(--line); border-radius:21px; background:rgba(14,24,17,.55); }
.project-skeleton i,.project-skeleton span { display:block; border-radius:12px; background:linear-gradient(100deg,rgba(255,255,255,.025) 20%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.025) 70%); background-size:300% 100%; animation:skeleton 1.5s ease infinite; }
.project-skeleton i { height:170px; }.project-skeleton span { width:80%; height:12px; margin-top:20px; }.project-skeleton span:last-child { width:52%; margin-top:10px; }

.media-library{margin:0 0 42px;padding:clamp(22px,3vw,36px);border:1px solid rgba(157,233,231,.25);border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(70,217,218,.13),transparent 38%),linear-gradient(145deg,#0c201b,#08110e 68%);box-shadow:0 25px 75px rgba(0,0,0,.24)}
.media-library-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.media-library-heading h2{margin:10px 0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.055em}.media-library-heading p{max-width:640px;margin:0;color:var(--ink-soft);font-size:.78rem;line-height:1.6}.media-upload{flex:none;cursor:pointer}
.media-library-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px}.media-library-toolbar>label{display:flex;align-items:center;gap:9px;width:min(320px,32vw);padding:0 13px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.22);color:var(--acid)}.media-library-toolbar input{min-height:42px;width:100%;border:0;background:none;box-shadow:none}.media-library-toolbar input:focus{box-shadow:none}.media-library-toolbar>span{margin-left:auto;color:var(--muted);font-size:.69rem;white-space:nowrap}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.media-empty{grid-column:1/-1;margin:0;padding:48px 20px;border:1px dashed rgba(157,233,231,.2);border-radius:15px;color:var(--ink-soft);text-align:center;font-size:.78rem}.media-card{min-width:0;overflow:hidden;border:1px solid rgba(157,233,231,.17);border-radius:17px;background:rgba(2,10,9,.62);transition:border-color .2s,transform .2s,box-shadow .2s}.media-card:hover{border-color:rgba(157,233,231,.5);transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.24)}.media-card-preview{position:relative;display:grid;place-items:center;height:235px;background:radial-gradient(circle at 50% 48%,rgba(157,233,231,.12),transparent 60%),#06100e}.media-card-preview img,.media-card-preview video{display:block;width:100%;height:100%;object-fit:contain}.media-card-preview>span{position:absolute;top:12px;left:12px;padding:6px 8px;border:1px solid rgba(157,233,231,.3);border-radius:6px;background:rgba(4,13,12,.85);color:var(--clipper-ice,#9de9e7);font:700 .58rem ui-monospace,monospace;letter-spacing:.12em}.media-card-preview.audio{grid-template-rows:1fr auto;padding:16px}.media-audio-glyph{color:var(--lavender);font-size:4rem;text-shadow:0 0 45px rgba(182,144,255,.45)}.media-card-preview audio{width:100%;max-width:100%}.media-card-body{display:grid;gap:9px;padding:16px}.media-card-body>small{color:var(--clipper-ice,#9de9e7);font-size:.62rem}.media-card-body>strong{min-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.86rem;line-height:1.4}.media-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.media-card-actions .button{min-height:35px;padding:7px 10px;font-size:.63rem}.media-remove{width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer}.media-remove:hover{border-color:var(--danger);color:var(--danger)}
@media(max-width:980px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.media-library-heading{align-items:start;flex-direction:column}.media-library-toolbar{flex-wrap:wrap}.media-library-toolbar>label{width:100%}.media-grid{grid-template-columns:1fr}.media-card-preview{height:275px}.library-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.library-overview article:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.media-card{transition:none}.media-card:hover{transform:none}}

.marketing-page { padding: clamp(70px, 9vw, 130px) 0; }.marketing-page .title { max-width: 1000px; }.code-panel { margin-top: 48px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #07100a; }.code-tabs { display: flex; gap: 20px; padding: 17px 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .68rem; }.code-tabs strong { color: var(--acid); }.code-panel pre { margin: 0; overflow-x: auto; padding: 28px; color: #bcd0c2; font: .78rem/1.8 ui-monospace, monospace; }.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 48px; }.price-card { padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: rgba(14,24,17,.7); }.price-card.featured { border-color: rgba(186,255,57,.35); box-shadow: inset 0 0 60px rgba(186,255,57,.035); }.price-card h2 { margin: 0; font-size: 1.25rem; }.price { margin: 24px 0; font-size: 3rem; font-weight: 600; letter-spacing: -.06em; }.price small { color: var(--muted); font-size: .72rem; letter-spacing: 0; }.price-card ul { min-height: 170px; padding: 0; list-style: none; }.price-card li { margin: 12px 0; color: var(--ink-soft); font-size: .76rem; }.price-card li::before { content: "✓"; margin-right: 9px; color: var(--acid); }
.access-page { padding-top:clamp(70px,9vw,120px); }
.access-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,430px); gap:clamp(40px,8vw,120px); align-items:center; min-height:610px; }
.access-hero::before { content:""; position:absolute; z-index:-1; right:8%; width:420px; aspect-ratio:1; border:1px solid rgba(186,255,57,.12); border-radius:50%; box-shadow:0 0 100px rgba(186,255,57,.07),inset 0 0 100px rgba(101,245,176,.04); }
.access-card { position:relative; overflow:hidden; padding:34px; border:1px solid rgba(186,255,57,.22); border-radius:30px; background:radial-gradient(circle at 85% 0,rgba(186,255,57,.13),transparent 38%),linear-gradient(145deg,rgba(19,34,23,.96),rgba(7,14,10,.9)); box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05); }
.access-card::after { content:"∞"; position:absolute; right:-10px; bottom:-55px; color:rgba(186,255,57,.045); font-size:13rem; font-weight:800; }
.access-kicker { display:flex; align-items:center; gap:9px; color:#b9e7c9; font-size:.64rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.access-card > strong { display:block; margin:34px 0 4px; font-size:5.2rem; font-weight:620; line-height:.9; letter-spacing:-.08em; }
.access-card > p { margin:0 0 28px; color:var(--muted); font-size:.75rem; }
.access-card ul { position:relative; z-index:1; padding:22px 0 0; border-top:1px solid var(--line); list-style:none; }
.access-card li { margin:14px 0; color:var(--ink-soft); font-size:.75rem; }.access-card li::before { content:"✓"; margin-right:10px; color:var(--acid); }
.access-roadmap { display:grid; grid-template-columns:repeat(3,1fr); margin-top:30px; border:1px solid var(--line); border-radius:24px; background:rgba(9,17,12,.65); }
.access-roadmap div { min-height:200px; padding:30px; border-right:1px solid var(--line); }.access-roadmap div:last-child { border:0; }
.access-roadmap span { color:var(--acid); font:700 .65rem ui-monospace,monospace; }.access-roadmap strong { display:block; margin:30px 0 10px; font-size:1rem; }.access-roadmap p { margin:0; color:var(--muted); font-size:.73rem; line-height:1.65; }

.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; gap: 25px; align-items: center; min-height: 130px; padding: 0 clamp(18px,4vw,72px); border-top: 1px solid var(--line); color: var(--muted); font-size: .68rem; }.site-footer p { margin: 0; }.site-footer > div { display: flex; justify-content: flex-end; gap: 20px; }.site-footer a:hover { color: var(--ink); }.brand-footer { color: var(--ink); font-size: .78rem; }
.toast-region { position: fixed; right: 20px; bottom: 20px; z-index: 80; display: grid; gap: 10px; }.toast { min-width: 280px; max-width: 400px; padding: 15px 18px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(12,21,15,.96); box-shadow: var(--shadow); color: var(--ink-soft); font-size: .72rem; animation: toastIn .25s ease both; }.toast strong { color: var(--acid); }
.command-palette { position: fixed; inset: 0; z-index: 90; display: none; place-items: start center; padding-top: min(18vh,160px); background: rgba(2,5,3,.72); backdrop-filter: blur(13px); }.command-palette.open { display: grid; }.command-card { width: min(590px,calc(100% - 30px)); padding: 18px; border: 1px solid var(--line-strong); border-radius: 22px; background: #0c1510; box-shadow: var(--shadow); }.command-card label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.command-card input { margin: 14px 0; font-size: 1.05rem; }.command-results { display: grid; max-height: 330px; overflow-y: auto; }.command-result { display: flex; justify-content: space-between; padding: 14px; border-radius: 11px; cursor: pointer; }.command-result:hover,.command-result.selected { background: rgba(255,255,255,.055); }.command-result span { color: var(--muted); font-size: .65rem; }.command-card > p { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .6rem; }.command-card kbd { margin-right: 4px; padding: 3px 6px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink-soft); background: rgba(255,255,255,.04); }.noscript { padding: 20px; color: #fff; background: #5b131a; }

@keyframes equalize { 50% { height: 4px; opacity: .55; } }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px rgba(186,255,57,0); } }
@keyframes breathe { 50% { transform: translate(30px,40px) scale(1.15); opacity: .18; } }
@keyframes orbit { to { transform: rotate(344deg); } }
@keyframes float { 50% { transform: translateY(-12px); } }
@keyframes waveform { 50% { height: calc(var(--h) * .46); opacity: .58; } }
@keyframes playhead { from { left: 16%; } to { left: 83%; } }
@keyframes recordPulse { 70% { box-shadow: 0 0 0 22px rgba(255,109,120,0); } }
@keyframes generate { 0% { transform: translateX(-120%); } 100% { transform: translateX(360%); } }
@keyframes toastIn { from { transform: translateY(12px); opacity: 0; } }
@keyframes skeleton { from { background-position:100% 0; } to { background-position:0 0; } }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }.main-nav { display: none; }.hero { grid-template-columns: 1fr .85fr; }.display { font-size: clamp(4rem,8vw,7rem); }.workspace-page { grid-template-columns: 76px minmax(0,1fr); }.workspace-sidebar { padding: 24px 10px; }.sidebar-label,.sidebar-nav a strong,.sidebar-bottom { display: none; }.sidebar-nav a { justify-content: center; padding: 0; }.studio-app { grid-template-columns: 58px minmax(0,1fr) 240px; }.tool-card:nth-child(n) { grid-column: span 6; }
}

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 70px; }.signal-stage { min-height: 530px; }.metric-strip { grid-template-columns: 1fr 1fr; }.metric-strip article:nth-child(2) { border-right: 0; }.metric-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.section-heading { align-items: start; flex-direction: column; }.showcase { grid-template-columns: 1fr; }.showcase-stage { min-height: 540px; }.workspace-grid { grid-template-columns: 1fr; }.projects-grid,.pricing-grid { grid-template-columns: 1fr 1fr; }.studio-app { grid-template-columns: 58px minmax(0,1fr); grid-template-rows: 52px 500px auto 200px; }.inspector { grid-column: 1/-1; grid-row: 3; border-top: 1px solid var(--line); border-left: 0; }.studio-timeline { grid-row: 4; }.site-footer { grid-template-columns: 1fr 1fr; }.site-footer p { display: none; }
  .access-hero { grid-template-columns:1fr; min-height:0; }.access-card { width:min(100%,520px); }.access-roadmap { grid-template-columns:1fr; }.access-roadmap div { min-height:0; border-right:0; border-bottom:1px solid var(--line); }.library-toolbar { align-items:stretch; flex-wrap:wrap; }.library-search { width:100%; }.result-count { align-self:center; }
}

@media (max-width: 760px) {
  :root { --header: 66px; }.site-header { min-height: 66px; padding: 0 14px; background: rgba(5,9,6,.8); backdrop-filter: blur(20px); }.header-actions .button,.command-button,.desktop-only { display: none; }.menu-button { display: block; }.page-shell { width: min(100% - 24px,1540px); }.section { padding: 80px 0; }.display { font-size: clamp(3.6rem,19vw,6.5rem); }.title { font-size: clamp(2.7rem,14vw,4.8rem); }.hero { gap: 15px; padding: 60px 0 80px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.signal-stage { min-height: 480px; }.hero-console { inset: 8% 1% 7% 1%; padding: 20px; transform: none; }.signal-orbit { inset: 5%; }.floating-tag { font-size: .61rem; }.tag-one { right: 0; }.voice-sentence { margin-top: 43px; }.metric-strip { grid-template-columns: 1fr; }.metric-strip article { border-right: 0; border-bottom: 1px solid var(--line); }.metric-strip article:last-child { border-bottom: 0; }.tool-card:nth-child(n) { grid-column: 1/-1; min-height: 300px; }.showcase-stage { min-height: 450px; }.studio-window { inset: 5% 3%; }.cta-panel { border-radius: 28px; }.workspace-page { display: block; }.workspace-sidebar { position: static; width: auto; height: auto; overflow-x: auto; padding: 12px; border-right: 0; border-bottom: 1px solid var(--line); }.sidebar-label,.sidebar-bottom { display: none; }.sidebar-nav { display: flex; width: max-content; }.sidebar-nav a { justify-content: flex-start; width: 44px; }.sidebar-nav a strong { display: none; }.workspace-main { padding: 30px 14px 60px; }.workspace-head { align-items: start; flex-direction: column; }.workspace-badge { display: none; }.workspace-grid { gap: 12px; }.control-row { grid-template-columns: 1fr; }.action-row { align-items: stretch; flex-direction: column; }.action-row > div,.action-row .button { width: 100%; }.preview-pane { min-height: 330px; }.studio-page { padding: 0; }.studio-app { grid-template-columns: 48px minmax(0,1fr); grid-template-rows: 48px 430px auto 180px; min-height: auto; border-inline: 0; border-radius: 0; }.studio-top { padding: 0 10px; }.studio-top .button-ghost { display: none; }.studio-canvas-area canvas { max-width: 94%; max-height: 90%; }.studio-timeline { grid-template-columns: 100px 1fr; }.track-label { padding-inline: 10px; }.projects-grid,.pricing-grid { grid-template-columns: 1fr; }.empty-projects { padding: 45px 18px; }.site-footer { min-height: 110px; padding: 0 16px; }.site-footer > div a { display: none; }.brand-footer { font-size: .7rem; }.toast-region { right: 12px; bottom: 12px; left: 12px; }.toast { min-width: 0; max-width: none; }.marketing-page { padding-top: 60px; }
  .library-overview { grid-template-columns:repeat(3,minmax(150px,1fr)); overflow-x:auto; padding-bottom:5px; scroll-snap-type:x proximity; }.library-overview article { min-height:112px; padding:18px; scroll-snap-align:start; }.library-overview strong { font-size:1.65rem; }.filter-row { width:100%; padding-bottom:3px; }.result-count { width:100%; padding:0 4px 2px; }.project-thumb { height:200px; }.access-card { padding:26px; border-radius:24px; }.access-card > strong { font-size:4.4rem; }.access-roadmap div { padding:24px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Shared KodeCryptX identity */
.user-pill { cursor: pointer; }
.auth-gate { position: fixed; inset: 0; z-index: 120; display: none; place-items: center; overflow: auto; padding: 28px; background: radial-gradient(circle at 18% 12%, rgba(186,255,57,.13), transparent 34rem), radial-gradient(circle at 82% 84%, rgba(70,217,218,.1), transparent 30rem), rgba(3,7,5,.97); backdrop-filter: blur(30px); }
.auth-gate.open { display: grid; }
.auth-gate::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; mask-image:radial-gradient(circle,#000,transparent 76%); }
.auth-signal { position: absolute; width: min(78vw, 820px); aspect-ratio: 1; border: 1px solid rgba(186,255,57,.1); border-radius: 50%; animation: orbit 30s linear infinite; }
.auth-signal::before,.auth-signal::after { content:""; position:absolute; inset:12%; border:1px solid rgba(70,217,218,.09); border-radius:50%; }.auth-signal::after{inset:27%;border-color:rgba(178,157,255,.1)}
.auth-signal i { position:absolute; width:8px; aspect-ratio:1; border-radius:50%; background:var(--acid); box-shadow:0 0 24px var(--acid); }.auth-signal i:nth-child(1){top:8%;left:30%}.auth-signal i:nth-child(2){right:2%;top:49%;background:var(--aqua);box-shadow:0 0 24px var(--aqua)}.auth-signal i:nth-child(3){left:16%;bottom:13%;background:var(--lavender);box-shadow:0 0 24px var(--lavender)}
.auth-card { position:relative; width:min(100%,560px); padding:clamp(30px,5vw,58px); border:1px solid rgba(206,240,218,.2); border-radius:34px; background:linear-gradient(145deg,rgba(18,30,22,.95),rgba(7,13,9,.96)); box-shadow:0 42px 130px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(28px); }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:46px; font-size:.86rem; font-weight:900; letter-spacing:.16em; }.auth-brand>span:last-child span{color:var(--acid)}
.auth-card h1 { margin:0; font-size:clamp(2.55rem,6vw,4.4rem); line-height:.92; letter-spacing:-.065em; font-weight:620; }.auth-card h1 span{display:block;color:transparent;background:linear-gradient(100deg,#eaffdf,var(--acid));background-clip:text}
.auth-card>p { margin:22px 0 34px; color:var(--ink-soft); line-height:1.7; }
.auth-card form>label { display:block; margin:19px 0 8px; color:#bdd0c2; font-size:.69rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.auth-input { display:grid; grid-template-columns:44px 1fr auto; align-items:center; min-height:56px; border:1px solid var(--line-strong); border-radius:15px; background:rgba(0,0,0,.22); transition:border-color .2s,box-shadow .2s; }.auth-input:focus-within{border-color:rgba(186,255,57,.55);box-shadow:0 0 0 4px rgba(186,255,57,.07)}
.auth-input>span { color:var(--acid); text-align:center; }.auth-input input{width:100%;height:54px;border:0;outline:0;color:var(--ink);background:transparent}.auth-input button{height:38px;margin-right:8px;padding:0 10px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer}.auth-input button:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.auth-options { display:flex; justify-content:space-between; gap:16px; margin:18px 0 24px; color:var(--muted); font-size:.72rem; }.auth-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-options input{accent-color:var(--acid)}.auth-options a{color:var(--mint)}
.auth-submit { width:100%; min-height:56px; justify-content:space-between; padding:0 22px; }.auth-submit b{font-size:1.1rem}.auth-error{padding:11px 13px!important;margin:0 0 14px!important;border:1px solid rgba(255,109,120,.25);border-radius:10px;color:#ffc1c6!important;background:rgba(255,109,120,.08);font-size:.76rem}
.auth-foot{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.64rem}.auth-foot span:first-child{display:flex;align-items:center;gap:7px}.auth-foot i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.account-popover{position:fixed;z-index:70;top:70px;right:clamp(18px,4vw,72px);width:230px;padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(10,18,13,.98);box-shadow:var(--shadow)}.account-popover strong,.account-popover span{display:block}.account-popover span{margin-top:4px;color:var(--muted);font-size:.68rem}.account-popover button{width:100%;margin-top:15px;padding:10px;border:1px solid var(--line);border-radius:10px;color:#ffc1c6;background:rgba(255,109,120,.06);cursor:pointer}

/* InfX conversation workspace */
.infx-page { display:grid; grid-template-columns:290px minmax(0,1fr); min-height:calc(100vh - var(--header)); border-top:1px solid var(--line); background:radial-gradient(circle at 66% 14%,rgba(186,255,57,.055),transparent 30rem),#060a08; }
.infx-progress{display:flex;align-items:center;gap:12px;margin:0 2px 8px;padding:11px 13px;border:1px solid rgba(186,255,57,.28);border-radius:12px;background:linear-gradient(90deg,rgba(186,255,57,.095),rgba(70,217,218,.035));box-shadow:0 10px 30px rgba(0,0,0,.12)}.infx-progress[hidden]{display:none}.infx-progress-pulse{flex:none;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(186,255,57,.11),0 0 16px rgba(186,255,57,.6);animation:infxBlink 1.2s ease-in-out infinite}.infx-progress>div{display:grid;gap:3px;min-width:0}.infx-progress strong{color:var(--ink);font-size:.7rem;font-weight:750}.infx-progress small{color:var(--muted);font-size:.6rem;line-height:1.4}.infx-progress-mark{margin-left:auto;color:var(--acid);font:.58rem ui-monospace,monospace;letter-spacing:.12em}.infx-progress.error{border-color:rgba(255,109,120,.35);background:rgba(255,109,120,.06)}.infx-progress.error .infx-progress-pulse{background:var(--danger);box-shadow:0 0 0 5px rgba(255,109,120,.1);animation:none}.infx-progress.error .infx-progress-mark{color:var(--danger)}
.infx-rail { position:relative; z-index:3; display:flex; flex-direction:column; min-height:calc(100vh - var(--header)); padding:24px 18px 18px; border-right:1px solid var(--line); background:linear-gradient(180deg,rgba(13,23,17,.94),rgba(7,12,9,.96)); }
.infx-identity{display:flex;align-items:center;gap:11px;padding:4px 8px 25px}.infx-glyph{display:grid;place-items:center;width:36px;aspect-ratio:1;border:1px solid rgba(186,255,57,.35);border-radius:12px;color:var(--acid);background:rgba(186,255,57,.07);box-shadow:0 0 28px rgba(186,255,57,.09)}.infx-identity strong,.infx-identity small{display:block}.infx-identity strong{font-size:1.08rem}.infx-identity small{margin-top:3px;color:var(--muted);font-size:.52rem;letter-spacing:.16em}
.infx-new{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(186,255,57,.25);border-radius:13px;color:#10190d;background:var(--acid);font-size:.75rem;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s}.infx-new:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(186,255,57,.15)}.infx-new span{font-size:1rem}.infx-new kbd{margin-left:auto;color:rgba(8,16,8,.58);font-size:.58rem}
.infx-search{display:grid;grid-template-columns:30px 1fr;align-items:center;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18)}.infx-search span{text-align:center;color:var(--muted)}.infx-search input{height:42px;border:0;outline:0;color:var(--ink);background:transparent;font-size:.74rem}
.infx-rail-label{display:flex;justify-content:space-between;align-items:center;margin:27px 7px 10px;color:var(--muted);font-size:.59rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.infx-rail-label button{border:0;color:var(--muted);background:transparent;cursor:pointer}.infx-history{flex:1;min-height:160px;overflow:auto}.infx-history>button{display:grid;grid-template-columns:19px 1fr auto;gap:8px;align-items:start;width:100%;padding:12px 9px;border:1px solid transparent;border-radius:12px;text-align:left;background:transparent;cursor:pointer;transition:background .2s,border-color .2s}.infx-history>button:hover{background:rgba(255,255,255,.035)}.infx-history>button.active{border-color:rgba(186,255,57,.17);background:rgba(186,255,57,.065)}.infx-history i{color:var(--muted);font-style:normal}.infx-history button.active i{color:var(--acid)}.infx-history strong,.infx-history small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infx-history strong{font-size:.72rem}.infx-history small{max-width:175px;margin-top:4px;color:var(--muted);font-size:.59rem}.infx-history time{color:#617067;font-size:.55rem}.infx-empty-history{padding:26px 12px;text-align:center;color:var(--muted)}.infx-empty-history span,.infx-empty-history strong,.infx-empty-history small{display:block}.infx-empty-history span{color:var(--acid);font-size:1.6rem}.infx-empty-history strong{margin-top:9px;color:var(--ink-soft);font-size:.73rem}.infx-empty-history small{margin-top:6px;line-height:1.5}.infx-skeleton{height:54px;margin:7px;border-radius:11px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:200%;animation:loading 1.4s infinite}
.infx-rail footer{padding:16px 8px 2px;border-top:1px solid var(--line)}.infx-rail footer span{display:flex;align-items:center;gap:8px;font-size:.66rem}.infx-rail footer i{width:6px;aspect-ratio:1;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.infx-rail footer small{display:block;margin:6px 0 0 14px;color:var(--muted);font-size:.55rem}
.infx-main{position:relative;display:grid;grid-template-rows:62px minmax(450px,1fr) auto;min-width:0;height:calc(100vh - var(--header));overflow:hidden}.infx-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(15px,2.4vw,34px);border-bottom:1px solid var(--line);background:rgba(7,12,9,.72);backdrop-filter:blur(20px)}.infx-crumb{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.infx-crumb span{color:var(--acid);font-size:.6rem;font-weight:900;letter-spacing:.12em}.infx-crumb strong{margin-left:7px;font-size:.75rem}.infx-actions{display:flex;align-items:center;gap:7px}.infx-model{display:flex;align-items:center;gap:7px;height:38px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.infx-model span{color:var(--acid)}.infx-model select{max-width:260px;border:0;outline:0;color:var(--ink-soft);background:transparent;font-size:.68rem}.infx-model option{background:#0c1610}.infx-icon,.infx-mobile-menu{display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:rgba(255,255,255,.02);cursor:pointer}.infx-icon:hover{color:var(--ink);border-color:var(--line-strong)}.infx-icon.danger:hover{color:var(--danger);border-color:rgba(255,109,120,.3)}.infx-icon:disabled{opacity:.25;cursor:not-allowed}.infx-mobile-menu{display:none}
.infx-stage{position:relative;overflow:auto}.infx-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:60px 24px 90px;text-align:center}.infx-orb{position:relative;display:grid;place-items:center;width:112px;aspect-ratio:1;margin-bottom:32px;border:1px solid rgba(186,255,57,.16);border-radius:50%;background:radial-gradient(circle,rgba(186,255,57,.12),transparent 68%);box-shadow:0 0 90px rgba(186,255,57,.09)}.infx-orb::before,.infx-orb::after{content:"";position:absolute;inset:15px;border:1px solid rgba(70,217,218,.15);border-radius:50%;animation:orbit 9s linear infinite}.infx-orb::after{inset:-14px;border-style:dashed;border-color:rgba(186,255,57,.09);animation-duration:18s;animation-direction:reverse}.infx-orb i{position:absolute;top:8px;width:7px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}.infx-orb span{color:var(--acid);font-size:2rem}.infx-welcome .eyebrow{margin-bottom:20px}.infx-welcome h1{margin:0;max-width:850px;font-size:clamp(3rem,6vw,6.5rem);font-weight:600;line-height:.9;letter-spacing:-.07em}.infx-welcome h1 span{color:transparent;background:linear-gradient(100deg,#eaffdf,var(--acid));background-clip:text}.infx-welcome>p{max-width:650px;margin:24px auto 38px;color:var(--ink-soft);font-size:1rem;line-height:1.7}.infx-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(920px,100%)}.infx-prompts button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:13px 16px;border:1px solid var(--line);border-radius:15px;color:var(--ink-soft);text-align:left;background:linear-gradient(145deg,rgba(18,30,22,.65),rgba(9,16,12,.6));cursor:pointer;transition:transform .2s,border-color .2s}.infx-prompts button:hover{transform:translateY(-3px);border-color:rgba(186,255,57,.28)}.infx-prompts span{color:var(--acid);font:600 .58rem ui-monospace}.infx-prompts b{font-size:.7rem}.infx-prompts i{font-style:normal;color:var(--muted)}
.infx-messages{width:min(960px,calc(100% - 40px));margin:0 auto;padding:38px 0 70px}.infx-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}.infx-avatar{display:grid;place-items:center;width:36px;aspect-ratio:1;border:1px solid rgba(186,255,57,.26);border-radius:12px;color:var(--acid);background:rgba(186,255,57,.06);font-size:.58rem;font-weight:900}.infx-message.user .infx-avatar{border-color:rgba(70,217,218,.2);color:var(--aqua);background:rgba(70,217,218,.05)}.infx-message-body header{display:flex;align-items:center;gap:10px;min-height:28px}.infx-message-body header strong{font-size:.76rem}.infx-message-body header span{padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.55rem}.infx-message-body header time{margin-left:auto;color:var(--muted);font-size:.57rem}.infx-prose{margin-top:10px;color:#dce7de;font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}.infx-prose code{padding:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--acid-soft);background:rgba(0,0,0,.3);font: .82em ui-monospace}.infx-code{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:#030605;overflow:hidden}.infx-code>span{display:block;padding:7px 12px;border-bottom:1px solid var(--line);color:var(--muted);font:.58rem ui-monospace}.infx-code pre{overflow:auto;margin:0;padding:16px}.infx-code code{padding:0;border:0;background:transparent}.infx-message-body footer{display:flex;gap:8px;margin-top:12px;opacity:0;transition:opacity .2s}.infx-message:hover .infx-message-body footer,.infx-message:focus-within .infx-message-body footer{opacity:1}.infx-message-body footer button{padding:5px 8px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:.59rem;cursor:pointer}.infx-message-body footer button:hover{color:var(--ink);background:rgba(255,255,255,.05)}.infx-cursor{display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--acid);animation:pulse .8s infinite}
.infx-composer-wrap{position:relative;z-index:2;width:min(980px,calc(100% - 36px));margin:0 auto;padding:0 0 15px;background:linear-gradient(transparent,#060a08 25%)}.infx-context{position:relative;display:flex;align-items:center;gap:8px;padding:8px 3px;color:var(--muted);font-size:.58rem}.infx-context>i{position:absolute;top:0;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--acid),var(--aqua));box-shadow:0 0 12px var(--acid);transition:width .4s}.infx-context em{margin-left:auto;color:var(--mint);font-style:normal}.infx-composer{overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(17,29,21,.96),rgba(9,16,12,.98));box-shadow:0 22px 65px rgba(0,0,0,.36);transition:border-color .2s,box-shadow .2s}.infx-composer:focus-within{border-color:rgba(186,255,57,.4);box-shadow:0 22px 65px rgba(0,0,0,.36),0 0 0 4px rgba(186,255,57,.05)}.infx-composer textarea{display:block;width:100%;min-height:64px;max-height:220px;resize:none;padding:18px 18px 7px;border:0;outline:0;color:var(--ink);background:transparent;line-height:1.55}.infx-composer>div{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 9px 18px}.infx-composer>div>span{color:#5d6b62;font-size:.52rem;letter-spacing:.08em}.infx-composer button{display:grid;place-items:center;width:39px;aspect-ratio:1;border:0;border-radius:12px;color:#091008;background:var(--acid);font-size:1.15rem;font-weight:900;cursor:pointer;transition:transform .2s}.infx-composer button:hover:not(:disabled){transform:scale(1.05)}.infx-composer button:disabled{opacity:.25;cursor:not-allowed}.infx-composer button.stop{color:white;background:var(--danger)}.infx-composer-wrap>small{display:block;margin-top:7px;color:#59675e;text-align:center;font-size:.56rem}
.infx-settings{position:fixed;z-index:65;top:0;right:0;width:min(420px,100%);height:100vh;padding:25px;overflow:auto;border-left:1px solid var(--line-strong);background:rgba(8,15,10,.98);box-shadow:-30px 0 100px rgba(0,0,0,.58);backdrop-filter:blur(24px);transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.9,.3,1)}.infx-settings.open{transform:translateX(0)}.infx-settings header{display:flex;justify-content:space-between;align-items:start;padding-bottom:24px;border-bottom:1px solid var(--line)}.infx-settings header span,.infx-settings header strong{display:block}.infx-settings header span{color:var(--acid);font-size:.56rem;font-weight:900;letter-spacing:.14em}.infx-settings header strong{margin-top:5px;font-size:1.1rem}.infx-settings header button{border:0;color:var(--muted);background:transparent;font-size:1.4rem;cursor:pointer}.infx-settings>label{display:block;margin-top:24px;color:var(--ink-soft);font-size:.7rem;font-weight:750}.infx-settings textarea,.infx-settings input[type="number"]{width:100%;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--ink);background:rgba(0,0,0,.25);font-weight:400;line-height:1.5}.infx-settings input[type="range"]{width:100%;margin-top:14px;accent-color:var(--acid)}.infx-settings output{float:right;color:var(--acid)}.infx-settings>.button{width:100%;margin-top:28px}.infx-privacy{display:flex;gap:12px;margin-top:28px;padding:15px;border:1px solid rgba(101,245,176,.15);border-radius:13px;background:rgba(101,245,176,.04)}.infx-privacy>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#081008;background:var(--mint);font-style:normal}.infx-privacy strong,.infx-privacy span{display:block}.infx-privacy strong{font-size:.68rem}.infx-privacy span{margin-top:4px;color:var(--muted);font-size:.59rem;line-height:1.5}
.infx-workspaces{margin-top:15px}.infx-workspaces .infx-rail-label{margin:0 7px 7px}.infx-workspace-list{max-height:210px;overflow:auto}.infx-workspace-list button{border:0;color:var(--muted);background:transparent;cursor:pointer}.infx-workspace-list>button,.infx-workspace>div>button:first-child{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:9px;text-align:left;font-size:.65rem}.infx-workspace-list>button.active,.infx-workspace.active>div>button:first-child{color:var(--ink);background:rgba(186,255,57,.075)}.infx-workspace>div{display:flex;align-items:center}.infx-workspace>div>button:last-child{padding:6px 8px;font-size:.9rem}.infx-workspace small{margin-left:auto;color:var(--acid);font-size:.55rem}.infx-folder{display:flex;align-items:center;gap:7px;width:calc(100% - 15px);margin-left:15px;padding:6px 8px;border-radius:8px;text-align:left;font-size:.6rem}.infx-folder.active,.infx-folder:hover{color:var(--ink);background:rgba(255,255,255,.05)}.infx-web-toggle{display:inline-flex!important;align-items:center;gap:5px;width:auto!important;min-height:27px;padding:0 9px!important;margin-right:auto;border:1px solid var(--line)!important;border-radius:8px!important;color:var(--muted)!important;background:rgba(0,0,0,.16)!important;font-size:.57rem!important}.infx-web-toggle.active{border-color:rgba(70,217,218,.45)!important;color:#b9ffff!important;background:rgba(70,217,218,.1)!important}.infx-fleet{margin-top:28px;padding:15px;border:1px solid rgba(70,217,218,.2);border-radius:13px;background:linear-gradient(135deg,rgba(70,217,218,.07),rgba(186,255,57,.035))}.infx-fleet>div:first-child{display:flex;align-items:center;justify-content:space-between}.infx-fleet>div:first-child span{color:var(--aqua);font-size:.56rem;font-weight:900;letter-spacing:.14em}.infx-fleet button{border:0;color:var(--acid);background:transparent;font-size:.62rem;font-weight:800;cursor:pointer}.infx-fleet p{margin:9px 0 12px;color:var(--muted);font-size:.62rem;line-height:1.55}.infx-fleet-slot{display:grid;grid-template-columns:48px 1fr;gap:3px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.infx-fleet-slot span{grid-row:span 2;color:var(--aqua);font:.62rem ui-monospace}.infx-fleet-slot strong{overflow:hidden;color:var(--ink-soft);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.infx-fleet-slot small{color:var(--muted);font-size:.55rem;text-transform:capitalize}.infx-fleet-slot.mine strong{color:var(--acid)}.infx-release-slot{width:100%;margin-top:12px;padding:9px;border:1px solid rgba(255,109,120,.25)!important;border-radius:9px!important;color:#ffabb2!important;background:rgba(255,109,120,.05)!important}.infx-release-slot:disabled{opacity:.35;cursor:not-allowed}
@keyframes loading{to{background-position:-200% 0}}

@media (max-width: 1060px){.main-nav{gap:18px}.infx-page{grid-template-columns:250px minmax(0,1fr)}.infx-model select{max-width:150px}.infx-prompts{grid-template-columns:1fr;max-width:570px}.infx-welcome{padding-top:42px}.infx-welcome h1{font-size:clamp(2.8rem,7vw,5rem)}}
@media (max-width: 760px){.auth-gate{padding:12px}.auth-card{padding:28px 22px;border-radius:24px}.auth-brand{margin-bottom:30px}.auth-options,.auth-foot{align-items:flex-start;flex-direction:column}.infx-page{display:block}.infx-main{height:calc(100vh - 66px)}.infx-rail{position:fixed;z-index:62;top:66px;bottom:0;left:0;width:min(86vw,310px);min-height:0;transform:translateX(-105%);transition:transform .3s;box-shadow:35px 0 90px rgba(0,0,0,.6)}.infx-rail.mobile-open{transform:translateX(0)}.infx-mobile-menu{display:grid}.infx-crumb span{display:none}.infx-model{max-width:140px}.infx-model select{max-width:95px}.infx-actions{gap:4px}.infx-topbar{padding:0 10px;gap:7px}.infx-icon{width:34px}.infx-icon#pinConversation,.infx-icon#exportConversation{display:none}.infx-welcome{padding:42px 18px 70px}.infx-welcome h1{font-size:3rem}.infx-welcome>p{font-size:.86rem}.infx-prompts button{min-height:58px}.infx-messages{width:calc(100% - 26px);padding-top:18px}.infx-message{grid-template-columns:30px 1fr;gap:10px}.infx-avatar{width:30px;border-radius:9px}.infx-message-body header span{display:none}.infx-prose{font-size:.82rem}.infx-message-body footer{opacity:1}.infx-composer-wrap{width:calc(100% - 20px);padding-bottom:8px}.infx-composer>div>span{display:none}}

/* Intelligence code canvas */
.infx-page.preview-open{grid-template-columns:260px minmax(390px,1fr) minmax(340px,42vw)}
.infx-icon[aria-pressed="true"]{color:#071008;border-color:var(--acid);background:var(--acid)}
.infx-code-card{margin:20px 0;overflow:hidden;border:1px solid rgba(196,222,204,.18);border-radius:15px;background:#060a08;box-shadow:0 18px 55px rgba(0,0,0,.24)}
.infx-code-card>header{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 10px 0 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#111a14,#0b120e)}
.infx-code-card>header>div{display:flex;align-items:center;gap:7px}.infx-code-card>header i{display:block;width:7px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 10px rgba(186,255,57,.55)}
.infx-code-card>header span{color:#aab8ae;font:700 .6rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}
.infx-code-card button{padding:7px 9px;border:1px solid transparent;border-radius:8px;color:#91a097;background:transparent;font-size:.61rem;font-weight:750;cursor:pointer}.infx-code-card button:hover{color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.045)}
.infx-code-card pre{max-height:540px;margin:0;overflow:auto;padding:21px 22px;background:radial-gradient(circle at 90% 0,rgba(70,217,218,.035),transparent 17rem),#050806;tab-size:2}
.infx-code-card pre code{padding:0;border:0;color:#ced9d1;background:transparent;font: .78rem/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.infx-code-card>footer{display:flex;justify-content:flex-end;gap:13px;padding:7px 13px;border-top:1px solid rgba(255,255,255,.045);color:#536158;background:#080d0a;font:.52rem ui-monospace,monospace}
.tok-keyword{color:#c8a9ff}.tok-string{color:#cce889}.tok-comment{color:#64756a;font-style:italic}.tok-number{color:#73e2d1}.tok-tag{color:#ff9f82}
.infx-prose h2,.infx-prose h3,.infx-prose h4{margin:22px 0 7px;color:var(--ink);line-height:1.25}.infx-prose h2{font-size:1.35rem}.infx-prose h3{font-size:1.12rem}.infx-prose h4{font-size:.95rem}
.infx-preview{display:none;flex-direction:column;min-width:0;height:calc(100vh - var(--header));border-left:1px solid var(--line);background:#090f0b;box-shadow:-20px 0 70px rgba(0,0,0,.25)}.infx-page.preview-open>.infx-preview{display:flex}
.preview-header{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 14px 0 18px;border-bottom:1px solid var(--line)}.preview-header span,.preview-header strong{display:block}.preview-header span{color:var(--acid);font-size:.52rem;font-weight:900;letter-spacing:.15em}.preview-header strong{margin-top:3px;font-size:.78rem}.preview-header>div:last-child{display:flex;gap:5px}.preview-header button,.preview-toolbar button{border:1px solid var(--line);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.025);cursor:pointer}.preview-header button{width:32px;height:32px;font-size:1rem}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 13px;border-bottom:1px solid var(--line);color:var(--muted);font:.57rem ui-monospace,monospace}.preview-toolbar>div{display:flex}.preview-toolbar button{padding:6px 9px;font-size:.55rem}.preview-toolbar button.active{color:#071008;border-color:var(--acid);background:var(--acid)}
.preview-canvas{display:grid;flex:1;place-items:stretch;min-height:0;padding:12px;overflow:hidden;background-color:#060906;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:20px 20px}.preview-canvas iframe{width:100%;height:100%;border:0;border-radius:12px;background:white;box-shadow:0 16px 48px rgba(0,0,0,.38);transition:width .25s}.preview-canvas.mobile iframe{justify-self:center;width:min(390px,100%)}
.preview-onboarding{align-self:center;max-width:320px;padding:30px;text-align:center}.preview-onboarding i{display:grid;place-items:center;width:58px;aspect-ratio:1;margin:0 auto 18px;border:1px solid rgba(186,255,57,.22);border-radius:17px;color:var(--acid);background:rgba(186,255,57,.06);font-size:1.6rem;font-style:normal}.preview-onboarding strong{display:block;font-size:1rem}.preview-onboarding p{color:var(--muted);font-size:.69rem;line-height:1.65}
.infx-preview>footer{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 13px;border-top:1px solid var(--line);color:var(--muted);font-size:.57rem}.infx-preview>footer span{display:flex;align-items:center;gap:7px}.infx-preview>footer i{width:6px;aspect-ratio:1;border-radius:50%;background:var(--mint)}.infx-preview>footer button{border:0;color:var(--acid);background:transparent;font-size:.58rem;font-weight:800;cursor:pointer}.infx-preview>footer button:disabled{color:var(--muted);opacity:.4}

/* Preferences and companions */
.account-popover>a{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:11px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.account-popover>a:hover{border-color:rgba(186,255,57,.28);background:rgba(186,255,57,.06)}.account-popover>a span{margin:0;color:var(--ink-soft)}.account-popover>a b{color:var(--acid)}
.settings-page{padding:clamp(65px,8vw,110px) 0 130px}.settings-hero{max-width:900px;margin-bottom:54px}.settings-hero h1{margin:0;font-size:clamp(3rem,7vw,6.8rem);font-weight:620;line-height:.92;letter-spacing:-.065em}.settings-hero p{max-width:680px;margin:23px 0 0;color:var(--ink-soft);font-size:1rem;line-height:1.7}
.settings-layout{display:grid;grid-template-columns:210px minmax(0,900px);gap:clamp(28px,5vw,80px);align-items:start}.settings-nav{position:sticky;top:100px;display:grid;gap:5px;padding:7px;border:1px solid var(--line);border-radius:15px;background:rgba(9,16,12,.72)}.settings-nav a{padding:12px;border-radius:10px;color:var(--muted);font-size:.7rem;font-weight:750}.settings-nav a:hover,.settings-nav a.active{color:var(--ink);background:rgba(255,255,255,.055)}.settings-nav a.active::before{content:"";display:inline-block;width:5px;aspect-ratio:1;margin-right:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}
.settings-content{display:grid;gap:16px}.settings-card{padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(17,29,21,.88),rgba(8,14,10,.8));box-shadow:0 22px 70px rgba(0,0,0,.16)}.settings-card-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.settings-card-head>div>span,.settings-label{display:block;margin-bottom:9px;color:var(--acid);font-size:.57rem;font-weight:900;letter-spacing:.14em}.settings-card h2{margin:0;font-size:1.45rem;letter-spacing:-.03em}.settings-card p{max-width:630px;margin:9px 0 0;color:var(--muted);font-size:.72rem;line-height:1.65}
.credential-indicator{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#7e8982;box-shadow:0 0 10px currentColor}.credential-indicator.ready{color:var(--mint);background:var(--mint)}.credential-indicator.missing{color:var(--peach);background:var(--peach)}.credential-indicator.unknown{color:#89958d;background:#89958d}
.kodex-token-create{display:flex;align-items:end;gap:12px;margin-top:24px}.kodex-token-create label{display:grid;gap:8px;flex:1;color:var(--muted);font-size:.68rem;font-weight:700}.kodex-token-create input{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(2,8,5,.65);color:var(--ink);font:inherit}.kodex-token-once{display:grid;gap:9px;margin-top:16px;padding:16px;border:1px solid rgba(190,255,95,.28);border-radius:14px;background:rgba(190,255,95,.055)}.kodex-token-once[hidden]{display:none}.kodex-token-once strong{font-size:.78rem}.kodex-token-once p{margin:0}.kodex-token-once code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:9px;background:rgba(0,0,0,.35);color:var(--acid);font-size:.72rem}.kodex-token-once button{justify-self:start}.kodex-token-list{display:grid;gap:9px;margin-top:18px;color:var(--muted);font-size:.7rem}.kodex-token-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.13)}.kodex-token-row>span{display:grid;gap:5px;min-width:0}.kodex-token-row strong{color:var(--ink);font-size:.72rem}.kodex-token-row small{color:var(--muted);overflow-wrap:anywhere}
.kalyx-plugin-card{position:relative;overflow:hidden;border-color:rgba(242,177,86,.28);background:radial-gradient(circle at 96% 0%,rgba(242,177,86,.16),transparent 36%),linear-gradient(145deg,rgba(27,27,19,.95),rgba(8,14,10,.9))}.kalyx-plugin-card .settings-card-head>div>span{color:#f2b156}.kalyx-plugin-card .settings-status{white-space:nowrap}.kalyx-plugin-card .kodex-token-once{border-color:rgba(242,177,86,.32);background:rgba(242,177,86,.06)}.kalyx-plugin-card .kodex-token-once code{color:#f2b156}
.kalyx-plugin-steps{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.kalyx-plugin-steps span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(242,177,86,.19);border-radius:999px;background:rgba(242,177,86,.045);color:#d7d2bb;font-size:.67rem;font-weight:750}.kalyx-plugin-steps b{color:#f2b156;font-size:.62rem;letter-spacing:.07em}
.switch{display:flex;align-items:center;gap:9px;cursor:pointer}.switch input{position:absolute;opacity:0}.switch>span{position:relative;width:44px;height:24px;border:1px solid var(--line-strong);border-radius:999px;background:#090e0b}.switch>span::after{content:"";position:absolute;top:3px;left:3px;width:16px;aspect-ratio:1;border-radius:50%;background:var(--muted);transition:.2s}.switch input:checked+span{border-color:rgba(186,255,57,.5);background:rgba(186,255,57,.14)}.switch input:checked+span::after{left:23px;background:var(--acid);box-shadow:0 0 10px rgba(186,255,57,.55)}.switch b{min-width:20px;font-size:.64rem}
.pet-showcase{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,1fr);gap:28px;margin-top:30px}.pet-portrait{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;border:1px solid rgba(186,255,57,.16);border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(186,255,57,.15),transparent 35%),linear-gradient(145deg,#101c14,#070c09)}.pet-portrait::before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px dashed rgba(186,255,57,.12);border-radius:50%;animation:orbit 24s linear infinite}.pet-portrait>span{position:absolute;top:16px;left:17px;color:var(--muted);font:.55rem ui-monospace,monospace;letter-spacing:.13em}.pet-portrait img{position:relative;z-index:1;width:min(78%,280px);filter:drop-shadow(0 20px 26px rgba(0,0,0,.5))}.pet-portrait>i{position:absolute;right:17px;bottom:16px;width:8px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.pet-controls{display:flex;flex-direction:column;gap:25px;justify-content:center}.pet-controls>label:first-child{display:grid;gap:9px;color:var(--ink-soft);font-size:.68rem;font-weight:750}.pet-controls input[type="text"]{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--ink);background:rgba(0,0,0,.2)}.pet-controls input[type="text"]:focus{border-color:rgba(186,255,57,.42)}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-cards button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--muted);text-align:left;background:rgba(255,255,255,.02);cursor:pointer}.choice-cards button i{grid-row:span 2;color:var(--acid);font-style:normal}.choice-cards strong{color:var(--ink-soft);font-size:.7rem}.choice-cards small{font-size:.56rem}.choice-cards button.active{border-color:rgba(186,255,57,.38);background:rgba(186,255,57,.07)}.check-setting{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.check-setting input{margin-top:3px;accent-color:var(--acid)}.check-setting strong,.check-setting small{display:block}.check-setting strong{font-size:.7rem}.check-setting small{margin-top:5px;color:var(--muted);font-size:.59rem}.companion-note{display:flex;gap:15px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.companion-note span{flex:none;padding:5px 7px;border-radius:6px;color:var(--aqua);background:rgba(70,217,218,.08);font-size:.52rem;font-weight:900;letter-spacing:.1em}.companion-note p{margin:0}.settings-status{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.6rem}.settings-status.secure{color:var(--mint);border-color:rgba(101,245,176,.2);background:rgba(101,245,176,.04)}

/* Screen companions */
.pet-species-choices button{grid-template-columns:40px 1fr;align-items:center;min-height:69px}
.pet-species-choices button img{grid-row:span 2;align-self:center;width:38px;height:46px;object-fit:contain}
.pet-species-choices button small{line-height:1.35}
.screen-pet{--pet-facing:1;position:fixed;z-index:36;bottom:9px;width:132px;height:115px;pointer-events:none;transition:opacity .2s}
.screen-pet[data-species="kangaroo"]{width:105px;height:120px}
.pet-character{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 10px 9px rgba(0,0,0,.36))}
.pet-figure{position:absolute;inset:0;display:block;transform:scaleX(var(--pet-facing));transform-origin:center bottom}
.pet-body,.pet-leg{position:absolute;inset:0;display:block;background:url('/assets/assets/kobi-walking.png') center/100% 100% no-repeat}
.pet-body{clip-path:polygon(5% 58%,14% 44%,28% 39%,39% 30%,49% 11%,69% 3%,97% 13%,99% 57%,87% 65%,78% 70%,61% 73%,46% 74%,32% 75%,18% 70%)}
.pet-leg{transform-origin:center 64%}
.pet-leg-hind-far{clip-path:polygon(28% 59%,43% 60%,44% 77%,42% 89%,30% 89%,28% 73%);transform-origin:35% 61%}
.pet-leg-hind-near{clip-path:polygon(12% 55%,30% 53%,38% 66%,30% 91%,22% 95%,6% 95%,6% 80%);transform-origin:24% 59%}
.pet-leg-front-far{clip-path:polygon(62% 58%,81% 61%,87% 76%,88% 93%,73% 94%,62% 81%);transform-origin:70% 62%}
.pet-leg-front-near{clip-path:polygon(40% 57%,57% 58%,66% 72%,64% 97%,48% 99%,39% 83%);transform-origin:50% 61%}
.screen-pet[data-species="koala"].roaming .pet-body{animation:koalaBody .78s ease-in-out infinite}
.screen-pet[data-species="koala"].roaming .pet-leg-front-near,.screen-pet[data-species="koala"].roaming .pet-leg-hind-far{animation:koalaStep .78s ease-in-out infinite}
.screen-pet[data-species="koala"].roaming .pet-leg-front-far,.screen-pet[data-species="koala"].roaming .pet-leg-hind-near{animation:koalaStep .78s ease-in-out -.39s infinite}
.screen-pet[data-species="koala"].docked .pet-figure{animation:petBreathe 3s ease-in-out infinite}
.screen-pet[data-species="kangaroo"] .pet-body{background-image:url('/assets/assets/roo-mascot.png');clip-path:none}
.screen-pet[data-species="kangaroo"] .pet-leg{display:none}
.screen-pet[data-species="kangaroo"].roaming:not(.scratching) .pet-figure{animation:rooHop 1.15s linear infinite}
.screen-pet[data-species="kangaroo"].docked:not(.scratching) .pet-figure{animation:petBreathe 3s ease-in-out infinite}
.pet-scratch-arm{display:none;position:absolute;z-index:2;left:65%;bottom:32%;width:9%;height:60%;border:1px solid #171b18;border-radius:999px;background:linear-gradient(90deg,#252a28 5%,#555957 48%,#252b29 95%);box-shadow:inset 2px 0 2px rgba(186,255,57,.42);transform-origin:50% 94%}
.pet-scratch-arm::before{content:"";position:absolute;top:-5px;left:-3px;width:16px;height:13px;border:1px solid #1a201e;border-radius:50%;background:linear-gradient(145deg,#5d615e,#222826)}
.screen-pet[data-species="kangaroo"].scratching .pet-scratch-arm{display:block;animation:rooScratch 1.6s ease-in-out both}
.screen-pet[data-species="kangaroo"].scratching .pet-figure{animation:petBreathe 3s ease-in-out infinite}
.pet-character i{position:absolute;right:12%;bottom:2%;left:12%;height:8px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(5px)}
.screen-pet[data-species="kangaroo"].roaming:not(.scratching) .pet-character i{animation:rooShadow 1.15s linear infinite}
.pet-bubble{position:absolute;right:4px;bottom:calc(100% - 10px);width:max-content;max-width:190px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:12px 12px 3px 12px;color:var(--ink-soft);background:rgba(10,18,13,.96);box-shadow:0 12px 30px rgba(0,0,0,.32);font-size:.63rem;opacity:0;transform:translateY(7px);transition:.2s;pointer-events:none}
.screen-pet.speaking .pet-bubble{opacity:1;transform:none}
@keyframes koalaBody{0%,100%{transform:translateY(1px) rotate(.4deg)}50%{transform:translateY(-2px) rotate(-.4deg)}}
@keyframes koalaStep{0%,100%{transform:rotate(-8deg) translateY(0)}40%{transform:rotate(10deg) translateY(-3px)}60%{transform:rotate(8deg) translateY(-2px)}}
@keyframes rooHop{0%,17%,100%{transform:scaleX(var(--pet-facing)) translateY(0) scaleY(1)}20%{transform:scaleX(var(--pet-facing)) translateY(1px) scaleY(.94)}32%{transform:scaleX(var(--pet-facing)) translateY(-12px) rotate(-5deg) scaleY(1.04)}49%{transform:scaleX(var(--pet-facing)) translateY(-24px) rotate(-2deg)}65%{transform:scaleX(var(--pet-facing)) translateY(-18px) rotate(3deg)}78%{transform:scaleX(var(--pet-facing)) translateY(0) scaleY(.9)}88%{transform:scaleX(var(--pet-facing)) translateY(1px) scaleY(1.02)}}
@keyframes rooShadow{0%,20%,78%,100%{opacity:.8;transform:scale(1)}49%{opacity:.3;transform:scale(.68)}}
@keyframes rooScratch{0%,12%,90%,100%{opacity:0;transform:rotate(-28deg) scaleY(.25)}22%,34%,47%,60%,73%,84%{opacity:1;transform:rotate(18deg) scaleY(1)}28%,41%,54%,67%,79%{opacity:1;transform:rotate(27deg) scaleY(1)}}
@keyframes petBreathe{50%{transform:scaleX(var(--pet-facing)) translateY(-2px) scale(1.015)}}

@media (max-width:1180px){.infx-page.preview-open{grid-template-columns:76px minmax(360px,1fr) minmax(320px,42vw)}}
@media (max-width:900px){.infx-preview{position:fixed;z-index:55;top:var(--header);right:0;bottom:0;width:min(520px,88vw);height:auto;box-shadow:-30px 0 90px rgba(0,0,0,.55)}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.pet-showcase{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.infx-page.preview-open{display:block}.infx-preview{top:66px;width:100vw}.infx-icon#previewToggle{display:grid}.infx-code-card{margin-inline:-4px}.infx-code-card pre{padding:16px}.settings-page{padding-top:55px}.settings-hero{margin-bottom:35px}.settings-card-head{flex-direction:column}.kodex-token-create{align-items:stretch;flex-direction:column}.kodex-token-create .button{width:100%}.kodex-token-row{align-items:flex-start}.pet-showcase{grid-template-columns:1fr}.pet-portrait{min-height:320px}.choice-cards{grid-template-columns:1fr}.screen-pet{transform:scale(.86);transform-origin:right bottom}}
@media (prefers-reduced-motion:reduce){.pet-figure,.pet-body,.pet-leg,.pet-scratch-arm,.pet-character i,.pet-portrait::before{animation:none!important}.pet-scratch-arm{display:none!important}}

/* Accepted InfX service controls, within the existing Intelligence design. */
.infx-web-toggle[hidden]{display:none!important}
.infx-model:focus-within{border-color:rgba(186,255,57,.55);box-shadow:0 0 0 3px rgba(186,255,57,.1)}.infx-model select:focus-visible{outline:0}.infx-model option:disabled{color:#a0aaa2}.infx-icon:focus-visible,.infx-fleet button:focus-visible,.infx-diagnostics button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.infx-icon.busy{color:var(--acid);animation:orbit 1s linear infinite}.infx-diagnostics{margin-top:16px;padding:15px;border:1px solid rgba(186,255,57,.16);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(186,255,57,.06),transparent 65%),rgba(10,20,14,.7)}.infx-diagnostics summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:.69rem;font-weight:800;cursor:pointer}.infx-diagnostics summary::marker{color:var(--acid)}.infx-diagnostics summary span{color:var(--mint);font:.55rem ui-monospace,monospace;letter-spacing:.1em}.infx-diagnostics summary span.offline{color:#ffabb2}.infx-diagnostics dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 12px;margin:17px 0;padding-top:15px;border-top:1px solid var(--line);font-size:.61rem}.infx-diagnostics dt{color:var(--muted)}.infx-diagnostics dd{margin:0;color:var(--ink-soft);overflow-wrap:anywhere}.infx-diagnostics button{padding:7px 0;border:0;color:var(--acid);background:transparent;font-size:.61rem;font-weight:800;cursor:pointer}@media(prefers-reduced-motion:reduce){.infx-icon.busy{animation:none}}

/* Conversation flow, compact file tree, and attachment controls */
.infx-main{height:auto;min-height:calc(100vh - var(--header));grid-template-rows:62px auto auto;align-content:start;overflow:visible}
.infx-stage{overflow:visible;min-height:calc(100vh - var(--header) - 62px - 158px)}
.infx-composer-wrap{position:sticky;bottom:0;align-self:end;z-index:5;margin-top:0;padding-top:13px;background:linear-gradient(transparent,rgba(6,10,8,.94) 18%,#060a08 100%);backdrop-filter:blur(12px)}
.infx-section-toggle{display:flex;align-items:center;gap:7px;padding:0;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.infx-section-toggle i{color:var(--aqua);font-size:.75rem;font-style:normal;transition:transform .2s ease}
.infx-section-toggle[aria-expanded="false"] i{transform:rotate(-90deg)}
.infx-section-toggle:focus-visible,.infx-rail-label>button:focus-visible,.infx-artifact-head>button:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px}
.infx-history[hidden],.infx-artifacts[hidden]{display:none}
.infx-file-folder{margin:3px 0;border:1px solid rgba(70,217,218,.1);border-radius:9px;overflow:hidden}
.infx-file-folder>summary{display:flex;align-items:center;gap:7px;padding:8px;cursor:pointer;list-style:none;color:var(--ink-soft)}
.infx-file-folder>summary::-webkit-details-marker{display:none}
.infx-file-folder>summary:before{content:"⌄";color:var(--aqua);font-size:.7rem;transition:transform .2s}
.infx-file-folder:not([open])>summary:before{transform:rotate(-90deg)}
.infx-file-folder>summary>span{color:var(--aqua)}.infx-file-folder>summary>strong{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.infx-file-folder>summary>small{margin-left:auto;color:var(--muted);font-size:.53rem}
.infx-file-folder>div{padding:0 4px 4px}
.infx-file-folder a{grid-template-columns:15px minmax(0,1fr) auto;padding:7px 5px!important}
.infx-attachments{display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px 2px}
.infx-attachments[hidden]{display:none}
.infx-attachment-chip{display:flex;align-items:center;gap:7px;max-width:100%;padding:6px 8px;border:1px solid rgba(70,217,218,.2);border-radius:10px;color:var(--ink-soft);background:rgba(70,217,218,.06)}
.infx-attachment-chip i{color:var(--aqua);font-style:normal}.infx-attachment-chip strong{max-width:220px;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.infx-attachment-chip small{color:var(--muted);font-size:.52rem}.infx-attachment-chip button{display:block!important;width:24px!important;min-height:24px;padding:0!important;border:1px solid var(--line)!important;border-radius:7px!important;color:var(--muted)!important;background:rgba(0,0,0,.2)!important;font-size:.8rem!important}
.infx-composer-tools>span{margin:0 auto 0 8px}.infx-composer .infx-attach{width:31px;min-height:31px;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--aqua)!important;background:rgba(70,217,218,.07)!important;font-size:1.05rem!important}
.infx-composer .infx-attach:hover{border-color:rgba(70,217,218,.4)!important;background:rgba(70,217,218,.13)!important}
.infx-composer .infx-web-toggle{height:28px!important;min-height:28px!important;aspect-ratio:auto!important;align-self:center;flex:none}
.infx-file-folder a:focus-visible,.infx-attachment-chip button:focus-visible,.infx-composer .infx-attach:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.infx-tool-group>summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 12px;color:var(--ink-soft);background:linear-gradient(90deg,rgba(70,217,218,.07),rgba(70,217,218,.025));border-bottom:1px solid rgba(70,217,218,.12)}
.infx-tool-group>summary strong{font-size:.67rem}.infx-tool-group>summary small{margin-left:auto;color:var(--muted);font-size:.57rem;text-align:right}
.infx-tool-signal.error{border-color:rgba(255,109,120,.42);background:rgba(255,109,120,.08)}.infx-tool-signal.error i{background:#ff8792;box-shadow:0 0 10px #ff8792;animation:none}
.infx-tool-call[data-status="error"]{border-color:rgba(255,109,120,.2)}.infx-tool-call[data-status="error"]>summary small{color:#ffabb2}.infx-tool-call[data-status="running"]>summary small{color:var(--aqua)}.infx-tool-call[data-status="done"]>summary small{color:#a2e8c0}
.workspace-sidebar .sidebar-nav a{position:relative}
.workspace-sidebar .sidebar-nav a[data-tooltip]:focus-visible{outline:2px solid var(--acid);outline-offset:2px}

/* A persistent navigation rail anchors every workspace and marketing route. */
:root{--rail-width:222px}
body.rail-collapsed{--rail-width:64px}
.global-rail{position:fixed;z-index:38;top:var(--header,66px);bottom:0;left:0;width:var(--rail-width);overflow:hidden;border-right:1px solid rgba(186,255,57,.18);background:linear-gradient(160deg,rgba(12,26,20,.98),rgba(4,12,11,.98) 72%);box-shadow:12px 0 45px rgba(0,0,0,.2);backdrop-filter:blur(22px);transition:width .28s ease}
.global-rail:before{content:"";position:absolute;inset:0 0 auto;height:180px;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(186,255,57,.1),transparent 75%)}
.global-rail-head{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.07)}
.global-rail-title{overflow:hidden;color:#baff39;font:800 .58rem ui-monospace,monospace;letter-spacing:.2em;white-space:nowrap}
.global-rail-head button{flex:none;width:36px;height:36px;border:1px solid rgba(186,255,57,.23);border-radius:10px;background:rgba(186,255,57,.07);color:#d9ffa2;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .2s}
.global-rail-head button:hover{background:rgba(186,255,57,.2);transform:translateX(-2px)}
.global-rail-links{position:relative;display:grid;align-content:start;gap:3px;height:calc(100% - 65px);overflow:auto;padding:13px 9px 24px;scrollbar-width:thin;scrollbar-color:rgba(186,255,57,.26) transparent}
.global-rail-links a{display:flex;align-items:center;gap:12px;min-height:40px;padding:5px 10px;border:1px solid transparent;border-radius:11px;color:#bac8bf;font-size:.7rem;font-weight:720;letter-spacing:.01em;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,transform .2s}
.global-rail-links a span{display:grid;flex:none;place-items:center;width:25px;height:25px;color:#baff39;font-size:1.05rem}
.global-rail-links a:hover{color:white;background:rgba(186,255,57,.08);transform:translateX(2px)}
.global-rail-links a.active{border-color:rgba(186,255,57,.2);background:linear-gradient(90deg,rgba(186,255,57,.16),rgba(186,255,57,.04));color:#fff}
.global-rail-links a:focus-visible,.global-rail-head button:focus-visible{outline:2px solid #baff39;outline-offset:2px}
.site-header{grid-template-columns:1fr auto}
.site-header .main-nav,.site-header .menu-button{display:none}
.clipper-delete-character{margin-left:8px;border:1px solid rgba(255,140,127,.38)!important;background:rgba(255,109,102,.07)!important;color:#ffb0a6!important}
.clipper-delete-character:hover{background:rgba(255,109,102,.18)!important}
.clipper-preview-slot{display:block;width:100%;color:var(--ink-soft);font-size:.68rem}
.clipper-preview-slot audio,#clonePreview audio{display:block;width:min(100%,420px);margin:12px auto}
.clipper-social-setup{padding:15px 18px;border:1px solid rgba(255,173,119,.35);border-radius:13px;background:rgba(255,173,119,.08);color:#ffdfc6;font-size:.73rem;line-height:1.5}
body:has(#cloneDrop) #screenPet{display:none}
.rail-collapsed .global-rail-title,.rail-collapsed .global-rail-links strong{display:none}
.rail-collapsed .global-rail-head{justify-content:center;padding-inline:8px}
.rail-collapsed .global-rail-links{padding-inline:8px}
.rail-collapsed .global-rail-links a{justify-content:center;padding-inline:4px}
#main,.site-footer{margin-left:var(--rail-width);transition:margin-left .28s ease}
.workspace-page{grid-template-columns:minmax(0,1fr)}
.workspace-page>.workspace-sidebar{display:none}
@media(max-width:720px){:root{--rail-width:64px}.global-rail{width:230px;box-shadow:18px 0 55px rgba(0,0,0,.48)}.rail-collapsed .global-rail{width:64px;box-shadow:10px 0 28px rgba(0,0,0,.22)}#main{min-width:0}.page-shell{width:min(100% - 20px,1540px)}}
@media(max-width:720px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-grid>*{min-width:0}.workspace-main,.workspace-head,.workspace-card,.workspace-card .card-body,.dropzone{min-width:0;max-width:100%}.workspace-head h1{font-size:clamp(2rem,10vw,3rem);overflow-wrap:anywhere}.workspace-head p,.dropzone strong,.dropzone span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.global-rail,#main,.site-footer,.global-rail-links a{transition:none}}
.workspace-sidebar .sidebar-nav a[data-tooltip]:hover:after,.workspace-sidebar .sidebar-nav a[data-tooltip]:focus-visible:after{position:absolute;z-index:20;left:calc(100% + 10px);top:50%;padding:8px 11px;border:1px solid rgba(186,255,57,.23);border-radius:9px;color:var(--ink);background:rgba(8,15,10,.97);box-shadow:0 12px 32px rgba(0,0,0,.38);content:attr(data-tooltip);font-size:.66rem;letter-spacing:0;white-space:nowrap;transform:translateY(-50%);pointer-events:none}
@media(max-width:760px){.infx-main{min-height:calc(100dvh - var(--header));height:auto;grid-template-rows:58px auto auto}.infx-stage{min-height:calc(100dvh - var(--header) - 58px - 150px)}.infx-welcome{min-height:auto;padding:34px 16px 220px}.infx-welcome h1{font-size:clamp(2.55rem,10.5vw,3rem)}.infx-composer-wrap{width:calc(100% - 20px);padding-bottom:max(8px,env(safe-area-inset-bottom))}.infx-composer-tools{gap:6px!important}.infx-attachments{padding:9px 10px 2px}.infx-attachment-chip strong{max-width:150px}.infx-composer .infx-web-toggle{margin-right:0!important}.infx-composer-tools>span{display:none}.infx-topbar{min-width:0}.infx-crumb{flex:1;min-width:0}.infx-actions{flex:0 1 auto;min-width:0}.infx-model{flex:0 1 118px;min-width:0;padding-inline:8px}.infx-model select{min-width:0;width:70px;max-width:70px}.infx-icon{flex:none;width:31px;min-width:31px}.infx-icon#refreshModels,.infx-icon#deleteConversation{display:none}}
@media(prefers-reduced-motion:reduce){.infx-section-toggle i,.infx-file-folder>summary:before{transition:none}}
body:has(.infx-page) .screen-pet{display:none}

/* Private AI builder: the luminous orbit repeats the KodeLabs signal motif. */
.private-ai-page{padding-top:58px;padding-bottom:100px}
.private-ai-hero{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(186,255,57,.2);border-radius:30px;background:radial-gradient(circle at 83% 54%,rgba(186,255,57,.17),transparent 23%),radial-gradient(circle at 78% 61%,rgba(70,217,218,.11),transparent 38%),linear-gradient(130deg,#0e1e15 0%,#06100b 59%,#101a10 100%);box-shadow:0 34px 95px rgba(0,0,0,.34)}
.private-ai-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(186,255,57,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(186,255,57,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.private-ai-hero-copy{position:relative;z-index:2;max-width:740px;padding:clamp(30px,5vw,76px)}
.private-ai-hero h1{margin:18px 0;font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:1.03;letter-spacing:-.065em;font-weight:750}
.private-ai-hero h1 em{display:block;color:var(--acid);font-style:normal;text-shadow:0 0 46px rgba(186,255,57,.2)}
.private-ai-hero-copy>p{max-width:610px;margin:0;color:var(--ink-soft);font-size:clamp(.94rem,1.15vw,1.13rem);line-height:1.68}
.private-ai-signals{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;color:#d9e7dc;font-size:.72rem;font-weight:700}
.private-ai-signals span{display:flex;align-items:center;gap:8px}.private-ai-signals i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.private-ai-orbit{position:absolute;right:-58px;top:50%;width:min(43vw,530px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;filter:drop-shadow(0 0 40px rgba(186,255,57,.12))}
.private-ai-orbit::before,.private-ai-orbit::after,.private-ai-orbit i{content:"";position:absolute;inset:9%;border:1px solid rgba(186,255,57,.18);border-radius:50%;transform:rotate(-23deg) scaleY(.58)}
.private-ai-orbit::after{transform:rotate(49deg) scaleY(.58);border-color:rgba(70,217,218,.28)}
.private-ai-orbit i:nth-child(1){inset:22%;border-color:rgba(186,255,57,.25);transform:none;box-shadow:inset 0 0 50px rgba(186,255,57,.05)}
.private-ai-orbit i:nth-child(2){inset:0;border-style:dashed;opacity:.38;transform:none;animation:orbit 70s linear infinite}
.private-ai-orbit i:nth-child(3){inset:31%;border-color:rgba(186,255,57,.28);transform:none;background:radial-gradient(circle,rgba(186,255,57,.12),transparent 65%)}
.private-ai-orbit b{position:relative;color:var(--acid);font-size:5rem;font-weight:300;text-shadow:0 0 35px rgba(186,255,57,.65);animation:privateAiPulse 5s ease-in-out infinite}
@keyframes privateAiPulse{50%{transform:scale(1.1);opacity:.72}}
.private-ai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:24px;margin-top:30px;align-items:start}
.private-ai-builder,.private-ai-summary{border:1px solid var(--line);border-radius:25px;background:linear-gradient(155deg,rgba(20,35,26,.92),rgba(8,16,11,.92));box-shadow:0 25px 65px rgba(0,0,0,.24)}
.private-ai-builder{padding:clamp(24px,3vw,40px)}.private-ai-summary{position:sticky;top:calc(var(--header) + 20px);padding:28px}
.private-ai-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.private-ai-section-heading span,.private-ai-summary-top>span{color:var(--acid);font:.68rem ui-monospace,monospace;letter-spacing:.15em}
.private-ai-section-heading h2,.private-ai-summary h2{margin:11px 0 7px;font-size:clamp(1.5rem,2.2vw,2.2rem);letter-spacing:-.045em}.private-ai-section-heading p,.private-ai-summary-top p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.private-ai-text-button{flex:none;padding:8px 0;border:0;color:var(--acid);background:transparent;font:700 .77rem inherit;cursor:pointer}.private-ai-text-button:hover{text-decoration:underline;text-underline-offset:5px}
.private-ai-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.private-ai-loading{grid-column:1/-1;color:var(--muted)}
.private-ai-capability{position:relative;min-height:100px;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:13px;padding:17px;border:1px solid rgba(206,240,218,.13);border-radius:18px;background:radial-gradient(circle at 0 100%,rgba(101,245,176,.035),transparent 55%),rgba(255,255,255,.023);cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.private-ai-capability:hover{transform:translateY(-3px);border-color:rgba(186,255,57,.38);box-shadow:0 14px 35px rgba(0,0,0,.2)}
.private-ai-capability.selected{border-color:rgba(186,255,57,.62);background:radial-gradient(circle at 0 100%,rgba(186,255,57,.16),transparent 65%),rgba(186,255,57,.045);box-shadow:inset 0 0 0 1px rgba(186,255,57,.08)}
.private-ai-capability.unavailable{opacity:.68}.private-ai-capability input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.private-ai-capability:focus-within{outline:2px solid var(--acid);outline-offset:3px}
.private-ai-capability-icon{display:grid;place-items:center;width:48px;aspect-ratio:1;border:1px solid rgba(186,255,57,.17);border-radius:14px;color:var(--acid);background:rgba(186,255,57,.07);font-size:1.4rem}
.private-ai-capability-copy strong,.private-ai-capability-copy small{display:block}.private-ai-capability-copy strong{color:var(--ink);font-size:.85rem;line-height:1.3}.private-ai-capability-copy small{margin-top:7px;color:var(--muted);font-size:.65rem}.private-ai-capability-check{color:var(--acid);font-size:1.1rem;text-align:right}
.private-ai-duration{display:grid;gap:9px;margin:28px 0 20px;padding-top:24px;border-top:1px solid var(--line)}.private-ai-duration label{font-size:.78rem;font-weight:750}.private-ai-duration select{width:100%;padding:13px 14px;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);background:#101b13;font:700 .85rem inherit;cursor:pointer}.private-ai-duration small,.private-ai-fineprint{color:var(--muted);font-size:.69rem;line-height:1.55}
.private-ai-selection{display:flex;flex-wrap:wrap;gap:6px;min-height:54px;align-content:start}.private-ai-selection span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:rgba(255,255,255,.035);font-size:.63rem}
.private-ai-quote{width:100%;justify-content:space-between;margin-top:15px}.private-ai-quote:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.7)}.private-ai-fineprint{margin:15px 0 0}.private-ai-result{margin-top:20px}.private-ai-quote-result,.private-ai-error{padding:17px;border:1px solid rgba(186,255,57,.23);border-radius:14px;background:rgba(186,255,57,.055)}
.private-ai-quote-result>span{display:block;color:var(--acid);font:.62rem ui-monospace,monospace;letter-spacing:.12em}.private-ai-quote-result>strong{display:block;margin:10px 0;font-size:2.2rem;letter-spacing:-.06em}.private-ai-quote-result>strong small{font-size:.85rem;letter-spacing:0}.private-ai-quote-result p,.private-ai-quote-result small{color:var(--ink-soft);font-size:.7rem;line-height:1.45}.private-ai-error{border-color:rgba(255,109,120,.34);background:rgba(255,109,120,.06)}.private-ai-error strong{color:#ffabb2}.private-ai-error p{margin:7px 0 0;color:var(--ink-soft);font-size:.74rem;line-height:1.5}
.private-ai-text-button:focus-visible,.private-ai-duration select:focus-visible,.private-ai-quote:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
@media(max-width:1000px){.private-ai-layout{grid-template-columns:1fr}.private-ai-summary{position:static}.private-ai-orbit{opacity:.38;right:-100px;width:450px}}
@media(max-width:640px){.private-ai-page{padding-top:25px}.private-ai-hero{min-height:340px}.private-ai-hero-copy{padding:29px}.private-ai-hero h1{font-size:clamp(2.55rem,11vw,4rem)}.private-ai-orbit{right:-180px;opacity:.22}.private-ai-signals{font-size:.65rem}.private-ai-section-heading{align-items:start;flex-direction:column}.private-ai-capabilities{grid-template-columns:1fr}.private-ai-builder,.private-ai-summary{padding:22px}.private-ai-capability{min-height:85px}}
@media(prefers-reduced-motion:reduce){.private-ai-orbit i:nth-child(2),.private-ai-orbit b{animation:none}.private-ai-capability{transition:none}.private-ai-capability:hover{transform:none}}
body:has(.private-ai-page) .screen-pet{display:none}
.private-ai-dashboard-hero .hero-actions{margin-top:27px}.private-ai-dashboard-hero .button-ghost{cursor:pointer}.private-ai-signals a{color:var(--acid);font-weight:800;text-decoration:underline;text-underline-offset:5px}
.my-ai-list{display:grid;gap:22px;margin-top:28px}.my-ai-empty{padding:clamp(30px,5vw,60px);border:1px dashed rgba(186,255,57,.3);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(186,255,57,.07),transparent 35%),rgba(13,25,16,.78)}.my-ai-empty>span{color:var(--acid);font:.65rem ui-monospace,monospace;letter-spacing:.15em}.my-ai-empty h2{margin:14px 0;font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.05em}.my-ai-empty p{max-width:650px;color:var(--ink-soft);line-height:1.65}.my-ai-empty .button{margin-top:15px}
.my-ai-deployment{padding:clamp(23px,3vw,38px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(18,34,24,.93),rgba(7,16,10,.95));box-shadow:0 28px 70px rgba(0,0,0,.22)}.my-ai-deployment-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.my-ai-deployment-head span{color:var(--acid);font:.65rem ui-monospace,monospace;letter-spacing:.13em}.my-ai-deployment-head h2{margin:9px 0 0;font-size:clamp(1.4rem,2.5vw,2.3rem);letter-spacing:-.04em;text-transform:capitalize}.my-ai-status{padding:9px 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-soft);font:.63rem ui-monospace,monospace;white-space:nowrap}.my-ai-status.ready{border-color:rgba(186,255,57,.45);color:var(--acid);background:rgba(186,255,57,.08)}.my-ai-status.failed,.my-ai-status.failed_retryable{border-color:rgba(255,109,120,.35);color:#ffabb2}
.my-ai-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:27px 0}.my-ai-facts>div{min-height:85px;padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}.my-ai-facts small,.my-ai-facts strong{display:block}.my-ai-facts small{color:var(--muted);font-size:.63rem}.my-ai-facts strong{margin-top:11px;color:var(--ink);font-size:.88rem}.my-ai-deployment-body{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:25px}.my-ai-deployment-body h3{margin:0 0 11px;font-size:.95rem}.my-ai-deployment-body p,.my-ai-deployment-body li{color:var(--ink-soft);font-size:.76rem;line-height:1.6}.my-ai-deployment-body ul{padding-left:20px}.my-ai-usage{list-style:none;padding:0!important}.my-ai-usage li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.my-ai-usage strong{color:var(--acid)}.my-ai-events{list-style:none;padding:0;margin:0}.my-ai-events li{display:flex;gap:13px;padding:0 0 15px}.my-ai-events li i{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px rgba(186,255,57,.35)}.my-ai-events strong,.my-ai-events small{display:block}.my-ai-events strong{font-size:.74rem;color:var(--ink);text-transform:capitalize}.my-ai-events small{margin-top:4px;font-size:.66rem;color:var(--muted)}
@media(max-width:790px){.my-ai-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.my-ai-deployment-body{grid-template-columns:1fr}}
@media(max-width:480px){.my-ai-deployment-head{flex-direction:column}.my-ai-facts{gap:8px}.my-ai-facts>div{padding:11px;min-height:78px}}

/* Intelligence research and artifact workspace */
.infx-artifact-head{display:flex;align-items:center;justify-content:space-between;margin:20px 7px 8px;color:var(--aqua);font-size:.58rem;font-weight:850;letter-spacing:.15em}.infx-artifact-head button{border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:.9rem}.infx-artifacts{max-height:154px;overflow:auto;padding:5px;border:1px solid rgba(70,217,218,.14);border-radius:12px;background:rgba(70,217,218,.025)}.infx-artifacts>small{display:block;padding:10px;color:var(--muted);font-size:.59rem;line-height:1.5}.infx-artifacts>a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:7px;align-items:center;padding:9px 7px;border-radius:8px;color:var(--ink-soft);text-decoration:none}.infx-artifacts>a:hover,.infx-artifacts>a:focus-visible{background:rgba(70,217,218,.09);color:var(--aqua)}.infx-artifacts>a>span{color:var(--aqua)}.infx-artifacts>a>strong{overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.infx-artifacts>a>small{color:var(--muted);font-size:.52rem}.infx-tool-activity{display:grid;gap:5px;margin:0 2px 7px;padding:7px;border:1px solid rgba(70,217,218,.23);border-radius:9px;color:var(--aqua);background:rgba(70,217,218,.045);font-size:.64rem}.infx-tool-activity[hidden]{display:none}.infx-tool-call{overflow:hidden;border-radius:6px}.infx-tool-call summary{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;cursor:pointer;list-style:none}.infx-tool-call summary::-webkit-details-marker{display:none}.infx-tool-call summary:before{content:"＋";color:var(--muted)}.infx-tool-call[open] summary:before{content:"−"}.infx-tool-call summary span{font-weight:700}.infx-tool-call summary small{color:var(--muted);white-space:nowrap}.infx-tool-call[open]{background:rgba(70,217,218,.055)}.infx-tool-call pre{max-height:180px;overflow:auto;margin:0;padding:8px 12px 12px;color:var(--ink-soft);font:.66rem/1.5 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.infx-prose a{color:var(--aqua);text-decoration:underline;text-underline-offset:3px}.infx-prose a:hover{color:var(--acid)}

.infx-message.thinking .infx-avatar{position:relative;color:var(--aqua);border-color:rgba(70,217,218,.42);background:radial-gradient(circle,rgba(70,217,218,.2),rgba(70,217,218,.035) 72%);box-shadow:0 0 22px rgba(70,217,218,.13);animation:infxThink 2.4s ease-in-out infinite}.infx-message.thinking .infx-avatar:before,.infx-message.thinking .infx-avatar:after{position:absolute;inset:-4px;border:1px solid rgba(70,217,218,.28);border-radius:15px;content:"";animation:infxOrbit 2.8s linear infinite}.infx-message.thinking .infx-avatar:after{inset:-8px;border-color:rgba(186,255,57,.18);animation-duration:4.2s;animation-direction:reverse}.infx-message.thinking .infx-avatar span{font-size:1rem;text-shadow:0 0 12px rgba(70,217,218,.8)}.infx-message.thinking .infx-prose{color:#d2e4df}.infx-thinking-caption{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--muted);font-size:.64rem;letter-spacing:.03em}.infx-thinking-caption i,.infx-tool-signal i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);animation:infxBlink 1.1s ease-in-out infinite}.infx-tool-activity{display:block;padding:0;overflow:hidden}.infx-tool-activity summary{list-style:none;cursor:pointer}.infx-tool-activity summary::-webkit-details-marker,.infx-tool-group>summary::-webkit-details-marker{display:none}.infx-tool-group>summary{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 10px;color:var(--ink-soft);transition:background .2s ease}.infx-tool-group>summary:hover,.infx-tool-group>summary:focus-visible{background:rgba(70,217,218,.08);outline:2px solid rgba(70,217,218,.55);outline-offset:-2px}.infx-tool-group>summary strong{font-size:.65rem}.infx-tool-group>summary small{margin-left:auto;color:var(--muted);font-size:.59rem}.infx-tool-signal{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(70,217,218,.28);border-radius:50%}.infx-tool-signal.active i{animation:infxBlink .7s ease-in-out infinite}.infx-tool-list{display:grid;gap:2px;padding:0 5px 5px}.infx-tool-call{border:1px solid rgba(70,217,218,.09)}.infx-tool-call summary{align-items:center;min-height:31px}.infx-tool-call summary:focus-visible{outline:2px solid var(--aqua);outline-offset:-2px}.infx-tool-call pre{max-height:220px}.infx-tool-call[open] pre{border-top:1px solid rgba(70,217,218,.1)}
@keyframes infxThink{50%{transform:translateY(-2px) scale(1.04);box-shadow:0 0 30px rgba(70,217,218,.25)}}@keyframes infxOrbit{to{transform:rotate(360deg)}}@keyframes infxBlink{50%{opacity:.35;transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){.infx-message.thinking .infx-avatar,.infx-message.thinking .infx-avatar:before,.infx-message.thinking .infx-avatar:after,.infx-thinking-caption i,.infx-tool-signal.active i{animation:none}}

/* KodeX download and account-bridge journey */
.kodex-downloads-page{padding-bottom:80px}.kodex-downloads-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(32px,6vw,100px);min-height:650px;padding:90px 0 72px}.kodex-downloads-copy{position:relative;z-index:1}.kodex-downloads-copy h1{margin:22px 0;font-size:clamp(3.5rem,7vw,7.8rem);line-height:.98;letter-spacing:-.075em}.kodex-downloads-copy>p{max-width:640px;color:var(--ink-soft);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.7}.kodex-downloads-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.kodex-downloads-signal{display:flex;align-items:center;gap:10px;margin-top:42px;color:var(--muted);font:.68rem ui-monospace,monospace;letter-spacing:.06em}.kodex-downloads-signal i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}
.kodex-downloads-art{position:relative;display:grid;place-items:center;min-height:460px;isolation:isolate}.kodex-downloads-art:before{position:absolute;inset:8% 1%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(186,255,57,.2),rgba(70,217,218,.1) 38%,transparent 69%);filter:blur(23px);content:""}.kodex-orbit{position:absolute;width:92%;aspect-ratio:1;border:1px solid rgba(186,255,57,.13);border-radius:50%;transform:rotate(-28deg) scaleY(.58)}.kodex-orbit.orbit-two{width:113%;border-color:rgba(70,217,218,.1);transform:rotate(28deg) scaleY(.62)}.kodex-art-window{width:min(100%,510px);min-height:355px;overflow:hidden;border:1px solid rgba(186,255,57,.32);border-radius:24px;background:linear-gradient(140deg,rgba(26,44,31,.95),rgba(5,12,8,.96) 62%);box-shadow:0 35px 90px rgba(0,0,0,.53),inset 0 1px rgba(255,255,255,.1);transform:perspective(900px) rotateY(-8deg) rotateX(5deg);transition:transform .45s ease,box-shadow .45s ease}.kodex-downloads-art:hover .kodex-art-window{transform:perspective(900px) rotateY(-2deg) rotateX(1deg);box-shadow:0 45px 110px rgba(0,0,0,.6),0 0 50px rgba(186,255,57,.09)}.kodex-art-window>div:first-child{display:flex;align-items:center;gap:6px;padding:16px 21px;border-bottom:1px solid var(--line);color:var(--muted);font:.57rem ui-monospace,monospace;letter-spacing:.15em}.kodex-art-window>div:first-child i{width:6px;height:6px;border-radius:50%;background:var(--mint)}.kodex-art-window>div:first-child i:nth-child(2){background:var(--aqua)}.kodex-art-window>div:first-child i:nth-child(3){background:var(--acid)}.kodex-art-window>div:first-child span{margin-left:auto}.kodex-art-window strong{display:block;margin:53px 34px 12px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.04;letter-spacing:-.065em}.kodex-art-window strong em{color:var(--acid);font-style:normal}.kodex-art-window p{margin:0 34px;color:var(--muted);font:.62rem ui-monospace,monospace;letter-spacing:.14em}.kodex-art-bars{display:flex;align-items:end;gap:5px;height:68px;margin:27px 34px 0;opacity:.75}.kodex-art-bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(var(--acid),rgba(70,217,218,.15));animation:kodexPulse 2.6s ease-in-out infinite alternate;animation-delay:var(--d)}.kodex-art-chip{position:absolute;right:-4px;bottom:26px;padding:13px 17px;border:1px solid rgba(70,217,218,.33);border-radius:11px;background:#0c1c18;box-shadow:0 15px 40px rgba(0,0,0,.4);color:var(--aqua);font:.6rem ui-monospace,monospace;letter-spacing:.1em}
.kodex-release-section,.kodex-connect-section{padding:60px 0;border-top:1px solid var(--line)}.kodex-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:27px}.kodex-section-head h2{margin:13px 0 8px;font-size:clamp(2rem,3.6vw,3.8rem);letter-spacing:-.06em}.kodex-section-head p{max-width:670px;margin:0;color:var(--muted);line-height:1.65}.kodex-preview-pill{flex:none;padding:9px 12px;border:1px solid rgba(255,155,113,.35);border-radius:100px;color:var(--peach);font:.62rem ui-monospace,monospace;letter-spacing:.1em}.kodex-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kodex-release-card,.kodex-release-empty{display:flex;flex-direction:column;gap:15px;min-width:0;padding:clamp(23px,3vw,36px);border:1px solid var(--line-strong);border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(186,255,57,.08),transparent 52%),linear-gradient(150deg,rgba(19,35,23,.92),rgba(6,13,9,.96));box-shadow:0 24px 60px rgba(0,0,0,.2)}.kodex-release-platform{color:var(--acid);font:.68rem ui-monospace,monospace;letter-spacing:.14em}.kodex-release-card h3{margin:0;font-size:1.7rem;letter-spacing:-.04em}.kodex-release-card p,.kodex-release-empty p{margin:0;color:var(--muted);line-height:1.55}.kodex-release-meta{display:flex;gap:15px;color:var(--ink-soft);font-size:.8rem}.kodex-release-card code{display:block;overflow-wrap:anywhere;color:var(--muted);font:.68rem/1.5 ui-monospace,monospace}.kodex-release-card .button{align-self:flex-start;margin-top:auto}.kodex-release-empty{grid-column:1/-1;min-height:160px;justify-content:center}.kodex-release-empty strong{font-size:1.2rem}.kodex-connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 27px;padding:0;list-style:none}.kodex-connect-steps li{padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.kodex-connect-steps li span{display:block;margin-bottom:25px;color:var(--acid);font:.8rem ui-monospace,monospace}.kodex-connect-steps li strong{display:block;font-size:1.04rem}.kodex-connect-steps li p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}.kodex-preview-note{display:flex;gap:20px;align-items:flex-start;padding:22px 25px;border:1px solid rgba(255,155,113,.2);border-radius:17px;background:rgba(255,155,113,.035)}.kodex-preview-note strong{flex:none;color:var(--peach)}.kodex-preview-note p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.6}
@keyframes kodexPulse{to{opacity:.4;transform:scaleY(.65);transform-origin:bottom}}@media(max-width:900px){.kodex-downloads-hero{grid-template-columns:1fr;gap:5px;padding-top:60px}.kodex-downloads-art{min-height:360px}.kodex-art-window{max-width:470px}.kodex-connect-steps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.kodex-downloads-page{padding-bottom:45px}.kodex-downloads-hero{padding-top:45px}.kodex-downloads-copy h1{font-size:clamp(3.4rem,14vw,5.8rem)}.kodex-downloads-actions .button{width:100%;justify-content:center}.kodex-downloads-art{min-height:320px}.kodex-art-window{min-height:300px;transform:none}.kodex-art-window strong{margin-top:45px}.kodex-art-chip{right:0;bottom:7px}.kodex-section-head{align-items:flex-start;flex-direction:column}.kodex-release-grid,.kodex-connect-steps{grid-template-columns:1fr}.kodex-preview-note{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.kodex-art-bars i{animation:none}.kodex-art-window,.kodex-downloads-art:hover .kodex-art-window{transform:none;transition:none}}
.kodex-orbit.orbit-two{width:90%}
body:has(.kodex-downloads-page) #screenPet{display:none}
.auth-foot a{color:var(--acid);font-weight:700;text-decoration:none}.auth-foot a:hover{text-decoration:underline;text-underline-offset:4px}.auth-foot a:focus-visible{outline:2px solid var(--acid);outline-offset:4px;border-radius:3px}
body:has(.clipper-page) #screenPet{display:none}

/* Clipper: film stock, copper light, and a continuous edit-bay motif. */
.clipper-page{--clipper-copper:#ffad77;--clipper-ice:#9de9e7;padding-top:clamp(36px,5vw,82px);padding-bottom:110px}
.clipper-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(30px,5vw,90px);min-height:590px;overflow:hidden;border-bottom:1px solid rgba(255,173,119,.2)}
.clipper-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 68% 45%,rgba(255,130,69,.13),transparent 35%),radial-gradient(circle at 43% 14%,rgba(107,216,220,.08),transparent 40%)}
.clipper-hero-copy{position:relative;z-index:1;padding-bottom:45px}.clipper-kicker,.clipper-console-head>div>span,.clipper-section-head>div>span,.clipper-connections>div>span{display:inline-flex;align-items:center;gap:10px;color:var(--clipper-copper);font:700 .66rem ui-monospace,monospace;letter-spacing:.19em}
.clipper-kicker i{width:7px;height:7px;border-radius:50%;background:var(--clipper-copper);box-shadow:0 0 17px var(--clipper-copper);animation:clipperBlink 2.6s ease-in-out infinite}
.clipper-hero h1{margin:26px 0 20px;font-size:clamp(4rem,7.6vw,8rem);line-height:.9;letter-spacing:-.085em;font-weight:800}.clipper-hero h1 em{font-style:normal;color:var(--clipper-copper);text-shadow:0 0 55px rgba(255,141,77,.15)}
.clipper-hero p{max-width:610px;color:#becbc1;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.72}.clipper-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.clipper-pills span{padding:9px 13px;border:1px solid rgba(255,173,119,.2);border-radius:100px;background:rgba(255,173,119,.055);color:#f6d3b9;font:700 .67rem ui-monospace,monospace;letter-spacing:.05em}
.clipper-hero-visual{position:relative;display:grid;place-items:center;min-height:550px;perspective:1000px}.clipper-orbit{position:absolute;top:5%;right:18%;width:440px;aspect-ratio:1;border:1px solid rgba(255,173,119,.12);border-radius:50%;box-shadow:0 0 100px rgba(255,130,69,.08);pointer-events:none}.clipper-orbit i{position:absolute;inset:8%;border:1px dashed rgba(157,233,231,.15);border-radius:50%;animation:clipperTurn 45s linear infinite}.clipper-orbit i:nth-child(2){inset:21%;border-style:solid;animation-direction:reverse}.clipper-orbit span{position:absolute;top:8%;left:9%;color:rgba(255,173,119,.24);font-size:3rem}
.clipper-film{position:relative;width:min(290px,72%);height:445px;overflow:hidden;border:5px solid #0d1513;border-radius:32px;background:radial-gradient(circle at 65% 27%,rgba(255,180,106,.6),transparent 22%),linear-gradient(160deg,#392519 1%,#b36b3d 34%,#181a1d 68%,#091619 100%);box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 0 1px rgba(255,220,175,.3),0 0 80px rgba(255,137,69,.15);transform:rotate(6deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.clipper-hero-visual:hover .clipper-film{transform:rotate(1deg) translateY(-8px)}.clipper-film:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 18%,transparent 82%,rgba(0,0,0,.3)),linear-gradient(transparent 65%,rgba(0,0,0,.65))}.clipper-film>span{position:absolute;z-index:1;top:24px;left:22px;color:#fff;font:700 .7rem ui-monospace,monospace;letter-spacing:.15em}.clipper-film-center{position:absolute;z-index:1;top:34%;left:13%;color:#fff;font-weight:900;font-size:3.25rem;line-height:.92;letter-spacing:-.08em;text-shadow:0 5px 22px rgba(0,0,0,.36)}.clipper-film-center b{color:#ffe5a9}.clipper-wave{position:absolute;right:0;bottom:41px;left:0;height:52px;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.85) 4px 7px,transparent 7px 12px);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);opacity:.72}.clipper-ruler{position:absolute;right:3%;bottom:30px;left:3%;display:flex;justify-content:space-between;align-items:center;gap:9px;height:44px;padding:10px 16px;border:1px solid rgba(255,173,119,.16);border-radius:7px;background:rgba(5,10,9,.72);transform:rotate(-5deg)}.clipper-ruler i{height:16px;width:12%;border-left:2px solid rgba(255,173,119,.4);border-right:1px solid rgba(255,173,119,.2);background:linear-gradient(90deg,rgba(255,173,119,.2),transparent)}.clipper-ruler i:nth-child(3),.clipper-ruler i:nth-child(4){background:rgba(255,173,119,.65)}
.clipper-console,.clipper-connections{position:relative;margin-top:60px;padding:clamp(25px,4vw,54px);overflow:hidden;border:1px solid rgba(255,173,119,.17);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(255,149,80,.11),transparent 37%),linear-gradient(135deg,rgba(20,31,27,.94),rgba(8,15,14,.95));box-shadow:0 30px 90px rgba(0,0,0,.25)}.clipper-console:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--clipper-copper),transparent 65%)}
.clipper-console-head,.clipper-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.clipper-console h2,.clipper-outputs h2,.clipper-connections h2{margin:11px 0 6px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;letter-spacing:-.055em}.clipper-console-head p,.clipper-connections p{margin:0;color:var(--muted);line-height:1.6}.clipper-stage{flex:none;padding:12px 16px;border:1px solid rgba(157,233,231,.18);border-radius:100px;color:var(--clipper-ice);font:700 .62rem ui-monospace,monospace;letter-spacing:.08em}
.clipper-form{display:grid;grid-template-columns:1.1fr 2fr .8fr .6fr;gap:16px;margin-top:36px}.clipper-field{display:grid;align-content:start;gap:10px;min-width:0}.clipper-field span{color:#c8d5cd;font-size:.72rem;font-weight:750;letter-spacing:.06em}.clipper-field input,.clipper-field select{width:100%;height:55px;padding:0 16px;border:1px solid rgba(203,230,216,.19);border-radius:11px;background:#0a1513;color:#f4f7f3;outline:none;transition:border .2s,box-shadow .2s}.clipper-field input:hover,.clipper-field select:hover{border-color:rgba(255,173,119,.45)}.clipper-field input:focus,.clipper-field select:focus{border-color:var(--clipper-copper);box-shadow:0 0 0 3px rgba(255,173,119,.14)}.clipper-field input::placeholder{color:#82968a}.clipper-consent{grid-column:1/4;display:flex;align-items:center;gap:12px;min-height:49px;color:#c9d4ca;font-size:.78rem;line-height:1.4;cursor:pointer}.clipper-consent input{width:18px;height:18px;accent-color:var(--clipper-copper)}.clipper-submit{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:0 19px;border:0;border-radius:11px;background:linear-gradient(110deg,#ffbb85,#ff8e60);color:#16130f;font-weight:850;cursor:pointer;box-shadow:0 13px 34px rgba(255,137,69,.19);transition:transform .2s,box-shadow .2s,filter .2s}.clipper-submit:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(255,137,69,.28)}.clipper-submit:active{transform:translateY(0)}.clipper-submit:disabled{opacity:.6;cursor:wait;transform:none}.clipper-submit b{font-size:1.25rem}.clipper-error{margin:14px 0 0;color:#ff9ca3;font-size:.83rem}
.clipper-outputs{margin-top:78px}.clipper-section-head{padding-bottom:22px;border-bottom:1px solid var(--line)}.clipper-section-head button{padding:10px 13px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(255,255,255,.03);color:var(--ink-soft);font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s,border .2s}.clipper-section-head button:hover{background:rgba(255,173,119,.08);border-color:rgba(255,173,119,.35)}.clipper-jobs{display:grid;gap:18px;margin-top:25px}.clipper-empty{display:grid;justify-items:center;gap:6px;min-height:190px;align-content:center;margin:0;padding:30px;border:1px dashed rgba(255,173,119,.22);border-radius:22px;background:rgba(255,173,119,.025);color:var(--muted);text-align:center}.clipper-empty span{color:var(--clipper-copper);font-size:2.4rem}.clipper-empty strong{color:var(--ink);font-size:1.2rem}.clipper-empty p{margin:0}.clipper-job{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(125deg,rgba(15,27,22,.85),rgba(8,15,14,.8))}.clipper-job-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.clipper-job-head div>span,.clipper-cut-meta>span{color:var(--clipper-copper);font:700 .62rem ui-monospace,monospace;letter-spacing:.13em}.clipper-job h3{margin:8px 0 0;font-size:1.15rem;letter-spacing:-.025em}.clipper-job>p{margin:10px 0 0;color:var(--muted);font-size:.76rem}.clipper-status{padding:8px 11px;border:1px solid rgba(157,233,231,.2);border-radius:100px;color:var(--clipper-ice);font:700 .62rem ui-monospace,monospace;letter-spacing:.08em}.clipper-status.ready{color:var(--acid);border-color:rgba(186,255,57,.25)}.clipper-status.failed{color:var(--danger);border-color:rgba(255,109,120,.25)}.clipper-cut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px;margin-top:25px}.clipper-cut{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.clipper-cut-preview{height:154px;overflow:hidden;border-radius:9px;background:#141918}.clipper-cut-preview video{width:100%;height:100%;object-fit:cover}.clipper-cut-meta{display:flex;flex-direction:column;align-items:start;min-width:0;padding:5px 0}.clipper-cut-meta strong{margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.3}.clipper-cut-meta p{margin:7px 0;color:var(--muted);font-size:.69rem}.clipper-cut-meta a{margin-top:auto;color:var(--clipper-copper);font-size:.7rem;font-weight:800}.clipper-cut-meta a:hover{text-decoration:underline;text-underline-offset:4px}
.clipper-connections{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:70px}.clipper-connections>div:first-child{max-width:620px}.clipper-connection-list{display:grid;gap:10px;min-width:min(100%,300px)}.clipper-connection-list>span{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,173,119,.15);border-radius:11px;background:rgba(255,173,119,.04);color:var(--ink-soft);font-size:.75rem}.clipper-platform{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(255,173,119,.13);color:var(--clipper-copper);font-style:normal}
.clipper-form{grid-template-columns:1fr 1fr .8fr .8fr}.clipper-form .clipper-url{grid-column:1/3}.clipper-search{grid-column:3/5;align-self:end;height:55px;border:1px solid rgba(157,233,231,.34);border-radius:11px;background:linear-gradient(120deg,rgba(157,233,231,.13),rgba(255,173,119,.08));color:var(--clipper-ice);font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.clipper-search:hover{transform:translateY(-2px);border-color:var(--clipper-ice);background:rgba(157,233,231,.17)}.clipper-search:disabled{opacity:.55;cursor:wait;transform:none}.clipper-search:focus-visible,.clipper-result:focus-visible{outline:3px solid var(--clipper-ice);outline-offset:3px}.clipper-discover{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:22px}.clipper-discover[hidden]{display:none}.clipper-discover-state{grid-column:1/-1;margin:0 0 4px;color:var(--ink-soft);font-size:.8rem}.clipper-result{display:grid;align-content:start;gap:9px;min-height:130px;padding:16px;border:1px solid rgba(255,173,119,.2);border-radius:13px;background:rgba(255,173,119,.045);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.clipper-result:hover{transform:translateY(-3px);border-color:rgba(255,173,119,.7);background:rgba(255,173,119,.095)}.clipper-result span{color:var(--clipper-copper);font:700 .65rem ui-monospace,monospace;letter-spacing:.08em}.clipper-result strong{font-size:.84rem;line-height:1.35}.clipper-result small{align-self:end;color:var(--clipper-ice);font-weight:800}
.clipper-character{position:relative;overflow:hidden;margin-top:76px;padding:clamp(24px,4vw,56px);border:1px solid rgba(157,233,231,.25);border-radius:28px;background:radial-gradient(circle at 90% 8%,rgba(71,227,221,.14),transparent 32%),radial-gradient(circle at 2% 100%,rgba(255,173,119,.1),transparent 34%),linear-gradient(145deg,#0e2220,#08100f 70%);box-shadow:0 25px 80px rgba(0,0,0,.3)}.clipper-character:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--clipper-ice),var(--clipper-copper),transparent 75%)}.clipper-character-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.clipper-character-head>div:first-child{max-width:700px}.clipper-character-head span{color:var(--clipper-ice);font:700 .67rem ui-monospace,monospace;letter-spacing:.19em}.clipper-character h2{margin:14px 0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.97;letter-spacing:-.07em}.clipper-character-head p{margin:0;color:#c0d0ca;line-height:1.65}.clipper-character-signal{display:grid;place-items:center;flex:none;width:125px;height:125px;border:1px solid rgba(157,233,231,.3);border-radius:50%;background:radial-gradient(circle,rgba(157,233,231,.12),transparent 70%);box-shadow:0 0 50px rgba(157,233,231,.09)}.clipper-character-signal span{font-size:2rem;color:var(--clipper-ice)}.clipper-character-signal small{color:var(--clipper-ice);font:700 .55rem ui-monospace,monospace;letter-spacing:.14em;text-align:center}.clipper-creative-form{display:grid;gap:18px;margin-top:35px}.clipper-creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clipper-creative-form textarea{width:100%;min-height:105px;padding:16px;border:1px solid rgba(203,230,216,.19);border-radius:11px;background:#0a1513;color:#f4f7f3;font:inherit;line-height:1.5;resize:vertical;outline:none}.clipper-creative-form textarea:focus{border-color:var(--clipper-ice);box-shadow:0 0 0 3px rgba(157,233,231,.13)}.clipper-creative-form textarea::placeholder{color:#82968a}.clipper-scene-field[hidden]{display:none}.clipper-reference{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:84px;padding:16px;border:1px dashed rgba(157,233,231,.37);border-radius:12px;background:rgba(157,233,231,.035);cursor:pointer;transition:border-color .2s,background .2s}.clipper-reference:hover,.clipper-reference:focus-within{border-color:var(--clipper-ice);background:rgba(157,233,231,.08)}.clipper-reference input{position:absolute;width:1px;height:1px;opacity:0}.clipper-reference>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(157,233,231,.14);color:var(--clipper-ice);font-size:1.4rem}.clipper-reference strong{font-size:.88rem}.clipper-reference small{color:var(--muted)}.clipper-creative-actions{display:flex;justify-content:space-between;align-items:end;gap:22px}.clipper-creative-actions>div{display:grid;gap:11px}.clipper-creative-actions label{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:.76rem}.clipper-creative-actions input{width:17px;height:17px;accent-color:var(--clipper-ice)}.clipper-creative-actions .clipper-submit{min-width:215px}.clipper-creative-jobs{display:grid;gap:14px;margin-top:35px}.clipper-creative-job{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px;border:1px solid rgba(157,233,231,.17);border-radius:15px;background:rgba(4,10,9,.53)}.clipper-creative-job>div:first-child{display:grid;gap:6px}.clipper-creative-job span{color:var(--clipper-ice);font:700 .65rem ui-monospace,monospace;letter-spacing:.12em}.clipper-creative-job strong{font-size:.9rem;line-height:1.4}.clipper-creative-job small{color:var(--muted)}.clipper-creative-assets{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.clipper-creative-asset{overflow:hidden;border:1px solid rgba(157,233,231,.14);border-radius:12px;background:#06100f}.clipper-creative-asset img,.clipper-creative-asset video{display:block;width:100%;height:320px;object-fit:contain;background:radial-gradient(circle at center,rgba(157,233,231,.1),transparent 65%),#04100e}.clipper-creative-asset a{display:block;padding:13px;color:var(--clipper-ice);font-size:.75rem;font-weight:800}.clipper-creative-asset a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.clipper-character{margin-top:48px;padding:24px}.clipper-character-signal{width:75px;height:75px}.clipper-character-signal span{font-size:1.3rem}.clipper-character-signal small{font-size:.43rem}.clipper-creative-grid{grid-template-columns:1fr}.clipper-creative-actions{display:grid}.clipper-creative-actions .clipper-submit{width:100%}.clipper-creative-assets{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.clipper-result,.clipper-search,.clipper-reference{transition:none}.clipper-result:hover,.clipper-search:hover{transform:none}}
.model-generator{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}.model-generator-form{display:grid;gap:18px}.model-generator-form .field{display:grid;gap:9px}.model-generator-form .field>span{color:var(--ink-soft);font-size:.75rem;font-weight:800}.model-generator-form textarea{min-height:115px;resize:vertical}.model-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.model-consents{display:grid;gap:10px}.model-consents label{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:.76rem}.model-consents input{width:17px;height:17px;accent-color:var(--acid)}.model-generator-results{display:grid;gap:14px;min-height:270px;padding:20px;background:radial-gradient(circle at 80% 10%,rgba(157,233,231,.1),transparent 45%),#07110f}.model-render{display:grid;gap:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.model-render>div:first-child{display:grid;justify-items:start;gap:8px}.model-render strong{font-size:.9rem;line-height:1.4}.model-render small{color:var(--muted)}.model-render .clipper-creative-assets{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media(max-width:960px){.model-generator{grid-template-columns:1fr}}
body:has(.model-generator) #screenPet{display:none}
@media(max-width:1050px){.clipper-form{grid-template-columns:repeat(2,minmax(0,1fr))}.clipper-search{grid-column:1/3}.clipper-form .clipper-url{grid-column:1/3}.clipper-consent{grid-column:1/2}.clipper-submit{grid-column:2/3}}
@media(max-width:700px){.clipper-form{grid-template-columns:1fr}.clipper-search,.clipper-form .clipper-url,.clipper-consent,.clipper-submit{grid-column:1}}
@keyframes clipperTurn{to{transform:rotate(360deg)}}@keyframes clipperBlink{50%{opacity:.45}}
@media(max-width:1050px){.clipper-hero{grid-template-columns:1fr .8fr;min-height:500px}.clipper-hero-visual{min-height:440px}.clipper-film{height:390px}.clipper-form{grid-template-columns:repeat(2,minmax(0,1fr))}.clipper-consent{grid-column:1/2}.clipper-submit{grid-column:2/3}}
@media(max-width:700px){.clipper-page{padding-top:28px;padding-bottom:60px}.clipper-hero{display:block;min-height:0;padding-bottom:30px}.clipper-hero h1{font-size:clamp(3.3rem,13vw,5.6rem)}.clipper-hero-copy{padding-bottom:0}.clipper-hero-visual{min-height:320px;margin-top:25px}.clipper-orbit{right:0;top:17%;width:280px}.clipper-film{width:185px;height:285px;border-radius:22px}.clipper-film-center{font-size:2.2rem}.clipper-ruler{bottom:4px}.clipper-console,.clipper-connections{margin-top:35px;padding:24px}.clipper-console-head,.clipper-section-head{align-items:start}.clipper-stage{display:none}.clipper-form{grid-template-columns:1fr;gap:15px}.clipper-consent,.clipper-submit{grid-column:1}.clipper-outputs{margin-top:50px}.clipper-connections{display:grid}.clipper-cut-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.clipper-orbit i,.clipper-kicker i{animation:none}.clipper-film,.clipper-submit{transition:none}.clipper-hero-visual:hover .clipper-film,.clipper-submit:hover{transform:none}}
@media(max-width:700px){.library-overview{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.library-overview article:last-child{grid-column:1/-1}}
.creative-asset-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid rgba(157,233,231,.12)}.creative-asset-links a{min-height:42px}

/* Character Studio: a private cast shelf with clear creation and distribution steps. */
.clipper-studio-manager{display:grid;gap:22px;margin:30px 0 34px;padding:clamp(20px,3vw,34px);border:1px solid rgba(255,173,119,.22);border-radius:20px;background:linear-gradient(135deg,rgba(255,173,119,.085),rgba(6,19,19,.7) 48%,rgba(3,12,12,.9))}
.clipper-studio-intro{max-width:690px}.clipper-studio-intro>span{display:block;color:var(--clipper-copper);font:700 .64rem ui-monospace,monospace;letter-spacing:.2em}.clipper-studio-intro>strong{display:block;margin:10px 0;font-size:clamp(1.25rem,2.3vw,2rem);letter-spacing:-.035em}.clipper-studio-intro p{margin:0;color:#a9bbb5;line-height:1.6}
#clipperProjectForm,#clipperCharacterForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:end;padding:20px;border:1px solid rgba(157,233,231,.12);border-radius:15px;background:rgba(1,10,10,.45)}#clipperProjectForm{grid-template-columns:minmax(0,1fr) auto}#clipperProjectForm .button,#clipperCharacterForm .button{min-height:46px}.clipper-studio-wide{grid-column:1/-1}.clipper-studio-consent{display:flex;align-items:center;gap:9px;color:#d7e5dd;font-size:.75rem}
.clipper-cast-library,.clipper-social-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.clipper-cast-library article{display:flex;align-items:center;gap:12px;min-width:0;padding:11px;border:1px solid rgba(157,233,231,.18);border-radius:13px;background:rgba(4,17,17,.78)}.clipper-cast-library img{width:60px;height:60px;object-fit:cover;border-radius:9px}.clipper-cast-library strong,.clipper-cast-library small{display:block}.clipper-cast-library strong{color:#fff}.clipper-cast-library small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9bb4af}.clipper-cast-library p{color:#9bb4af}
.clipper-cast-library article>div{min-width:0;flex:1}.clipper-cast-library button{margin-top:8px;padding:5px 0;border:0;background:none;color:#a8f0e8;font:750 .7rem ui-monospace,monospace;cursor:pointer}.clipper-cast-library button:hover{text-decoration:underline;text-underline-offset:4px}.clipper-cast-library button:focus-visible,.clipper-character-detail button:focus-visible{outline:3px solid #a8f0e8;outline-offset:3px}
.clipper-character-detail{margin:18px 0 34px;padding:clamp(20px,3vw,32px);border:1px solid rgba(157,233,231,.28);border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(157,233,231,.12),transparent 35%),linear-gradient(155deg,#102622,#081411 75%);box-shadow:0 24px 55px rgba(0,0,0,.22)}.clipper-character-detail[hidden]{display:none}.clipper-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:24px}.clipper-detail-head span{color:#a8f0e8;font:750 .66rem ui-monospace,monospace;letter-spacing:.15em}.clipper-detail-head h3{margin:8px 0;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.05em}.clipper-detail-head p{margin:0;color:#b4c9c2}.clipper-detail-head button{border:1px solid rgba(157,233,231,.25);border-radius:50%;width:38px;height:38px;background:rgba(157,233,231,.08);color:#d9fffa;cursor:pointer}.clipper-detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.clipper-detail-grid form{display:grid;align-content:start;gap:14px;padding:20px;border:1px solid rgba(157,233,231,.15);border-radius:15px;background:rgba(2,12,11,.58)}.clipper-detail-grid h4{margin:0 0 4px;font-size:1.05rem;letter-spacing:-.025em}.clipper-detail-grid h4 small{color:#a8f0e8}.clipper-detail-grid textarea{width:100%;min-height:94px;padding:14px;border:1px solid rgba(203,230,216,.19);border-radius:11px;background:#0a1513;color:#f4f7f3;font:inherit;resize:vertical}.clipper-detail-grid textarea:focus-visible{outline:3px solid rgba(157,233,231,.42);outline-offset:2px}.clipper-detail-grid form>button{justify-self:start;padding:11px 16px;border:1px solid rgba(255,173,119,.5);border-radius:10px;background:linear-gradient(115deg,rgba(255,173,119,.2),rgba(255,173,119,.08));color:#ffe1c5;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.clipper-detail-grid form>button:hover{transform:translateY(-2px);background:rgba(255,173,119,.22)}.clipper-detail-grid form>button:disabled{opacity:.55;cursor:wait}.clipper-detail-stack{display:grid;gap:20px}.clipper-detail-tags{display:flex;flex-wrap:wrap;gap:7px}.clipper-detail-tags span{padding:6px 9px;border:1px solid rgba(157,233,231,.24);border-radius:50px;background:rgba(157,233,231,.07);color:#d4f5ee;font-size:.72rem}.clipper-detail-tags small{color:#b4c9c2}.clipper-detail-references{display:flex;gap:9px;overflow-x:auto}.clipper-detail-references figure{flex:0 0 92px;margin:0}.clipper-detail-references img{display:block;width:92px;height:92px;object-fit:cover;border-radius:10px;border:1px solid rgba(157,233,231,.2)}.clipper-detail-references figcaption{margin-top:5px;color:#a8f0e8;font-size:.65rem;text-transform:capitalize}
.characters-workspace .clipper-character{margin-top:0}
@media(max-width:760px){.clipper-detail-grid{grid-template-columns:1fr}.clipper-character-detail{padding:18px}.clipper-detail-grid form{padding:16px}}
.clipper-voice-form{background:radial-gradient(circle at 100% 0,rgba(235,188,255,.12),transparent 48%),rgba(2,12,11,.7)!important}.clipper-voice-list{display:grid;gap:8px}.clipper-voice-list>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid rgba(232,188,255,.22);border-radius:11px;background:rgba(232,188,255,.055)}.clipper-voice-list strong{font-size:.85rem;color:#fff}.clipper-voice-list small{margin-left:auto;color:#d9bdf0;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.clipper-voice-list button{padding:6px 9px;border:1px solid rgba(232,188,255,.4);border-radius:7px;background:rgba(232,188,255,.1);color:#f7e9ff;cursor:pointer}.clipper-voice-list p,.clipper-voice-notice{margin:0;color:#b9c7c4;font-size:.78rem;line-height:1.5}.clipper-voice-notice{padding:10px 12px;border-left:2px solid #c890e8;background:rgba(200,144,232,.07)}.clipper-voice-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clipper-voice-clone{display:grid;gap:10px}.clipper-voice-clone[hidden]{display:none}.clipper-voice-form input[type=range]{accent-color:#c890e8}.clipper-voice-form :focus-visible,.clipper-voice-list button:focus-visible{outline:3px solid #a8f0e8;outline-offset:3px}@media(max-width:520px){.clipper-voice-controls{grid-template-columns:1fr}.clipper-voice-list small{margin-left:0;width:100%}}
.clipper-media-filter{max-width:260px;margin:12px 0 20px}.clipper-media-filter select:focus-visible{outline:3px solid #a8f0e8;outline-offset:3px}
.clipper-cast-picker>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.clipper-cast-picker label{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(157,233,231,.2);border-radius:999px;background:rgba(7,23,22,.8);color:#e6f8ef;font-size:.77rem}.clipper-studio-assets{margin-top:30px}.clipper-studio-assets .clipper-creative-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.clipper-studio-assets .creative-asset-links{display:grid;gap:9px}.clipper-studio-assets .creative-asset-links small{color:#b3c9c2;line-height:1.4}
.clipper-social{display:grid;gap:19px;min-width:0}.clipper-social-channels article,.clipper-drafts article{display:grid;gap:10px;padding:16px;border:1px solid rgba(157,233,231,.2);border-radius:15px;background:rgba(3,15,15,.75)}.clipper-social-channels strong,.clipper-drafts strong{font-size:1rem;color:#fff}.clipper-social-channels small{color:#9eb9b2}.clipper-social-channels article>div{display:flex;flex-wrap:wrap;gap:7px}.clipper-social-channels button,.clipper-drafts button{padding:9px 11px;border:1px solid rgba(157,233,231,.3);border-radius:8px;background:rgba(18,46,43,.65);color:#d9f2e7;cursor:pointer;font-size:.71rem}.clipper-draft-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding:20px;border:1px solid rgba(255,173,119,.2);border-radius:15px;background:rgba(255,173,119,.055)}.clipper-draft-form>.button{grid-column:1/-1;justify-self:start}.clipper-drafts{display:grid;gap:12px}.clipper-drafts article>span{color:var(--clipper-copper);font:700 .61rem ui-monospace,monospace;letter-spacing:.13em}.clipper-drafts p{margin:0;color:#bfd0c9;white-space:pre-wrap;line-height:1.55}.clipper-drafts article>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.clipper-drafts a{color:var(--clipper-ice);font-size:.75rem}.clipper-drafts form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clipper-drafts form label{font-size:.72rem;color:#dce9e2}
@media(max-width:720px){#clipperProjectForm,#clipperCharacterForm,.clipper-draft-form{grid-template-columns:1fr}.clipper-studio-manager{padding:18px}.clipper-social-channels{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.clipper-social-channels{grid-template-columns:1fr}}
.clipper-social-setup strong{display:block;margin-bottom:6px;color:#fff;font-size:.82rem;letter-spacing:.02em}.clipper-social-setup p{margin:0 0 10px}.clipper-social-setup details{padding-top:8px;border-top:1px solid rgba(255,223,198,.18)}.clipper-social-setup summary{width:max-content;max-width:100%;cursor:pointer;font-weight:650}.clipper-social-setup code{display:block;margin-top:9px;padding:10px 12px;border:1px solid rgba(255,223,198,.17);border-radius:9px;background:rgba(3,12,12,.48);color:#f3e7dc;font:600 .68rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.clipper-auto-form{display:grid;gap:8px;margin-top:5px;padding-top:14px;border-top:1px solid rgba(157,233,231,.15)}.clipper-auto-form label{color:#dcebe5;font-size:.73rem;line-height:1.4}.clipper-auto-form select,.clipper-auto-form input:not([type=checkbox]){min-width:0;width:100%;padding:10px;border:1px solid rgba(157,233,231,.2);border-radius:8px;background:#071b19;color:#e4f4ed;font:inherit;font-size:.75rem}.clipper-auto-form button{justify-self:start}.clipper-auto-events p{margin:0;padding:10px;border-left:2px solid var(--clipper-copper);color:#adc2ba;font-size:.72rem}.clipper-auto-events strong{color:#fff;text-transform:uppercase}

/* Character Studio: an editorial command deck with progressive disclosure. */
.characters-workspace{--clipper-copper:#ffc18b;--clipper-ice:#a7f3e8;padding-top:28px}
.character-command{position:relative;isolation:isolate;overflow:hidden;padding:clamp(32px,5vw,72px);border:1px solid rgba(167,243,232,.25);border-radius:30px;background:radial-gradient(ellipse at 85% 18%,rgba(55,188,192,.26),transparent 40%),radial-gradient(ellipse at 20% 100%,rgba(255,145,89,.13),transparent 44%),linear-gradient(135deg,#112823,#07130f 73%);box-shadow:0 35px 90px rgba(0,0,0,.3)}
.character-command:before{content:"";position:absolute;z-index:-1;right:-9%;top:-50%;width:55%;aspect-ratio:1;border:1px solid rgba(167,243,232,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(167,243,232,.025),0 0 0 140px rgba(167,243,232,.02),inset 0 0 90px rgba(60,200,190,.08);transform:rotate(-25deg)}
.character-command h1{margin:23px 0 19px;font-size:clamp(3.2rem,7vw,7.5rem);line-height:.92;letter-spacing:-.08em;max-width:850px}.character-command h1 em{font-style:normal;color:var(--clipper-ice);text-shadow:0 0 70px rgba(98,238,224,.22)}.character-command>p{max-width:650px;color:#c5d9d2;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7}.character-command-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.character-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:55px;padding-top:23px;border-top:1px solid rgba(167,243,232,.19)}.character-stats>span{display:flex;gap:8px;align-items:baseline;padding:6px 24px 6px 0;margin-right:24px;border-right:1px solid rgba(167,243,232,.16);color:#adc8bd;font-size:.75rem}.character-stats>span:last-child{border:0}.character-stats strong{font-size:1.45rem;color:#f5fff9;letter-spacing:-.04em}
.character-workflow{display:grid;gap:18px;margin-top:28px}.character-panel,.character-render-board{min-width:0;overflow:hidden;border:1px solid rgba(167,243,232,.17);border-radius:21px;background:radial-gradient(circle at 96% 0,rgba(167,243,232,.065),transparent 45%),linear-gradient(145deg,rgba(15,33,28,.97),rgba(6,17,15,.98));box-shadow:0 18px 44px rgba(0,0,0,.13)}.character-panel[open]{border-color:rgba(167,243,232,.31)}.character-panel>summary{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:20px;min-height:100px;padding:18px clamp(20px,3vw,34px);cursor:pointer;list-style:none;transition:background .2s}.character-panel>summary::-webkit-details-marker{display:none}.character-panel>summary:hover{background:rgba(167,243,232,.055)}.character-panel>summary:focus-visible{outline:3px solid var(--clipper-ice);outline-offset:-5px}.character-step{color:var(--clipper-copper);font:700 .66rem ui-monospace,monospace;letter-spacing:.16em}.character-panel>summary strong,.character-panel>summary small{display:block}.character-panel>summary strong{color:#f8fff9;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.035em}.character-panel>summary small{margin-top:5px;color:#aac2b8;font-size:.75rem}.character-panel>summary>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(167,243,232,.26);border-radius:50%;color:var(--clipper-ice);font-size:1.3rem;font-weight:400;transition:transform .2s,background .2s}.character-panel[open]>summary>b{transform:rotate(180deg);background:rgba(167,243,232,.1)}.character-panel-body{padding:0 clamp(20px,3vw,34px) clamp(22px,3vw,34px);border-top:1px solid rgba(167,243,232,.1)}.character-panel-body .clipper-studio-manager{margin:24px 0 22px}.character-panel-body .clipper-creative-form{margin-top:24px}.character-panel-body .clipper-connections{margin-top:24px}.character-panel-body .clipper-studio-assets{margin-top:24px}.character-panel-body .clipper-character-detail{margin-bottom:0}
.character-render-board{padding:clamp(20px,3vw,34px);border-color:rgba(255,193,139,.27);background:radial-gradient(circle at 100% 0,rgba(255,142,81,.11),transparent 36%),linear-gradient(145deg,#1b2520,#0b1714 80%)}.character-board-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.character-board-heading h2{margin:8px 0 5px;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.055em}.character-board-heading p{margin:0;color:#b9c9c0;font-size:.8rem;line-height:1.55}.character-live{display:flex;align-items:center;gap:8px;color:var(--clipper-ice);font:700 .62rem ui-monospace,monospace;letter-spacing:.1em}.character-live i{width:7px;height:7px;border-radius:50%;background:var(--clipper-ice);box-shadow:0 0 14px var(--clipper-ice)}.character-render-board .clipper-creative-jobs{margin-top:22px}.character-render-board .clipper-creative-job.is-rendering{border-color:rgba(255,193,139,.36);background:linear-gradient(115deg,rgba(255,193,139,.075),rgba(6,17,15,.8))}.render-continuity{margin:8px 0 0;color:#ffe1c2;font-size:.72rem}.render-progress{height:5px;max-width:380px;margin-top:10px;overflow:hidden;border-radius:10px;background:rgba(255,193,139,.14)}.render-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc18b,#a7f3e8);transition:width .5s ease}.render-progress.is-indeterminate i{width:35%;animation:renderSweep 2.1s ease-in-out infinite}.character-render-board .clipper-status.running,.character-render-board .clipper-status.queued{border-color:rgba(255,193,139,.42);color:#ffe1c2}
@keyframes renderSweep{0%{transform:translateX(-120%)}100%{transform:translateX(400%)}}
.settings-command-card{background:radial-gradient(circle at 95% 0,rgba(155,235,217,.15),transparent 40%),linear-gradient(145deg,#173329,#0b1a17 75%)}.settings-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.settings-metric-grid>div{padding:21px;border:1px solid rgba(167,243,232,.17);border-radius:14px;background:rgba(2,14,12,.48)}.settings-metric-grid strong,.settings-metric-grid span{display:block}.settings-metric-grid strong{color:#e7fff4;font-size:clamp(1.6rem,2.3vw,2.3rem);letter-spacing:-.06em}.settings-metric-grid span{margin-top:6px;color:#b7c9be;font-size:.72rem}.settings-records{display:grid;gap:1px;margin:18px 0;background:rgba(167,243,232,.14);border:1px solid rgba(167,243,232,.14);border-radius:12px;overflow:hidden}.settings-records>div{display:flex;justify-content:space-between;gap:22px;padding:15px 17px;background:#0b1b16}.settings-records strong{color:#f0fff5;font-size:.78rem}.settings-records span{color:#b7d2c4;font-size:.76rem;text-align:right;line-height:1.5}.settings-records p{margin:0;padding:16px;background:#0b1b16;color:#b7d2c4;font-size:.76rem}.settings-data-note{line-height:1.6}.settings-inline-link,.settings-data-links a{display:inline-flex;align-items:center;min-height:44px;color:#bbf9df;font-size:.75rem;font-weight:750;text-decoration:none}.settings-inline-link:hover,.settings-data-links a:hover{text-decoration:underline;text-underline-offset:4px}.settings-inline-link:focus-visible,.settings-data-links a:focus-visible{outline:3px solid #bbf9df;outline-offset:3px}.settings-data-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:15px}
@media(max-width:750px){.character-panel>summary{grid-template-columns:1fr auto;gap:7px;min-height:88px}.character-panel>summary .character-step{grid-column:1/-1}.character-panel>summary>b{grid-column:2;grid-row:2}.character-panel>summary>span:nth-child(2){grid-column:1;grid-row:2}.character-board-heading{flex-direction:column}.character-stats{margin-top:34px}.character-stats>span{margin-right:12px;padding-right:12px}.settings-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.characters-workspace{padding-top:14px}.character-command{padding:28px 22px;border-radius:21px}.character-command h1{font-size:clamp(3rem,15vw,4.7rem)}.character-command:before{width:90%;right:-40%;top:-5%}.character-panel-body{padding:0 15px 20px}.character-panel>summary{padding:15px}.character-render-board{padding:20px 15px}.settings-records>div{display:grid;gap:5px}.settings-records span{text-align:left}.settings-metric-grid>div{padding:15px}.clipper-creative-job{grid-template-columns:1fr}.clipper-creative-job>.clipper-status{justify-self:start}.character-workflow .clipper-creative-assets{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.render-progress i{animation:none;width:100%}.character-panel>summary,.character-panel>summary>b{transition:none}}
.creative-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.creative-job-actions button{min-height:34px;padding:7px 11px;border:1px solid rgba(167,243,232,.27);border-radius:8px;background:rgba(167,243,232,.07);color:#d7f8ee;font:600 .72rem ui-monospace,monospace;cursor:pointer;transition:background .18s,border-color .18s}.creative-job-actions button:hover,.creative-job-actions button:focus-visible{border-color:#a7f3e8;background:rgba(167,243,232,.15)}.creative-job-actions button[data-job-action="delete"]{border-color:rgba(255,193,139,.22);color:#ffdbba}.creative-job-actions button[data-job-action="delete"]:hover,.creative-job-actions button[data-job-action="delete"]:focus-visible{border-color:#ffc18b;background:rgba(255,193,139,.12)}.creative-job-actions button:disabled{opacity:.5;cursor:wait}
.character-render-board .clipper-creative-job>.clipper-status{align-self:start;justify-self:end;white-space:nowrap}
body:has(.settings-page) #screenPet{display:none}
.media-reveal{min-width:0;overflow:hidden;border:1px solid rgba(167,243,232,.24);border-radius:15px;background:radial-gradient(circle at 0 0,rgba(167,243,232,.09),transparent 66%),linear-gradient(135deg,#0c211d,#071411);box-shadow:0 12px 28px rgba(0,0,0,.14);transition:border-color .2s,transform .2s,box-shadow .2s}.media-reveal:hover{border-color:rgba(167,243,232,.48);transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.22)}.media-reveal[open]{border-color:rgba(255,193,139,.48)}.media-reveal>summary{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:72px;padding:14px;list-style:none;cursor:pointer;color:#f2fff7}.media-reveal>summary::-webkit-details-marker{display:none}.media-reveal>summary:focus-visible{outline:3px solid #a7f3e8;outline-offset:-4px}.media-reveal>summary>span:nth-child(2){min-width:0}.media-reveal>summary strong,.media-reveal>summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-reveal>summary strong{font-size:.82rem;letter-spacing:-.015em}.media-reveal>summary small{margin-top:5px;color:#b5c9bf;font-size:.69rem}.media-reveal-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(167,243,232,.22);border-radius:12px;background:linear-gradient(145deg,rgba(167,243,232,.16),rgba(255,193,139,.07));color:#b5f7e7;font-size:1.23rem}.media-reveal>summary>b{color:#a7f3e8;font-weight:400;font-size:1.2rem;transition:transform .2s}.media-reveal[open]>summary>b{transform:rotate(180deg)}.media-reveal-content{padding:0 14px 14px;border-top:1px solid rgba(167,243,232,.12)}.media-reveal-content>img,.media-reveal-content>video{display:block;width:100%;max-height:460px;margin:14px auto 0;object-fit:contain;border-radius:10px;background:#030b09}.media-reveal-content .media-card-preview{margin-top:14px}.media-card.media-reveal{display:block}.media-card.media-reveal .media-card-body{padding:12px 0 0}.model-render time{display:block;margin:4px 0 0;color:#b5c9bf;font-size:.68rem}.production-stages{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.production-stage{padding:5px 8px;border:1px solid rgba(167,243,232,.17);border-radius:99px;color:#b7d3c8;background:rgba(167,243,232,.05);font:600 .58rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}.production-stage.complete{border-color:rgba(167,243,232,.33);color:#bff8e9}.production-stage.running{border-color:rgba(255,193,139,.45);color:#ffe0c4}.production-stage.failed{border-color:rgba(255,132,132,.45);color:#ffd1d1}.infx-history time{max-width:102px;text-align:right;white-space:normal;line-height:1.3;color:#b8c9bf}.infx-message-body header time{color:#bed1c4;white-space:nowrap}.clipper-video-settings[hidden]{display:none!important}@media(max-width:620px){.infx-message-body header{flex-wrap:wrap}.infx-message-body header time{width:100%;margin-left:0}.media-reveal>summary{grid-template-columns:38px minmax(0,1fr) 18px;gap:9px;padding:12px}.media-reveal-icon{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.media-reveal,.media-reveal>summary>b{transition:none}.media-reveal:hover{transform:none}}
.creative-asset-links button[data-approve-reference]{display:block;width:100%;min-height:40px;padding:10px 12px;border:1px solid rgba(255,193,139,.45);border-radius:9px;background:linear-gradient(135deg,rgba(255,193,139,.16),rgba(167,243,232,.06));color:#ffdfc1;font-size:.72rem;font-weight:800;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.creative-asset-links button[data-approve-reference]:hover,.creative-asset-links button[data-approve-reference]:focus-visible{border-color:#ffc18b;background:rgba(255,193,139,.24);outline-offset:2px}.creative-asset-links button[data-approve-reference]:disabled{opacity:.62;cursor:default}