:root{--bg:#eef6fd;--surface:#fff;--primary:#247cf0;--primary-dark:#174b7a;--accent:#bfe2ff;--border:#d9e9f7;--text:#123b61;--muted:#7893ad;--soft-shadow:0 6px 18px rgba(45,105,158,.065)}
*{box-sizing:border-box}html{background:var(--bg);font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 82% 28%,#f5fbff 0%,#eef6fd 55%,#f0f8fe 100%);font-size:14px}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.symbols{position:absolute;pointer-events:none}.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.topbar{height:55px;padding:0 46px 0 27px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);box-shadow:0 2px 14px rgba(55,98,129,.055)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}.brand img{width:37px;height:37px;display:block;border-radius:11px;box-shadow:0 6px 12px rgba(18,87,173,.13)}.brand-blue{color:#1381eb}.topbar-right{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650}.help-link,.profile{display:flex;align-items:center;gap:9px;padding:6px 0;background:transparent;color:#113a68;border:0}.help-link .ic{width:20px;height:20px}.top-divider{width:1px;height:26px;background:#cdddf0}.profile{gap:8px}.avatar{height:25px;width:25px;border-radius:50%;display:grid;place-items:center;background:#1468e8;color:white;font-weight:700;font-size:12px}.chevron{height:15px;width:15px;margin-left:0}
.shell{display:grid;grid-template-columns:253px minmax(0,1fr) 356px;gap:16px;margin:16px 36px 8px 0;align-items:stretch;min-height:785px}.sidebar,.main-panel,.amy-panel{background:rgba(255,255,255,.63);box-shadow:var(--soft-shadow);border-radius:16px}.sidebar{padding:0 12px;min-height:785px;background:linear-gradient(135deg,#f5fbff,#f7fbfe);border-right:1px solid rgba(201,223,242,.42)}.nav{display:flex;flex-direction:column;padding-top:0;gap:0}.nav-item{width:100%;height:46.5px;border:0;border-radius:15px;background:transparent;display:flex;align-items:center;gap:21px;padding:0 17px;text-align:left;color:#073b72;white-space:nowrap;font-size:14px;font-weight:500}.nav-item .ic{width:22px;height:22px;stroke-width:2.2}.nav-item.active{height:47px;background:linear-gradient(100deg,#e4f3ff,#e5f3ff);color:#0879ef;font-weight:650}.nav-item.active .ic{fill:#0879ef;stroke:#0879ef}.nav-item:not(.active):focus-visible,.nav-item:not(.active):hover{outline:none;background:rgba(231,244,254,.5)}
.main-panel{min-width:0;padding:12px 16px 17px;background:rgba(255,255,255,.54)}.heading h1{font-size:30px;line-height:39px;letter-spacing:-1.25px;margin:0;font-weight:760;color:#063b6d}.heading p{font-size:16px;color:#6085aa;font-weight:520;margin:1px 0 15px;line-height:25px}.feature-grid,.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-width:0;height:200px;padding:12px 24px 24px;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:0 6px 13px rgba(58,103,161,.055);display:flex;flex-direction:column}.feature-icon{width:47px;height:47px;object-fit:cover;display:block;margin-bottom:2px}.feature-card h2{font-size:16px;font-weight:740;letter-spacing:-.32px;line-height:21px;margin:0 0 6px;color:#052d58}.feature-card p{font-size:13px;line-height:19px;color:#547b9f;margin:0;flex:1;font-weight:450}.primary-action{height:33px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#1162ec,#2779fa,#1366ee);border:0;border-radius:9px;box-shadow:0 4px 8px rgba(30,117,244,.09);color:white;font-weight:730;font-size:13px;white-space:nowrap}.primary-action .ic{width:16px;height:16px;stroke-width:2.3}.primary-action:hover{filter:brightness(1.035)}.primary-action:focus-visible{outline:3px solid #8fc5ff;outline-offset:2px}
.recent-section{margin-top:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.section-heading h2{font-size:19px;font-weight:750;letter-spacing:-.25px;line-height:24px;margin:0}.view-all{display:flex;align-items:center;gap:10px;background:transparent;color:#0877fa;border:0;font-size:12px;font-weight:650;padding:4px 0}.view-all .ic{width:15px;height:15px}.recent-card{height:210px;padding:11px 12px 14px;border:1px solid var(--border);background:white;border-radius:12px;box-shadow:0 5px 12px rgba(59,111,165,.055);min-width:0}.recent-thumbnail{height:117px;width:100%;display:block;object-fit:fill;border-radius:8px}.recent-title{display:flex;align-items:center;gap:7px;min-height:25px;margin:11px 6px 0;color:#06336a;white-space:nowrap}.recent-title strong{font-size:12px;letter-spacing:-.15px;overflow:hidden;text-overflow:ellipsis}.recent-kind{width:17px;height:17px;color:#1283fa;stroke-width:2.3}.recent-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 3px 0 7px;color:#6486a9;font-size:12px;white-space:nowrap}.recent-bottom span{overflow:hidden;text-overflow:ellipsis}.more{height:23px;width:24px;border:0;background:transparent;color:#648bb5;padding:0;display:grid;place-items:center}.more .ic{height:16px;width:16px}
.amy-panel{height:760px;min-width:0;padding:21px 19px 18px;background:rgba(255,255,255,.77);border:1px solid #e0eefb;border-radius:20px;display:flex;flex-direction:column}.amy-top{display:flex;align-items:center;gap:12px;min-height:49px;position:relative}.amy-icon{width:48px;height:49px;object-fit:contain;flex:none;margin-left:18px}.amy-identity{display:flex;flex-direction:column;gap:3px;white-space:nowrap;min-width:0}.amy-identity strong{font-size:16px;color:#0c3866}.amy-identity span{font-size:11px;color:#7392b1}.mode-toggle{position:absolute;right:0;top:3px;display:flex;align-items:center;gap:3px}.mode{height:35px;min-width:50px;padding:0 10px;border-radius:11px;border:0;background:transparent;color:#7492ae;font-size:11px;font-weight:750}.mode.selected{background:#fff;color:#1271ef;box-shadow:0 4px 13px rgba(43,93,171,.13)}
.amy-voice{display:flex;flex-direction:column;align-items:center;margin-top:31px}.big-mic{width:126px;height:126px;display:grid;place-items:center;border:10px solid #e0edff;border-radius:50%;background:linear-gradient(130deg,#3197fa,#1263e8);color:#fff;box-shadow:0 9px 20px rgba(25,112,236,.10)}.big-mic .ic{height:43px;width:43px;stroke-width:2.1}.amy-voice h2{font-size:17px;margin:15px 0 9px;color:#0a3767;font-weight:750}.amy-voice p{font-size:12px;margin:0;color:#6485a9;text-align:center;white-space:nowrap}.amy-controls{margin-top:43px;display:flex;flex-direction:column}.field-label{font-size:12px;color:#6787ab;font-weight:760;margin:0 0 8px 1px}.phrase{height:42px;display:flex;align-items:center;gap:12px;border-radius:13px;background:linear-gradient(90deg,#edf7ff,#edf7ff);border:1px solid #cee6fd;color:#1378f7;padding:0 15px;margin-bottom:17px}.phrase .ic{width:19px;height:19px;stroke-width:2.4}.phrase input{background:transparent;border:none;outline:none;min-width:0;flex:1;color:#073b71;font-weight:740;font-size:14px}.language-wrap{height:42px;position:relative;border-radius:11px;border:1px solid #d5e7f6;background:#fff;display:flex;align-items:center;margin-bottom:26px}.language-wrap select{height:100%;width:100%;border:0;appearance:none;background:transparent;font-size:12px;color:#163b69;font-weight:720;padding:0 16px;cursor:pointer}.language-wrap>.ic{position:absolute;right:7px;width:17px;height:17px;color:#074d8f;pointer-events:none}.grab-current{width:100%;height:51px;border-radius:12px;border:0;background:linear-gradient(100deg,#1686ff,#1f65ea);color:white;font-size:14px;font-weight:740;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 13px rgba(24,102,224,.12)}.grab-current .ic{height:21px;width:21px}.saved-count{text-align:center;color:#027bff;font-size:12px;margin-top:13px}.amy-bottom{margin-top:auto;text-align:center;font-size:11px;line-height:17px;color:#6f90b0}
.token-bar{border-top:1px solid #e2eefa;height:76px;display:flex;align-items:center;gap:24px;padding:0 26px;white-space:nowrap;overflow:hidden;color:#6485a6;font-size:11px;background:rgba(255,255,255,.68)}.tokens-caption{margin-right:6px}.token{display:flex;align-items:center;gap:7px}.dot{width:12px;height:12px;border-radius:50%;border:1px solid #cce0f2;display:inline-block;flex:none}.tokens-extra{margin-left:auto;display:block}
@media(max-width:1500px){.shell{grid-template-columns:220px minmax(0,1fr) 310px;gap:12px;margin:12px 14px 8px 0}.sidebar{padding:0 9px}.nav-item{gap:15px;padding-left:13px;font-size:12px}.main-panel{padding:12px}.feature-grid,.recent-grid{gap:12px}.feature-card{padding:11px 13px 15px}.wide-only{display:none}.feature-card p{font-size:12.5px}.feature-card h2{font-size:14px}.amy-panel{padding:16px 13px 15px}.mode{min-width:42px;padding:0 7px}.amy-identity span{font-size:10px}.token-bar{gap:15px;padding:0 16px;font-size:10px}}
@media(max-width:1090px){.shell{grid-template-columns:195px minmax(0,1fr);margin-right:12px}.amy-panel{grid-column:2;height:auto;min-height:520px}.main-panel{grid-column:2;grid-row:1}.sidebar{grid-column:1;grid-row:1 / span 2}.feature-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amy-controls{margin-top:23px}.amy-bottom{padding-top:16px}.token-bar{gap:12px;overflow-x:auto}}
@media(max-width:650px){.topbar{padding:0 12px}.brand{font-size:16px}.topbar-right{gap:10px}.help-link{font-size:0}.help-link .ic{font-size:initial}.profile span:not(.avatar){display:none}.shell{display:block;margin:10px}.sidebar{min-height:auto;padding:6px;margin-bottom:10px}.nav{flex-direction:row;overflow-x:auto}.nav-item{height:42px;width:auto;min-width:max-content;padding:0 11px}.nav-item.active{height:42px}.main-panel{padding:13px}.heading h1{font-size:25px}.heading p{font-size:13px}.feature-grid,.recent-grid{grid-template-columns:1fr}.feature-card{height:178px}.recent-section{margin-bottom:12px}.amy-panel{margin-top:10px;min-height:700px}.token-bar{height:50px}}

/* v0.1.3: ONLY the two side panels and the corresponding available centre width.
   All original landing page card markup, dimensions, copy, imagery and footer remain untouched. */
.shell{grid-template-columns:76px minmax(0,1fr) 356px;gap:12px;margin:12px 14px 8px 7px;align-items:start}
.sidebar{width:76px;min-height:0;height:min(785px,calc(100dvh - 75px));padding:8px 5px;background:linear-gradient(135deg,#f7fcff,#fff);border:1px solid #e1edf8;position:sticky;top:12px;overflow:hidden}
.rail-logo{width:55px;height:54px;margin:0 auto 9px;display:grid;place-items:center;border-radius:16px;background:#f3f9ff;flex:none}
.rail-logo img{width:44px;height:44px;border-radius:13px;display:block}
.nav{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;height:calc(100% - 63px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav-item,.nav-item.active{display:grid;place-items:center;width:51px;min-width:51px;height:43px;min-height:43px;margin:0;border-radius:13px;padding:0;font-size:0;gap:0}
.nav-item .ic{width:22px;height:22px;stroke-width:2.1}
.nav-item span{display:none}
.nav-item.active{background:#e1f1ff}
.nav-item:focus-visible,.rail-logo:focus-visible{outline:2px solid #1985f9;outline-offset:1px}
.main-panel{min-width:0}
.amy-panel{width:356px;height:min(760px,calc(100dvh - 78px));min-height:440px;max-height:760px;padding:8px;display:flex;flex-direction:column;gap:8px;overflow:hidden;align-self:start;position:sticky;top:12px;background:rgba(255,255,255,.70);border:1px solid #d8e8f6;border-radius:19px}
.console-member-bar{height:51px;min-height:51px;display:flex;align-items:center;gap:11px;padding:0 12px;background:#fff;border:1px solid #dfebf5;border-radius:17px;box-shadow:0 4px 8px rgba(43,96,156,.04)}
.console-member-bar .ic{width:19px;height:19px;stroke-width:1.85;color:#6285ab}
.member-clock{display:flex;flex:1;flex-direction:column;text-align:center;line-height:15px;color:#496c8d;font-size:11px;white-space:nowrap}
.member-avatar{position:relative;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#2572db;color:#fff;font-size:10px;font-weight:800;box-shadow:0 0 0 2px #e5eef9}
.member-online{position:absolute;right:-1px;bottom:-2px;width:10px;height:10px;background:#20c866;border:2px solid white;border-radius:50%}
.member-name{font-size:11px;color:#19466f;white-space:nowrap;font-weight:800}
.console-member-bar .console-copy{width:15px;height:15px;color:#5a83a7}
.voice-card{flex:none;border:1px solid #d7e5f2;background:#fff;border-radius:18px;padding:10px 10px 9px;box-shadow:0 4px 10px rgba(49,91,144,.04);height:235px}
.voice-card-header{height:39px;display:flex;align-items:center;gap:8px;min-width:0}
.voice-square{width:34px;height:34px;display:grid;place-items:center;color:#197ce7;background:#ecf6ff;border-radius:11px;flex:none}
.voice-square .ic{width:21px;height:21px;stroke-width:2.15}
.voice-card-title{font-weight:730;font-size:13px;white-space:nowrap;color:#173d60}
.voice-clock{color:#406e98;font-weight:600;font-size:12px;white-space:nowrap}
.voice-card .mode-toggle{position:static;margin-left:auto;display:flex;height:38px;padding:3px;gap:2px;border:1px solid #dce8f3;border-radius:12px;background:#f3f8fc;flex:none}
.voice-card .mode{height:30px;min-width:48px;padding:0 8px;color:#6a849b;font-size:11px;font-weight:750;border-radius:10px;background:transparent}
.voice-card .mode.selected{background:#e0eeff;color:#1559ad;border:1px solid #bad2f4;box-shadow:0 2px 5px rgba(19,88,162,.12)}
.voice-controls{height:70px;display:flex;align-items:center;justify-content:center;gap:17px}
.voice-satellite{width:37px;height:37px;display:grid;place-items:center;border:1px solid #e2edf6;border-radius:50%;background:#f3f8fc;color:#7392ad}
.voice-satellite .ic{width:20px;height:20px;stroke-width:1.5}
.voice-stop{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#378ff8,#1e68de);color:#fff;box-shadow:0 0 0 6px #e8f3ff,0 6px 15px rgba(21,86,180,.16)}
.voice-waveform{width:100%;height:34px;display:block;margin:0 auto}
.voice-waveform polyline{stroke:#309deb;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.voice-listening{height:22px;display:flex;align-items:center;justify-content:center;position:relative;font-size:11px;color:#607c93;border-bottom:1px solid #d0e3ee}
.voice-status-dot{position:absolute;left:0;width:9px;height:9px;border-radius:50%;background:#8ebceb;box-shadow:0 0 0 3px #e2f1ff}
.voice-trash{position:absolute;right:0;width:16px;height:16px;color:#bdcede;stroke-width:1.6}
.voice-actions{margin-top:6px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:#eaf4ff;border:1px solid #d8e9f9;border-radius:11px;padding:0 9px;color:#9eb6cd}
.voice-actions span{font-size:11px;white-space:nowrap;color:#5c7b9e;margin-right:3px}
.voice-actions .ic{width:17px;height:17px;stroke-width:1.65}
.voice-actions .enabled{color:#257bc9}
.conversations{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:11px}
.conversations-heading{height:51px;min-height:51px;display:flex;align-items:center;gap:9px;padding:0 4px 0 6px;border-bottom:1px solid #d7e5f1;color:#3c648a}
.conversations-heading .back{width:18px;height:18px;stroke-width:2.3}
.conversations-title{flex:1;white-space:nowrap;font-size:14px;font-weight:600}
.conversations-title strong{font-size:21px;font-weight:800;color:#1f64ad}
.conv-add{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8e6f3;border-radius:15px;background:#f9fcff;color:#2974c3;font-size:24px;line-height:1;font-weight:300}
.conversations-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 2px 6px}
.conversations-scroll::-webkit-scrollbar{display:none}
.conversation-day{font-size:12px;color:#6b8aaa;font-weight:800;margin:12px 3px 8px}
.conversation-day.older{margin-top:14px}
.conversation-item{height:76px;display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;padding:11px 10px;background:#fbfeff;border:1px solid #dbe9f5;border-radius:14px;box-shadow:0 4px 8px rgba(37,84,120,.045);overflow:hidden}
.conversation-item.selected{background:#f4faff;border-color:#8bbff2}
.conversation-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#eaf4ff;border-radius:9px;color:#3479b6}
.conversation-icon .ic{width:17px;height:17px;stroke-width:1.6}
.conversation-copy{flex:1;min-width:0;overflow:hidden;line-height:1.2}
.conversation-title{font-size:12px;font-weight:800;color:#18416b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-date{font-size:11px;color:#6c88a6;margin-top:4px;white-space:nowrap}
.conversation-preview{font-size:11px;color:#6d89a7;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-more{width:19px;height:19px;color:#4376a4;stroke-width:1.6}
.console-footer{flex:none;height:42px;min-height:42px;border-top:1px solid #e0edf5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0 0}
.mood-chip{height:32px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d0e4f4;border-radius:17px;padding:0 9px;background:#eaf5ff;color:#35608a;white-space:nowrap;font-size:10px;min-width:0}
.mood-chip .ic{width:15px;height:15px}
.mood-chip strong{overflow:hidden;text-overflow:ellipsis;font-size:10px}
.version-chip{display:flex;align-items:center;height:24px;border-radius:13px;border:1px solid #c5d9e8;background:#edf5fc;padding:0 9px;color:#507296;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:1500px){.shell{grid-template-columns:70px minmax(0,1fr) 338px;gap:12px;margin:12px 14px 8px 7px}.sidebar{width:70px;padding:8px 3px}.amy-panel{width:338px;padding:8px}.voice-card{padding:9px 8px}.voice-card .mode{min-width:44px}.main-panel{padding:12px}.feature-grid,.recent-grid{gap:12px}.feature-card{padding:11px 13px 15px}}
@media(max-width:1090px){.shell{grid-template-columns:70px minmax(0,1fr) 305px;gap:10px;margin-right:8px}.sidebar{grid-column:1;grid-row:1;height:min(785px,calc(100dvh - 75px))}.main-panel{grid-column:2;grid-row:1}.amy-panel{grid-column:3;grid-row:1;width:305px;height:min(760px,calc(100dvh - 78px));min-height:440px}.feature-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-card-title{font-size:12px}.voice-card .mode{min-width:42px;padding:0 6px}.member-name{max-width:60px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){.shell{grid-template-columns:62px minmax(0,1fr);gap:8px;margin:8px}.sidebar{width:62px;grid-column:1;grid-row:1 / span 2}.rail-logo{width:51px}.nav-item,.nav-item.active{width:47px;min-width:47px}.main-panel{grid-column:2;grid-row:1}.amy-panel{width:100%;height:620px;min-height:440px;grid-column:2;grid-row:2;position:static}.feature-grid,.recent-grid{grid-template-columns:1fr}}

.voice-waveform{height:34px;object-fit:fill;border:0}

/* v0.1.5 — single viewport landing page: remove page scroll and align panel bottoms. */
html,body{height:100%;overflow:hidden}
.shell{
  height:calc(100dvh - 20px);
  min-height:0;
  margin-top:10px;
  margin-bottom:10px;
  align-items:stretch;
}
.sidebar{
  height:100%;
  min-height:0;
  position:static;
  overflow:hidden;
}
.nav{
  overflow:hidden;
  gap:2px;
}
.nav-item,.nav-item.active{
  height:clamp(33px, calc((100dvh - 127px)/13),43px);
  min-height:clamp(33px, calc((100dvh - 127px)/13),43px);
}
.main-panel{
  height:100%;
  min-height:0;
  overflow:hidden;
}
.amy-panel{
  height:100%;
  min-height:0;
  max-height:none;
  position:static;
  align-self:stretch;
}
.console-member-bar .console-notification{
  flex:none;
  width:19px;
  height:19px;
  color:#286dc5;
}
.conv-add .ic{
  width:21px;
  height:21px;
  stroke-width:2;
}
/* Preserve internally scrollable conversation history, with scrollbar invisible. */
.conversations-scroll{scrollbar-width:none}
.conversations-scroll::-webkit-scrollbar{display:none}
/* Keep Recent work visible at narrower three-panel desktop widths as well. */
@media (min-width:960px) and (max-width:1090px){
  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-card{padding:10px 9px 13px}
  .feature-card h2{font-size:13px}
  .primary-action{font-size:11px;gap:5px}
  .primary-action .ic{width:14px;height:14px}
}

/* v0.1.6 — 12 studio launch cards; Home title and slogan are always stationary.
   Only the center card grid may scroll, and its scrollbar stays invisible.
   Left navigation and Amy console preserve the accepted v0.1.5 design. */
.main-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.main-panel > .heading{
  flex:none;
}
.feature-grid{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
  grid-auto-rows:max-content;
  scrollbar-width:none;
  overscroll-behavior-y:contain;
  padding-bottom:7px;
}
.feature-grid::-webkit-scrollbar{display:none}
/* Four complete rows fit comfortably in the taller reference view. */
@media (min-height:860px) and (min-width:1091px){
 .feature-card{height:clamp(170px,calc((100dvh - 184px)/4),200px)}
}
/* On small desktop windows keep the original readable card height,
   without forcing page-level scroll or changing the Amy panel. */

/* v0.1.8: retain original Voice Comms visuals while enabling the existing controls. */
#csMicBtn,#csStopBtn{font:inherit;cursor:pointer;border:0;padding:0;display:grid;place-items:center;}
#csMicBtn{background:#f3f8fc;color:#7392ad;} #csStopBtn{background:linear-gradient(145deg,#378ff8,#1e68de);color:#fff;}
#csMicBtn:focus-visible,#csStopBtn:focus-visible,.cs-voice-tool:focus-visible{outline:3px solid #1565ff;outline-offset:3px;}
#csMicBtn.cs-recording{box-shadow:0 0 0 4px rgba(29,120,252,.20);border-radius:50%;}
.cs-voice-tool{border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:16px;}
.cs-voice-tool .ic{width:16px;height:16px;}
.cs-voice-transcript{padding:8px 10px 12px;border-top:1px solid #e7eaf3;}
.cs-voice-transcript[hidden]{display:none!important;}
.cs-voice-transcript label{font-weight:700;font-size:12px;display:block;margin-bottom:6px;}
.cs-voice-transcript textarea{font:inherit;color:#17233d;width:100%;min-height:62px;padding:8px;border:1px solid #cddbf4;border-radius:8px;resize:vertical;}
.cs-voice-note{display:block;font-size:10px;color:#586983;line-height:1.25;margin-top:5px;}

/* v0.1.9: real state, not preview graphics */
.voice-card{height:auto;min-height:235px}
.voice-waveform{width:100%;height:34px;display:block}
#csMicBtn,#csStopBtn{cursor:pointer}
#csMicBtn.cs-recording{background:#dbf4fe;border-color:#268cdd;color:#1459ab;box-shadow:0 0 0 3px #d9eefe}
#csStopBtn:disabled{opacity:.43;cursor:not-allowed;box-shadow:none}
#csRecordList{padding:8px 3px;overflow-y:auto}
.cs-empty{padding:15px 10px;font-size:12px;color:#66809b;line-height:1.4}
.cs-rec{display:flex;flex-direction:column;gap:7px;margin:6px 0;padding:11px;border:1px solid #cddff2;border-radius:12px;background:#fff;color:#17426f;font-size:12px}
.cs-rec strong{font-size:13px}.cs-rec small{color:#66809b}.cs-rec-controls{display:flex;gap:7px;flex-wrap:wrap}
.cs-rec button{border:1px solid #bfd5ee;background:#edf5ff;color:#195eac;border-radius:8px;padding:5px 9px;cursor:pointer;font-size:11px;font-weight:700}
.cs-rec audio{width:100%;height:32px}
.cs-transcript-note{white-space:pre-wrap;color:#41627e;max-height:100px;overflow:auto}

/* v0.1.10: Amy's Console owns a single switchable content viewport. */
.amy-panel{min-height:0;overflow:hidden}.voice-card{flex:none;min-height:0;height:auto}.cs-amy-voice{padding:0 6px;gap:3px}.cs-voice-title{font-size:10px!important;font-weight:750;letter-spacing:-.2px;margin-right:auto!important}.cs-voice-tool{min-width:23px;height:31px;border-radius:7px;color:#457cac}.cs-voice-tool .ic{width:17px;height:17px}.cs-voice-tool:hover,.cs-voice-tool.active{background:#d1e6ff;color:#135bc2}.cs-voice-tool:disabled{opacity:.4;cursor:not-allowed}.cs-console-views{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;border-top:1px solid #d8e7f4}.cs-console-view{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:7px 5px 3px}.cs-console-view[hidden],.cs-chat-stage[hidden],.cs-home-stage[hidden]{display:none!important}.cs-view-heading{flex:none;padding:6px 4px 8px;color:#205c9e;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:6px}.cs-view-heading span{font-size:10px;color:#6784a0;font-weight:500}.cs-transcript-view textarea{width:100%;flex:1;min-height:0;resize:none;border:1px solid #c9daf1;border-radius:10px;padding:12px;font-family:inherit;font-size:13px;line-height:1.55;color:#173a60;background:white}.cs-view-bottom{display:flex;gap:8px;padding:8px 0 4px;flex:none}.cs-view-bottom button,.cs-view-heading button,.cs-chat-stage button{background:#edf5ff;color:#135bb3;border:1px solid #c3dcf8;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.cs-console-view .cs-voice-note{flex:none;padding:4px 1px 0;font-size:9px;line-height:1.3}.cs-recordings-view .conversations-scroll{flex:1;min-height:0;overflow-y:auto}.cs-recordings-view .cs-transcript-note{max-height:2.9em;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cs-history-list{overflow:auto;flex:1;min-height:0}.cs-history-item{width:100%;border:1px solid #cfe0f4;border-radius:10px;padding:10px;background:#fff;text-align:left;margin:3px 0;color:#194774;cursor:pointer}.cs-history-item small{display:block;color:#6584a3;margin-top:4px}.cs-chat-stage{display:flex;flex:1;min-height:0;flex-direction:column;padding:10px 14px;background:#f8fbff}.cs-chat-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #d8e7f4}.cs-chat-notice{font-size:12px;color:#587595;margin:10px 0}.cs-chat-messages{flex:1;min-height:0;overflow-y:auto}.cs-chat-bubble{max-width:85%;padding:12px;background:#e1efff;border-radius:12px;margin:10px 0 10px auto;white-space:pre-wrap;font-size:13px}.cs-chat-compose{display:flex;gap:8px;padding-top:10px}.cs-chat-compose textarea{flex:1;min-height:60px;resize:vertical;font:inherit;padding:10px;border:1px solid #cde0f5;border-radius:10px}.cs-chat-compose button{align-self:end}.cs-home-stage{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}.cs-home-stage .feature-grid{flex:1;min-height:0}.cs-rec-controls button.cs-rec-transcript{background:#e5f1ff}.cs-rec.selected{border-color:#2c82e8;background:#f1f8ff}

/* v0.1.11 — Amy Workspace visual-only reproduction; no control handlers. */
.cs-workspace-panel{flex:none;background:#fff;border:1px solid #d7e5f2;border-radius:12px;padding:10px 9px 9px;box-shadow:0 4px 10px rgba(49,91,144,.04);color:#173d60}
.cs-workspace-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;line-height:21px;margin:0 0 9px 1px}
.cs-workspace-grid{width:20px;height:20px;color:#237cf0;flex:none}
.cs-workspace-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;align-items:stretch;min-width:0}
.cs-workspace-item{height:61px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#47739e;font-size:8.5px;font-weight:600;letter-spacing:-.15px;white-space:nowrap;text-align:center;user-select:none;cursor:default;pointer-events:none}
.cs-workspace-item svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.95;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cs-workspace-item .cs-workspace-more{fill:currentColor;stroke:none}
.cs-workspace-selected{background:#e4f0ff;border-radius:10px;color:#0d67dd}
.cs-workspace-legacy[hidden]{display:none!important}

.cs-workspace-item span{display:block;max-width:100%;min-width:0;text-align:center;white-space:nowrap}

/* v0.1.13: exact reference composition for Center Stage Chat only. */
.cs-workspace-item#csWorkspaceChat{border:0;font-family:inherit;background:#e4f0ff;cursor:pointer;pointer-events:auto;padding:0}
.cs-workspace-item#csWorkspaceChat:focus-visible{outline:2px solid #0874ec;outline-offset:2px}
.cs-conversation-reference{background:#fff!important;border-radius:14px;padding:22px 21px 19px!important;gap:0;position:relative}
.cs-ref-chat-head{flex:none;border-bottom:1px solid #dceafa;padding:1px 0 22px}
.cs-ref-chat-head h1{font-size:20px;font-weight:760;color:#103f75;margin:0 0 9px;letter-spacing:-.4px}
.cs-ref-chat-head p{margin:0;color:#587ba4;font-size:13px;line-height:1.45}
.cs-ref-chat-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow-y:auto}
.cs-ref-chat-welcome{margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;color:#123e75;width:100%;padding:26px 0 38px}
.cs-ref-amy-portrait{width:182px;height:126px;object-fit:contain;display:block;mix-blend-mode:multiply}
.cs-ref-chat-welcome h2{font-size:25px;line-height:1.2;margin:11px 0 11px;font-weight:750;color:#0c3771}
.cs-ref-chat-welcome>p{font-size:16px;line-height:1.65;color:#5a7ca5;margin:0}
.cs-ref-chat-suggestions{display:grid;grid-template-columns:repeat(2,max-content);gap:12px;margin-top:34px;max-width:100%;justify-content:center}
.cs-ref-chat-suggestions span{display:flex;align-items:center;gap:10px;border:1px solid #cfe4fa;color:#2461b2;background:#f7fbff;border-radius:40px;min-height:47px;padding:0 18px;font-size:12px;font-weight:600;white-space:nowrap}
.cs-ref-chat-suggestions .ic{width:17px;height:17px;color:#2384ec;stroke-width:1.7}
.cs-conversation-reference .cs-chat-messages{flex:0 0 auto;max-height:100%;overflow:auto}
.cs-conversation-reference .cs-chat-messages:empty{display:none}
.cs-conversation-reference .cs-chat-compose{display:flex;align-items:center;flex:none;border:1px solid #cde4fa;border-radius:20px;box-shadow:0 4px 12px rgba(53,123,211,.10);padding:9px 10px 9px 14px;gap:14px;min-height:56px}
.cs-ref-paperclip{display:flex;align-items:center;justify-content:center;color:#268afa;flex:none;width:20px}
.cs-ref-paperclip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-conversation-reference .cs-chat-compose textarea{min-height:27px;max-height:100px;height:27px;resize:none;flex:1;border:0;outline:0;background:transparent;box-shadow:none;padding:5px 0;font-size:13px;color:#163b6d}
.cs-conversation-reference .cs-chat-compose button{flex:none;align-self:center;display:grid;place-items:center;border:0!important;background:#378df3!important;color:#fff!important;width:38px;height:38px;border-radius:50%!important;padding:0!important;box-shadow:0 3px 10px #a5c8ed}
.cs-conversation-reference .cs-chat-compose button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.cs-conversation-reference .cs-chat-bubble{font-size:13px;color:#143b6a;max-width:78%;background:#e2f0ff;border-radius:15px;padding:12px 15px}
.cs-conversation-reference.cs-chat-has-messages .cs-ref-chat-welcome{display:none}
.cs-conversation-reference.cs-chat-has-messages .cs-chat-messages{flex:1}
@media(max-width:850px){.cs-ref-chat-suggestions{grid-template-columns:1fr 1fr;gap:7px}.cs-ref-chat-suggestions span{white-space:normal;font-size:10px;min-height:42px;padding:5px 9px}.cs-ref-chat-welcome>p{font-size:13px}.cs-ref-amy-portrait{width:144px;height:110px}.cs-conversation-reference{padding:16px!important}}

/* v0.1.14 — focused Amy Conversation adjustments; preserve other screens. */
.main-panel:has(> #csChatStage:not([hidden])){padding-bottom:0}
.cs-conversation-reference{padding-bottom:2px!important}
/* Preserve scrolling while hiding scrollbar tracks, thumbs and arrows. */
.cs-conversation-reference .cs-ref-chat-body,
.cs-conversation-reference .cs-chat-messages,
.cs-conversation-reference .cs-chat-compose textarea,
.nav {scrollbar-width:none;-ms-overflow-style:none}
.cs-conversation-reference .cs-ref-chat-body::-webkit-scrollbar,
.cs-conversation-reference .cs-chat-messages::-webkit-scrollbar,
.cs-conversation-reference .cs-chat-compose textarea::-webkit-scrollbar,
.nav::-webkit-scrollbar{display:none;width:0;height:0}
/* Full-width scrollable content region, with no scrollbar gutter. */
.cs-conversation-reference .cs-ref-chat-body{margin-right:-21px;padding-right:21px;scrollbar-gutter:auto}
.cs-conversation-reference .cs-chat-messages{scrollbar-gutter:auto}
.cs-conversation-reference .cs-chat-compose textarea{height:27px;min-height:27px;max-height:156px;overflow-y:auto;transition:height .14s ease}
@media(max-width:850px){.cs-conversation-reference .cs-ref-chat-body{margin-right:-16px;padding-right:16px}}

/* v0.1.15: Saved Transcripts Center Stage. Other views unchanged. */
#csSavedTranscriptsStage[hidden]{display:none!important}
.main-panel:has(>#csSavedTranscriptsStage:not([hidden])){padding:0!important;overflow:hidden;min-height:0}
.cs-saved-transcripts{height:100%;min-height:0;display:flex;flex-direction:column;padding:19px 0 0;background:transparent;min-width:0;color:#112f53}
.cs-st-head{padding:0 0 18px 0;flex:none}
.cs-st-head h1{font-size:29px;font-weight:750;letter-spacing:-.8px;margin:0 0 4px;color:#073c76;line-height:1.25}
.cs-st-head p{font-size:14px;color:#6285b1;margin:0}
.cs-st-toolbar{display:flex;gap:10px;align-items:center;flex:none;background:white;border:1px solid #d6e5f4;border-radius:9px;padding:10px;margin-bottom:14px;min-height:63px}
.cs-st-toolbar label{display:flex;align-items:center;gap:7px;border:1px solid #d5e3f1;border-radius:6px;height:38px;min-width:0;color:#174d87;padding:0 10px;background:#fff}
.cs-st-search{flex:1.5}.cs-st-date{flex:1.1}.cs-st-source{flex:.8}.cs-st-sort{flex:.8}
.cs-st-toolbar input,.cs-st-toolbar select{border:0;outline:0;background:transparent;color:#1f487c;font-size:11px;min-width:0;width:100%;height:100%}
.cs-st-toolbar input::placeholder{color:#7390b4}
.cs-st-new{height:38px;padding:0 13px;white-space:nowrap;border:0;background:#0876e9;color:#fff;font-weight:650;border-radius:6px;font-size:12px}
.cs-st-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;flex:1;min-height:0;min-width:0}
.cs-st-list,.cs-st-detail{border:1px solid #d5e4f3;background:#fff;border-radius:8px;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.cs-st-list h2{font-size:13px;color:#4f719e;margin:0;padding:12px;border-bottom:1px solid #d8e7f6;font-weight:650}
.cs-st-list-rows{flex:1;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.cs-st-list-rows::-webkit-scrollbar,.cs-st-detail-content::-webkit-scrollbar,.cs-saved-transcripts::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cs-st-row{padding:13px 14px;border-bottom:1px solid #e0eaf5;cursor:pointer;display:flex;gap:12px;min-width:0}
.cs-st-row.active{background:#eaf5ff;border-left:4px solid #147de8;padding-left:10px}
.cs-st-row-icon,.cs-st-detail-icon{background:#e2f1ff;color:#0c75e5;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex:none;font-size:19px}
.cs-st-row-main{flex:1;min-width:0}.cs-st-row-title{font-weight:750;font-size:12px;color:#0e3665;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-st-row-meta{font-size:10px;color:#668bb8;margin:6px 0}.cs-st-row-preview{font-size:11px;color:#577eaa;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-st-row-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.cs-st-row-actions button{font-size:10px;font-weight:650;border:0;background:transparent;color:#136ed8;padding:0}
.cs-st-detail-content{padding:17px 17px 24px;min-height:0;flex:1;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.cs-st-detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.cs-st-detail-heading h2{font-size:17px;font-weight:760;color:#113462;margin:0 0 6px;line-height:1.3}
.cs-st-detail-heading p{color:#6685ac;font-size:10px;margin:0;line-height:1.6}
.cs-st-detail-text{font-size:15px;line-height:1.55;color:#315b8a;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}
.cs-st-audio{width:100%;margin:0 0 20px}.cs-st-detail h3{font-size:13px;color:#163861;margin:10px 0 12px}
.cs-st-detail-summary{font-size:12px;color:#6482aa;line-height:1.7}.cs-st-detail-actions{margin-top:24px;display:grid;gap:10px}
.cs-st-detail-actions button{width:100%;height:37px;border-radius:6px;border:1px solid #b4d5fa;background:white;color:#11549c;font-size:12px;font-weight:700}
.cs-st-detail-actions button:first-child{background:#0879ef;color:white;border-color:#0879ef}
.cs-st-empty{color:#6c89aa;font-size:13px;padding:20px}
#csWorkspaceTranscripts{border:0;font-family:inherit;background:transparent;cursor:pointer;pointer-events:auto;padding:0}
#csWorkspaceTranscripts.cs-workspace-selected{background:#e4f0ff}
@media(max-width:900px){.cs-st-columns{grid-template-columns:1fr}.cs-st-list{max-height:320px}.cs-st-toolbar{flex-wrap:wrap}.cs-st-toolbar label{flex:1 1 35%}.cs-st-new{flex:1}}

/* v0.1.16 — reproduce the inset two-pane reference and graphic controls */
.main-panel:has(>#csSavedTranscriptsStage:not([hidden])){padding:0!important}
.cs-saved-transcripts{padding:20px 14px 0!important}
.cs-st-head{padding:0 10px 20px!important}
.cs-st-toolbar{margin:0 0 14px!important;min-height:62px}
.cs-st-columns{gap:13px!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important}
.cs-st-list h2{padding:13px!important}
.cs-st-row{padding:16px 13px!important}
.cs-st-row.active{padding-left:9px!important}
.cs-st-row-icon,.cs-st-detail-icon{width:42px!important;height:42px!important;background:#e0efff!important}
.cs-st-svg{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}
.cs-st-row-icon .cs-st-svg,.cs-st-detail-icon .cs-st-svg{width:23px;height:23px}
.cs-st-row-actions{gap:13px!important}
.cs-st-row-actions button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cs-st-row-actions .cs-st-svg{width:13px;height:13px}
.cs-st-detail-content{padding:20px 17px 24px!important}
.cs-st-detail-text{font-size:14px!important;max-height:210px;overflow:auto;scrollbar-width:none}
.cs-st-detail-text::-webkit-scrollbar{display:none!important}
.cs-st-player{width:100%;height:57px;border:1px solid #e1eefb;border-radius:8px;background:#eff7ff;display:flex;align-items:center;gap:12px;padding:8px 11px;margin:15px 0 23px}
.cs-st-play{width:34px;height:34px;border:0;border-radius:50%;background:#2c85dc;color:#fff;display:grid;place-items:center;flex:none;cursor:pointer}
.cs-st-play .cs-st-svg{fill:currentColor;stroke:none;width:19px;height:19px}
.cs-st-wave{flex:1;height:35px;display:flex;gap:2px;align-items:center;min-width:0;overflow:hidden;cursor:pointer}
.cs-st-wave i{width:2px;min-width:2px;border-radius:2px;background:#9ac7f4;display:block}
.cs-st-wave i.played,.cs-st-wave i:nth-child(-n+40){background:#298cf3}
.cs-st-length{font-size:11px;color:#244f7a;flex:none;font-weight:650}
.cs-st-keypoints{min-height:100px}.cs-st-keypoints h3{font-size:14px!important;margin:0 0 12px!important}
.cs-st-detail-actions{margin-top:18px!important;gap:10px!important}
.cs-st-detail-actions button{height:39px!important;display:flex;align-items:center;justify-content:center;gap:8px!important}
.cs-st-detail-actions .cs-st-svg{width:16px;height:16px}
.cs-st-list-rows,.cs-st-detail-content,.cs-saved-transcripts{scrollbar-width:none!important;-ms-overflow-style:none!important}
.cs-st-list-rows::-webkit-scrollbar,.cs-st-detail-content::-webkit-scrollbar,.cs-saved-transcripts::-webkit-scrollbar{display:none!important;width:0!important}
@media(max-width:900px){.cs-st-columns{grid-template-columns:1fr!important}}

/* v0.1.17: maintain interior spacing in each transcript card, including error states. */
.cs-st-list h2{padding:14px 17px!important}
.cs-st-list-rows{padding:0 0 14px}
.cs-st-row{padding:17px 17px!important}
.cs-st-row.active{padding-left:13px!important}
.cs-st-row-main{padding-right:3px}
.cs-st-detail-content{padding:22px 22px 26px!important}
.cs-st-empty{padding:20px 18px!important;line-height:1.6;margin:0}
.cs-st-list-rows,.cs-st-detail-content,.cs-saved-transcripts{scrollbar-width:none!important}
.cs-st-list-rows::-webkit-scrollbar,.cs-st-detail-content::-webkit-scrollbar,.cs-saved-transcripts::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* v0.1.18: Amy’s Workspace exact active selection state; Home has none. */
.cs-workspace-item#csWorkspaceChat{background:transparent!important}
.cs-workspace-item#csWorkspaceChat.cs-workspace-selected{background:#e4f0ff!important}
#csWorkspaceAudios{border:0;font-family:inherit;background:transparent;cursor:pointer;pointer-events:auto;padding:0}
#csWorkspaceAudios.cs-workspace-selected{background:#e4f0ff}
.cs-workspace-item:not(.cs-workspace-selected){background:transparent!important}
/* v0.1.18: Recording screen based on supplied reference, no visible vertical scrollbars */
#csAudiosStage[hidden]{display:none!important}
.main-panel:has(>#csAudiosStage:not([hidden])){padding:0!important;overflow:hidden;min-height:0}
.cs-audios-stage{display:flex;flex-direction:column;min-height:0;height:100%;padding:20px 20px 16px 22px;color:#143764;overflow:hidden;gap:0}
.cs-au-head{flex:none;margin:0 0 17px}.cs-au-head h1{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 11px;color:#103764;font-weight:780}.cs-au-head p{font-size:13px;color:#6485ae;margin:0}
.cs-au-toolbar{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,.96fr) minmax(0,.98fr) minmax(0,.82fr);gap:12px;margin:0 0 22px;align-items:stretch;flex:none}
.cs-au-search,.cs-au-select{min-width:0;border:1px solid #c9def6;background:#fff;border-radius:9px;height:43px;display:flex;align-items:center;padding:0 11px;gap:9px}
.cs-au-toolbar svg{width:19px;height:19px;flex:none;fill:none;stroke:#2665aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cs-au-search input,.cs-au-select select{border:0;background:transparent;color:#224a7b;outline:0;min-width:0;width:100%;font:600 11px inherit}
.cs-au-search input{font-size:12px;font-weight:400}.cs-au-search input::placeholder{color:#7095be}
.cs-au-select select{font-size:11px;font-weight:650;cursor:pointer}
.cs-au-new{border:0;border-radius:8px;background:#117af2;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 3px 9px #c7e0ff}
.cs-au-new span{font-size:20px;font-weight:400;margin-right:5px;vertical-align:-1px}
.cs-au-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;grid-auto-rows:minmax(220px,auto);gap:14px;flex:1;overflow:auto;min-height:0;padding:0 0 13px;scrollbar-width:none;-ms-overflow-style:none}
.cs-au-grid::-webkit-scrollbar,.cs-audios-stage::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cs-au-card{min-width:0;background:#fff;border:1px solid #cde2f9;border-radius:11px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:0;cursor:default}
.cs-au-card.cs-au-selected{border-color:#78b7ff;box-shadow:0 0 0 1px #a9d6ff,0 3px 12px #dfedff}
.cs-au-wavehead{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:16px}
.cs-au-small-play{width:30px;height:30px;display:grid;place-items:center;background:#e3f1ff;color:#147df3;border:0;border-radius:50%;font-size:15px;flex:none;cursor:pointer}
.cs-au-small-play span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#2787f2;color:white}
.cs-au-small-wave{display:flex;align-items:center;gap:1.5px;flex:1;height:29px;overflow:hidden;min-width:0}
.cs-au-small-wave i,.cs-au-player-wave i{flex:1;min-width:1px;max-width:3px;background:#afd4fc;border-radius:6px}
.cs-au-small-wave i:nth-child(-n+19),.cs-au-player-wave i:nth-child(-n+50){background:#228af9}
.cs-au-wave-duration{font-size:10px;color:#6488b7;flex:none}.cs-au-vertical-more{border:0;background:transparent;color:#507caf;font-size:20px;line-height:1;padding:0 0 5px 2px;cursor:pointer}
.cs-au-card h2{font-size:14px;margin:0 0 10px;font-weight:760;color:#153964;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-au-date,.cs-au-duration{font-size:11px;color:#7292be;margin-bottom:7px;display:flex;gap:7px;align-items:center}
.cs-au-status{font-size:11px;border-radius:19px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:8px 0 13px;background:#e1f7f2;color:#18877e}
.cs-au-status.unavailable{background:#edf5ff;color:#4879ae}
.cs-au-status .cs-au-check{font-weight:800}
.cs-au-card-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:5px}
.cs-au-card-actions button{display:flex;align-items:center;gap:4px;background:transparent;border:0;color:#35649d;padding:5px 0;font-size:10px;white-space:nowrap;cursor:pointer}
.cs-au-card-actions button.cs-au-play-action{color:white;background:#2387f6;border-radius:6px;padding:6px 9px}
.cs-au-card-actions button:disabled{opacity:.4;cursor:not-allowed}
.cs-au-player{flex:none;background:#fff;border:1px solid #c9def9;border-radius:11px;padding:15px;min-height:107px;display:flex;gap:13px;align-items:center;margin-top:3px}
.cs-au-player[hidden]{display:none!important}.cs-au-player-toggle{flex:none;width:43px;height:43px;border:0;border-radius:50%;background:#2486f3;color:#fff;font-size:21px;cursor:pointer}
.cs-au-player-body{flex:1;min-width:0}.cs-au-player-top{display:flex;gap:10px;align-items:center;font-size:12px;color:#143c73;white-space:nowrap}.cs-au-player-top span{font-size:10px;color:#7292b5}
.cs-au-player-wave{display:flex;align-items:center;gap:1px;height:30px;width:100%;overflow:hidden;margin:3px 0}
.cs-au-player-body input[type=range]{width:100%;height:4px;accent-color:#2687f5;margin:0;display:block;cursor:pointer}
.cs-au-player-time{font-size:11px;color:#567ca8;white-space:nowrap;align-self:center}
.cs-au-player-actions{display:flex;align-items:center;gap:7px;flex:none}
.cs-au-player-actions button{font-size:10px;border:1px solid #b9dafa;border-radius:7px;background:white;color:#2460a4;padding:9px 10px;white-space:nowrap;cursor:pointer}
@media(max-width:1120px){.cs-au-card-actions button{font-size:9px}.cs-au-player{flex-wrap:wrap}.cs-au-player-actions{margin-left:auto}}
@media(max-width:750px){.cs-au-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-au-toolbar{grid-template-columns:1fr 1fr}.cs-au-search{grid-column:1/-1}.cs-audios-stage{padding:18px 12px}}

/* v0.1.19 — conversation history reference, isolated to Center Stage */
#csConversationHistoryStage[hidden]{display:none!important}
.cs-workspace-item#csWorkspaceHistory{border:0;background:transparent;font:inherit;cursor:pointer;pointer-events:auto;padding:0}
.cs-workspace-item#csWorkspaceHistory.cs-workspace-selected{background:#e4f0ff!important}
.main-panel:has(>#csConversationHistoryStage:not([hidden])){overflow:hidden;min-height:0}
.cs-conversation-history-stage{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;padding:5px 2px 0;color:#0d2f58}
.cs-ch-head{flex:none;margin-bottom:24px}
.cs-ch-head h1{font-size:29px;letter-spacing:-.6px;line-height:1.2;font-weight:750;margin:0 0 6px;color:#0b2d56}
.cs-ch-head p{margin:0;color:#58799c;font-size:15px}
.cs-ch-toolbar{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr) auto;gap:15px;flex:none;margin:0 0 25px;align-items:stretch}
.cs-ch-search,.cs-ch-filter{height:49px;min-width:0;border:1px solid #d0e2f5;border-radius:10px;background:white;display:flex;align-items:center;padding:0 14px;gap:12px}
.cs-ch-toolbar svg{width:18px;height:18px;flex:none;fill:none;stroke:#527fae;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-ch-search input,.cs-ch-filter select{min-width:0;width:100%;border:0;background:transparent;outline:0;color:#164878;font-family:inherit;font-size:13px}
.cs-ch-search input::placeholder{color:#7392b6}
.cs-ch-filter select{font-weight:600}
.cs-ch-new{height:49px;white-space:nowrap;background:#0e79ed;color:#fff;border:0;border-radius:9px;font:700 13px inherit;padding:0 20px;cursor:pointer}
.cs-ch-new span{font-size:22px;font-weight:400;vertical-align:-2px;margin-right:6px}
.cs-ch-list{min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:2px 1px 14px;scrollbar-width:none;-ms-overflow-style:none}
.cs-ch-list::-webkit-scrollbar{display:none;width:0;height:0}
.cs-ch-card{border:1px solid #d4e4f4;background:#fff;border-radius:12px;min-height:123px;display:grid;grid-template-columns:72px minmax(0,1fr) 160px 152px;align-items:center;gap:14px;padding:19px 17px;color:#0d2f58}
.cs-ch-card.selected{border-color:#8ac4ff;background:linear-gradient(90deg,#eff8ff,#e8f4ff);box-shadow:inset 0 2px 0 #c5e2ff}
.cs-ch-avatar{height:61px;width:61px;border-radius:50%;background:#dceeff;display:flex;align-items:center;justify-content:center}
.cs-ch-avatar img{height:45px;width:45px;object-fit:contain}
.cs-ch-info{min-width:0}
.cs-ch-title{font-size:16px;font-weight:750;margin:0 0 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs-ch-preview{font-size:13px;line-height:1.6;color:#5e7b9c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cs-ch-meta{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#6585a7}
.cs-ch-meta span{display:flex;align-items:center;gap:8px}
.cs-ch-meta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;flex:none}
.cs-ch-open{height:41px;border:1px solid #2a88f5;background:#fff;color:#0671e7;font:700 12px inherit;border-radius:9px;padding:0 12px;white-space:nowrap;cursor:pointer}
.cs-ch-card.selected .cs-ch-open{background:#087df2;color:#fff;border-color:#087df2}
.cs-ch-empty{padding:30px 20px;border:1px solid #d4e4f4;border-radius:12px;color:#6480a3;font-size:14px;background:#fff}
@media(max-width:1050px){.cs-ch-card{grid-template-columns:55px minmax(0,1fr) 110px;gap:9px;padding:15px 12px}.cs-ch-avatar{height:49px;width:49px}.cs-ch-avatar img{height:39px;width:39px}.cs-ch-meta{grid-column:2;flex-direction:row;gap:10px}.cs-ch-open{grid-column:3;grid-row:1 / span 2}.cs-ch-title{font-size:13px}}
@media(max-width:720px){.cs-ch-toolbar{grid-template-columns:minmax(0,1fr) 100px;gap:7px}.cs-ch-new{grid-column:1 / -1}.cs-ch-card{grid-template-columns:43px minmax(0,1fr);gap:8px}.cs-ch-avatar{height:42px;width:42px}.cs-ch-avatar img{height:34px;width:34px}.cs-ch-meta{grid-column:2}.cs-ch-open{grid-column:2;grid-row:auto;justify-self:start}}

/* v0.1.20 Amy Vision: independent permission-controlled camera or shared-tab preview */
#csWorkspaceVision{border:0;background:transparent;font:inherit;padding:0;cursor:pointer;pointer-events:auto}
#csWorkspaceVision.cs-workspace-selected{background:#e4f0ff!important}
#csVisionViewport[hidden]{display:none!important}
.cs-vision-viewport{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:12px 5px 6px;border-top:1px solid #d8e7f4;color:#174a82;overflow-y:auto;scrollbar-width:none}
.cs-vision-viewport::-webkit-scrollbar{display:none}
.cs-vision-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.cs-vision-top button{border:0;background:none;color:#507ca7;font-size:22px;cursor:pointer}
.cs-vision-sources{display:flex;gap:7px}
.cs-vision-sources button,.cs-vision-actions button{flex:1;min-width:0;border-radius:7px;background:#fff;border:1px solid #b9d8f8;color:#175da5;padding:8px 4px;font-size:11px;font-weight:700;cursor:pointer}
.cs-vision-sources button.active{background:#e2f0ff;border-color:#3786e8}
.cs-vision-frame{position:relative;background:#111e32;border-radius:10px;aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100px}
.cs-vision-frame video{width:100%;height:100%;object-fit:contain;display:none}
.cs-vision-frame.has-stream video{display:block}
.cs-vision-empty{font-size:12px;color:#d3e4fa;text-align:center;padding:15px}
.cs-vision-frame.has-stream .cs-vision-empty{display:none}
.cs-vision-status{font-size:11px;color:#527da9;line-height:1.4}
.cs-vision-actions{display:flex;gap:7px}
.cs-vision-actions button:disabled{opacity:.45;cursor:not-allowed}
.cs-vision-help{font-size:10px;line-height:1.5;color:#6888a9;margin:0}
.amy-panel:has(#csVisionViewport:not([hidden])) .cs-console-views{display:none!important}

/* v0.1.21: the Vision viewport expands upward by collapsing Amy's Workspace. */
.cs-workspace-toggle{margin-left:auto;width:27px;height:25px;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#3277c5;cursor:pointer;flex:none}
.cs-workspace-toggle:hover{background:#e6f2ff}
.cs-workspace-toggle svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.cs-workspace-collapsed .cs-workspace-toggle svg{transform:rotate(-90deg)}
.cs-workspace-collapsed .cs-workspace-items{display:none!important}
.cs-workspace-collapsed .cs-workspace-heading{margin-bottom:0}
.cs-workspace-panel.cs-workspace-collapsed{padding-bottom:9px}
.cs-vision-heading-actions{display:flex;gap:6px;align-items:center;margin-left:auto}
.cs-vision-top .cs-vision-expand{display:flex;gap:5px;align-items:center;justify-content:center;font:700 11px inherit;font-size:11px;font-weight:700;min-height:27px;padding:2px 7px;border:1px solid #b9d8f8;border-radius:7px;color:#155da6;background:#edf6ff;cursor:pointer}
.cs-vision-expand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.cs-vision-viewport{gap:7px;overflow:hidden;border:1px solid #d7e5f2;border-radius:12px;padding:9px;background:white}
.cs-vision-frame{flex:1 1 auto;min-height:80px;aspect-ratio:auto}
.cs-vision-viewport.cs-vision-expanded .cs-vision-frame{min-height:130px}
.cs-vision-viewport[hidden]{display:none!important}

/* v0.1.22: Vision expansion makes room by collapsing both independent consoles.
   Voice recording continues while its controls are hidden; each arrow restores only its own panel. */
.cs-voice-toggle{flex:none;width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#3277c5;display:grid;place-items:center;cursor:pointer;order:9;margin-left:auto}
.cs-voice-toggle:hover{background:#e6f2ff}
.cs-voice-toggle svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.voice-card.cs-voice-collapsed{padding-bottom:9px;flex:none!important;min-height:0!important}
.cs-voice-collapsed .cs-voice-toggle svg{transform:rotate(-90deg)}
.cs-voice-collapsed .voice-controls,.cs-voice-collapsed .voice-waveform,.cs-voice-collapsed .voice-listening,.cs-voice-collapsed .mode-toggle{display:none!important}
.cs-voice-collapsed .voice-card-header{margin-bottom:0!important}
.cs-vision-viewport.cs-vision-expanded{flex:1 1 auto;min-height:0}

/* v0.1.23 — single icon-only toolbar floating inside the video viewport.
   No exterior headings, instructions, status strips, or action rows consume height. */
.cs-vision-viewport{padding:4px!important;gap:0!important;overflow:hidden!important;position:relative}
.cs-vision-frame{position:relative!important;flex:1 1 0!important;width:100%;min-height:0!important;aspect-ratio:auto!important;border-radius:9px!important;overflow:hidden!important;background:#102749!important;display:block!important}
.cs-vision-frame video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#102749}
.cs-vision-empty{position:absolute;inset:0;display:grid;place-items:center;color:#75b7ff;background:linear-gradient(160deg,#0e315b,#0b1d3a)}
.cs-vision-empty svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.25;opacity:.5}
.cs-vision-frame.has-stream .cs-vision-empty{display:none!important}
.cs-vision-toolbar{position:absolute;z-index:3;left:7px;right:7px;top:7px;display:flex;align-items:center;gap:5px;padding:5px;border-radius:10px;background:rgba(13,41,77,.83);box-shadow:0 2px 8px rgba(0,0,0,.12);backdrop-filter:blur(8px)}
.cs-vision-toolbar button{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(182,219,255,.24);border-radius:7px;color:#e7f4ff;background:rgba(255,255,255,.08);cursor:pointer;padding:5px}
.cs-vision-toolbar button:hover:not(:disabled){background:rgba(91,166,245,.36)}
.cs-vision-toolbar button:focus-visible{outline:2px solid #74b9ff;outline-offset:1px}
.cs-vision-toolbar button.active{background:#2689ef;color:#fff;border-color:#70baff}
.cs-vision-toolbar button:disabled{opacity:.28;cursor:not-allowed}
.cs-vision-toolbar svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cs-vision-tool-spacer{flex:1;min-width:0}
.cs-vision-status{display:none!important}
.cs-vision-status.visible{display:block!important;position:absolute;z-index:4;left:12px;right:12px;bottom:12px;background:rgba(8,31,58,.90);color:#e9f6ff;padding:8px 10px;border-radius:6px;font-size:11px;pointer-events:none}
.cs-vision-viewport.cs-vision-expanded .cs-vision-frame{min-height:0!important}
@media(max-width:400px){.cs-vision-toolbar{gap:3px;left:4px;right:4px;padding:4px}.cs-vision-toolbar button{width:28px;height:29px}.cs-vision-toolbar svg{width:17px;height:17px}}

/* v0.1.24: Vision is permanently present in Amy's Console. The former auxiliary
   transcript/recording panes no longer compete with its viewing area. */
.amy-panel .cs-console-views{display:none!important}
#csVisionViewport{display:flex!important;flex:1 1 auto;min-height:0}
#csWorkspaceVision.cs-vision-camera-on{background:#e4f0ff!important;color:#086edc}
#csWorkspaceVision.cs-workspace-selected:not(.cs-vision-camera-on){background:transparent!important}

/* v0.1.25: controls along viewport bottom, leaving top of video unobscured. */
.cs-vision-toolbar{top:auto!important;bottom:7px!important}
#csMicBtn.active{background:#2589ef;color:white;border-radius:50%}

/* v0.1.26 video library / viewport */
.cs-videos-stage{display:flex;flex-direction:column;gap:14px;min-height:0;height:100%;overflow:auto;padding:20px 12px 18px;scrollbar-width:none}
.cs-videos-stage::-webkit-scrollbar{display:none}.cs-videos-stage[hidden]{display:none!important}
.cs-video-tabs{display:flex;gap:8px;border-bottom:1px solid #cce0f6;padding:0 4px 8px}
.cs-video-tabs button{padding:10px 17px;border:1px solid #c8ddf6;border-radius:9px;background:#fff;color:#275b98;font-size:12px;font-weight:700;cursor:pointer}
.cs-video-tabs button.selected{background:#e2f0ff;border-color:#63a8ff;color:#086be4}
.cs-video-tools{grid-template-columns:minmax(0,1fr) minmax(130px,180px) auto!important}
.cs-video-grid{align-content:start}.cs-video-card{min-width:0;border:1px solid #c9dff7;border-radius:12px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:11px}
.cs-video-thumb{height:120px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#142e58,#1d5393);color:#b9ddff}.cs-video-thumb-icon{font-size:43px}
.cs-video-meta h2{font-size:13px;margin:0 0 6px;color:#123765}.cs-video-meta p{font-size:11px;margin:0;color:#6c90be}.cs-video-actions{display:flex;gap:6px;align-items:center;margin-top:auto}
.cs-video-actions button,.cs-video-player-footer button{padding:7px 9px;color:#2360a7;background:white;border:1px solid #bfd8f5;border-radius:6px;font-size:11px;cursor:pointer}.cs-video-actions button.primary{color:#fff;background:#2288f4}
.cs-video-empty{padding:22px;color:#5b83ad;background:white;border:1px solid #d1e5fb;border-radius:10px;grid-column:1/-1;font-size:13px}
.cs-video-player{background:#fff;border:1px solid #c7dff7;border-radius:12px;padding:10px}.cs-video-player[hidden]{display:none!important}.cs-video-player video{width:100%;max-height:230px;background:#102b4e;border-radius:8px}.cs-video-player-footer{display:flex;gap:10px;align-items:center;margin-top:8px}.cs-video-player-footer strong{margin-right:auto;font-size:12px;color:#124577}
.cs-remove-dialog{border:1px solid #c1dcfa;border-radius:16px;padding:0;box-shadow:0 24px 80px #132c5470;max-width:min(430px,calc(100vw - 32px));color:#143964}.cs-remove-dialog::backdrop{background:#081c3a88}.cs-remove-content{padding:25px}.cs-remove-symbol{font-size:28px;color:#2587f2;background:#e7f3ff;border-radius:10px;width:50px;height:50px;display:grid;place-items:center}.cs-remove-content h2{margin:16px 0 10px;font-size:20px}.cs-remove-content p{font-size:13px;line-height:1.65;color:#547398}.cs-remove-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}.cs-remove-actions button{border:1px solid #b6d4f8;background:white;color:#175c9f;border-radius:8px;padding:10px 13px;font-weight:650;cursor:pointer}.cs-remove-actions button:last-child{color:white;background:#267fea;border-color:#267fea}
.cs-vision-toolbar button.recording{background:#df344f!important;border-color:#ff8ca0!important;animation:cs-record-pulse 1.5s infinite}@keyframes cs-record-pulse{50%{opacity:.65}}
.cs-vision-status.visible{animation:cs-status-out 2.6s forwards}@keyframes cs-status-out{0%,70%{opacity:1}100%{opacity:0}}
@media(max-width:700px){.cs-video-tools{grid-template-columns:1fr!important}.cs-video-grid{grid-template-columns:1fr!important}}

/* v0.1.29: Voice Comms header mic is a control ONLY when the card is collapsed. */
.voice-square#csVoiceHeaderMic{border:0;padding:0;font:inherit;cursor:default;appearance:none;}
.voice-square#csVoiceHeaderMic:disabled{opacity:1;}
.cs-voice-collapsed .voice-square#csVoiceHeaderMic:not(:disabled){cursor:pointer;}
.cs-voice-collapsed .voice-square#csVoiceHeaderMic.cs-recording{background:#d1e6ff;color:#1265d8;box-shadow:0 0 0 2px rgba(29,120,252,.22);}
.cs-voice-collapsed .voice-square#csVoiceHeaderMic:focus-visible{outline:2px solid #1565ff;outline-offset:2px;}


/* v0.1.30: status messages above the toolbar; never cover interactive controls. */
.cs-vision-status.visible {bottom:54px!important;left:8px!important;right:8px!important;max-height:calc(100% - 66px);overflow:hidden;}
/* Compact is an explicit user-selected viewport state, independent of panel state. */
#csVisionViewport.cs-vision-compact {flex:0 0 145px!important;height:145px!important;min-height:145px!important;}
#csVisionViewport.cs-vision-expanded {flex:1 1 auto!important;height:auto!important;min-height:0!important;}
/* Always leave the controls above the video, including in the shorter viewport. */
.cs-vision-toolbar {z-index:5!important;}

.cs-vision-frame.cs-camera-paused::after{content:"";position:absolute;inset:0;background:#000;pointer-events:none;z-index:1;}
.cs-vision-toolbar{z-index:5!important;}
.cs-vision-status.visible{z-index:6!important;}

/* v0.1.31 — fixed Vision height and Amy’s Workspace in the Left Rail. */
.sidebar{overflow:visible!important;z-index:20!important}
.cs-amy-rail-trigger .cs-rail-cloud{width:31px;height:31px;object-fit:contain;display:block;border-radius:50%;background:#e7f3ff}
.cs-amy-rail-trigger.cs-amy-rail-open{background:#e1f1ff!important}
.cs-amy-rail-menu[hidden]{display:none!important}
.cs-amy-rail-menu{position:absolute;z-index:100;left:calc(100% + 8px);top:43%;width:236px;background:#fff;border:1px solid #c8dffa;border-radius:15px;padding:13px;box-shadow:0 15px 40px rgba(14,65,119,.20);display:flex;flex-direction:column;gap:8px}
.cs-amy-menu-heading{display:flex;gap:8px;align-items:center;color:#103e72;font-size:13px;border-bottom:1px solid #e0effc;padding:0 2px 9px}
.cs-amy-menu-heading img{width:31px;height:31px;object-fit:contain}
.cs-amy-rail-menu .cs-workspace-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.cs-amy-rail-menu .cs-workspace-item{min-width:0;min-height:67px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#215a93}
.cs-amy-rail-menu .cs-workspace-item span{font-size:11px}
.cs-amy-rail-menu .cs-workspace-item.cs-workspace-selected{background:#e0eeff!important;color:#075ed1}
.voice-card{flex:none!important}
#csVisionViewport{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important}
#csVisionViewport.cs-vision-compact,#csVisionViewport.cs-vision-expanded{flex:1 1 0!important;height:auto!important;min-height:0!important}
#csVisionViewport .cs-vision-frame{min-height:0!important}
.cs-vision-toolbar{justify-content:space-between;gap:6px!important}
.cs-vision-toolbar button{flex:0 0 34px;width:34px}
@media(max-width:760px){.cs-amy-rail-menu{top:30%;width:min(236px,calc(100vw - 82px))}}
/* Position flyout above the lower Left Rail button within the viewport. */
.cs-amy-rail-menu{top:auto;bottom:7px!important;max-height:calc(100dvh - 112px);overflow-y:auto;scrollbar-width:none}
.cs-amy-rail-menu::-webkit-scrollbar{display:none}
#csWorkspaceVision.cs-workspace-selected{background:#e0eeff!important;color:#075ed1!important}

/* v0.1.32 — original Amy Left Rail microphone glyph. */
.cs-amy-rail-trigger .ic{width:24px;height:24px;display:block}

/* v0.1.33: Left Rail flyout is mounted above the page to avoid clipping. */
body>.cs-amy-rail-menu{position:fixed!important;z-index:9999!important;right:auto!important;bottom:auto!important;max-height:calc(100dvh - 16px)!important}
/* Video-only timer, in the upper-right corner of the Vision preview. */
.cs-vision-frame .cs-vision-record-elapsed{position:absolute;right:9px;top:9px;z-index:7;background:rgba(8,25,48,.88);border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#fff;padding:6px 9px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:center;gap:7px;pointer-events:none}
.cs-vision-frame .cs-vision-record-elapsed[hidden]{display:none!important}
.cs-vision-record-dot{width:8px;height:8px;border-radius:50%;background:#ff485b;box-shadow:0 0 0 2px rgba(255,72,91,.18)}

/* v0.1.34: Make the flyout positionable by amy-rail.js; previous top:auto!important forced it offscreen. */
body>.cs-amy-rail-menu{top:0;bottom:auto!important}

/* v0.1.35 — Vision first, Voice Comms second. The Vision caption occupies
   existing preview space and adds no panel height. */
.cs-vision-viewport{order:1}
.voice-card{order:2}
.console-member-bar{order:0}
.cs-console-views{order:3}
.console-footer{order:4}
.cs-vision-caption{position:absolute;left:9px;top:9px;z-index:7;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:rgba(8,25,48,.75);color:#eff8ff;border:1px solid rgba(255,255,255,.20);border-radius:7px;font-size:11px;line-height:1;font-weight:700;pointer-events:none;white-space:nowrap}
.cs-vision-caption svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* v0.1.36a — Breather only. All Vision and panel sizing retained from v0.1.35. */
.cs-breather{cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.cs-breather:disabled{cursor:default;opacity:.56}
.cs-breather.cs-breather-paused{background:#8050db!important;color:#fff!important;border-color:#7345d9!important;box-shadow:0 0 0 4px rgba(139,82,223,.18),0 0 14px rgba(131,63,231,.48);animation:cs-breather-pulse 1.8s ease-in-out infinite}
@keyframes cs-breather-pulse{50%{box-shadow:0 0 0 5px rgba(139,82,223,.25),0 0 21px rgba(131,63,231,.65)}}
@media (prefers-reduced-motion:reduce){.cs-breather.cs-breather-paused{animation:none}}

/* v0.1.36b — copy confirmation and transcript delete action; no layout changes. */
.cs-st-row-actions button:last-child{color:#b43b54}
.cs-action-feedback{position:fixed;z-index:99999;top:86px;left:50%;transform:translate(-50%,-10px);pointer-events:none;opacity:0;transition:opacity .16s ease,transform .16s ease;background:#123d68;color:#fff;font-size:13px;font-weight:700;padding:10px 17px;border-radius:10px;box-shadow:0 7px 24px #0b33533d;max-width:min(90vw,410px);text-align:center}
.cs-action-feedback.visible{opacity:1;transform:translate(-50%,0)}
.cs-action-feedback[data-type="error"]{background:#96384d}

/* v0.1.38: restore the exact original left-rail logo visual after its safe-link-to-button conversion. */
button.rail-logo{appearance:none;-webkit-appearance:none;border:0;padding:0;outline-offset:1px;color:inherit;font:inherit;box-sizing:border-box;}

/* v0.1.39: compact studio cards; preserve the 12 approved titles, icons, descriptions. */
#csHomeStage .feature-card{
  position:relative;
  height:166px;
  min-height:166px;
  padding-bottom:14px;
  transition:border-color .17s ease, box-shadow .17s ease, transform .17s ease;
  cursor:pointer;
}
#csHomeStage .feature-card:hover{
  border-color:#a9cff5;
  box-shadow:0 7px 16px rgba(36,90,157,.095);
  transform:translateY(-1px);
}
#csHomeStage .feature-card:focus-visible{
  outline:2px solid #2b7cea;
  outline-offset:2px;
}
#csHomeStage .feature-icon{flex:none}
#csHomeStage .feature-card p{flex:1;min-height:0}
#csHomeStage .cs-studio-chevron{
  position:absolute;top:13px;right:14px;
  display:grid;place-items:center;width:27px;height:27px;
  border-radius:50%;background:#e8f2ff;color:#146bda;
  font:700 26px/1 Arial,sans-serif;padding-bottom:3px;
}
#csHomeStage .feature-card:hover .cs-studio-chevron{background:#1d71e5;color:white}
#csHomeStage .cs-studio-status{
  flex:none;align-self:flex-start;
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 9px;border-radius:999px;
  background:#f0f5fc;border:1px solid #d9e6f4;
  color:#527494;font-size:10.5px;line-height:14px;font-weight:700;
}
#csHomeStage .cs-status-dot{width:6px;height:6px;border-radius:50%;background:#7e9dbd}
@media(max-width:1500px){#csHomeStage .feature-card{height:158px;min-height:158px}}
@media(max-width:760px){#csHomeStage .feature-card{height:164px;min-height:164px}}
/* Keep status comfortably below the description, never over it. */
#csHomeStage .feature-card{height:177px;min-height:177px}
#csHomeStage .feature-card p{
 flex:0 0 auto;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 line-clamp:2;overflow:hidden;max-height:38px;
}
#csHomeStage .cs-studio-status{margin-top:auto}
@media(max-width:1500px){#csHomeStage .feature-card{height:170px;min-height:170px}}
@media(max-width:760px){#csHomeStage .feature-card{height:174px;min-height:174px}}

/* v0.1.40: Linked studio-card and Left Rail previews; selection is unchanged. */
.sidebar .nav-item:not(.active):is(:hover,:focus-visible,.cs-rail-paired-hover){
 background:#cfe7ff!important;
 color:#0869db;
 box-shadow:inset 0 0 0 1px #8ac2fa,0 2px 8px rgba(18,103,215,.15);
 transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;
}
.sidebar .nav-item.cs-rail-paired-hover .ic{stroke:#096ee5;stroke-width:2.5}
#csHomeStage .feature-card.cs-studio-paired-hover{
 border-color:#8bbdf7;
 box-shadow:0 7px 16px rgba(36,90,157,.095);
}
#csHomeStage .feature-card.cs-studio-paired-hover .cs-studio-chevron{background:#1d71e5;color:#fff}
@media(prefers-reduced-motion:reduce){.sidebar .nav-item{transition:none!important}}

/* v0.1.43a — spacious audio actions, no tiny labels or More controls. */
.cs-au-card-actions.cs-au-icon-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:10px;justify-content:stretch}
.cs-au-card-actions .cs-au-icon-action{width:100%;height:41px;min-width:0;display:grid;place-items:center;padding:0;border:1px solid #c5dcf8;border-radius:9px;background:#f2f8ff;color:#2068bd;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.cs-au-card-actions .cs-au-icon-action svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cs-au-card-actions .cs-au-action-play{background:#1779ed;color:#fff;border-color:#1779ed}
.cs-au-card-actions .cs-au-icon-action:hover{background:#dbeeff;color:#0a58b8;border-color:#5fa6f8;transform:translateY(-1px)}
.cs-au-card-actions .cs-au-action-play:hover{background:#0868d6;color:#fff}
.cs-au-card-actions .cs-au-icon-action:focus-visible{outline:2px solid #125feb;outline-offset:2px}
.cs-au-library-upload{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:0 15px;background:#ebf4ff;border:1px solid #b7d8fa;border-radius:8px;color:#0e5ec1;font-size:13px;font-weight:700;cursor:pointer}
.cs-au-library-upload svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-au-library-upload:hover{background:#d8ebff}
.cs-au-player-actions button[hidden]{display:none!important}
.cs-ai-dialog{width:min(490px,calc(100vw - 28px));max-height:min(90dvh,700px);border:1px solid #bbd9f6;border-radius:18px;padding:0;box-shadow:0 20px 65px #0c345b45;color:#133e6b;background:white}
.cs-ai-dialog::backdrop{background:rgba(12,36,70,.48)}
.cs-ai-dialog-head{display:flex;gap:14px;align-items:center;padding:23px 22px 15px;border-bottom:1px solid #e4edf8}
.cs-ai-dialog-head h2{margin:0 0 4px;font-size:19px;color:#123c6a}
.cs-ai-dialog-head p{margin:0;font-size:12px;color:#5e7d9d;line-height:1.5}
.cs-ai-dialog-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:#e6f2ff;color:#1768cb;font-size:27px;font-weight:bold}
.cs-ai-close-x{margin-left:auto;align-self:flex-start;flex:none;background:transparent;border:0;color:#68839b;font-size:25px;cursor:pointer}
.cs-ai-dialog-body{padding:19px 22px 22px;display:flex;flex-direction:column;gap:12px}
.cs-ai-dialog-body label{font-size:13px;font-weight:700}
#csAiAccessCode{width:100%;height:44px;border:1px solid #bfd6ef;border-radius:9px;font:inherit;font-size:14px;padding:10px 12px;background:#fff;color:#193d69}
#csAiAccessCode:focus{outline:2px solid #7eb6ff;outline-offset:1px}
.cs-ai-subtle{font-size:11px;color:#7187a1;margin:0;line-height:1.5}
.cs-ai-progress-wrap{padding:10px 0}
.cs-ai-progress-wrap[hidden],.cs-ai-error[hidden]{display:none}
#csAiUploadMessage{font-size:13px;font-weight:700;margin:0 0 10px}
.cs-ai-progress{width:100%;height:8px;border-radius:99px;background:#e5effa;overflow:hidden}
#csAiUploadProgress{height:100%;width:0;background:#2583fa;transition:width .2s ease}
#csAiUploadDetail{font-size:12px;color:#597997;line-height:1.5;margin:8px 0 0}
.cs-ai-error{background:#fff1f2;color:#a22b42;border:1px solid #ffcbd1;padding:10px;border-radius:9px;font-size:12px;line-height:1.5;margin:0}
.cs-ai-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:5px}
.cs-ai-dialog-actions button{height:43px;padding:0 17px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer;border:1px solid #c7d9ec;background:#fff;color:#37618c}
#csAiUploadStart{background:#1674e8;border-color:#1674e8;color:white}
.cs-ai-dialog-actions button:disabled{opacity:.55;cursor:default}
@media(max-width:850px){.cs-au-library-upload span{display:none}.cs-au-library-upload{padding:0 12px}.cs-au-card-actions.cs-au-icon-actions{gap:7px}}


/* 0.1.44: studio conversation prototype, confined to Amy Conversation. */
.cs-studio-simulation .cs-ref-chat-head{padding-bottom:9px}
.cs-studio-simulation .cs-chat-messages{display:flex;flex-direction:column;gap:13px;padding-top:10px;padding-bottom:12px}
.cs-sim-marker{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;border-bottom:1px solid #dce8f7;padding:6px 0 10px;color:#55789b;font-size:11px}
.cs-sim-marker span:first-child{color:#125cba;font-weight:780;letter-spacing:.35px}
.cs-sim-bubble{max-width:min(87%,720px);border-radius:14px;border:1px solid #d7e4f6;padding:11px 14px;background:#fff;box-shadow:0 3px 9px #1c69b00a;color:#183d6c}
.cs-sim-bubble.cs-sim-user{align-self:flex-end;background:#e9f3ff;border-color:#c6dcfa}
.cs-sim-bubble.cs-sim-amy{align-self:flex-start}
.cs-sim-speaker{font-size:10px;font-weight:790;letter-spacing:.4px;color:#1568bd;margin-bottom:6px}
.cs-sim-bubble p{font-size:13px;line-height:1.57;margin:0;white-space:pre-wrap}
.cs-sim-studio-snapshot{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #bcd8f9;border-radius:10px;padding:9px;margin-top:8px;min-width:225px}
.cs-sim-studio-snapshot img{width:43px;height:43px;object-fit:contain}
.cs-sim-studio-snapshot strong{display:block;font-size:13px}.cs-sim-studio-snapshot small{display:block;color:#6185a6;font-size:11px;margin-top:4px}
.cs-sim-next{flex:none;border-top:1px solid #dce9f7;padding:8px 5px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#5179a2}
.cs-sim-next[hidden],.cs-sim-marker[hidden]{display:none!important}
.cs-sim-copy{font-size:11px;white-space:nowrap;border:1px solid #b9d7fa;border-radius:8px;background:#f3f8ff;color:#1264bb;padding:7px 9px;cursor:pointer}
.cs-sim-media-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cs-sim-media{background:#f7fbff;border:1px solid #bdd8f9;border-radius:11px;overflow:hidden;text-align:left;padding:0 0 10px;cursor:pointer;color:#18416e}
.cs-sim-media:hover,.cs-sim-media:focus-visible{outline:2px solid #2987ed;outline-offset:1px}
.cs-sim-video-scene{height:99px;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#102a4f,#236eae);color:white;margin-bottom:8px}
.cs-sim-media-play{display:grid;place-items:center;background:#3c9dfa;border:1px solid #b3dbff;border-radius:100%;width:36px;height:36px;font-size:14px}
.cs-sim-video-top{position:absolute;top:8px;left:8px;font-size:9px;letter-spacing:.4px;font-weight:740}
.cs-sim-video-copy{position:absolute;bottom:8px;left:8px;font-size:10px}
.cs-sim-media strong,.cs-sim-media small{display:block;padding:0 10px}.cs-sim-media strong{font-size:12px}.cs-sim-media small{font-size:10px;color:#56789b;margin-top:4px}
.cs-sim-offer-teaser{font-size:11px;font-weight:760;padding:10px;background:#eef7ff;border:1px solid #c5e0ff;color:#145caa;border-radius:8px;margin-top:10px}
.cs-sim-access-link{margin-top:11px;padding:11px 13px!important;font-size:12px!important;border-radius:9px!important;background:#1475eb!important;color:white!important;border:0!important;cursor:pointer}
.cs-sim-modal{max-width:min(95vw,470px);border:1px solid #c8def7;border-radius:15px;box-shadow:0 20px 60px #13395733;padding:0;color:#16406e}
.cs-sim-modal::backdrop{background:#132c5380}
.cs-sim-modal-content{padding:22px}.cs-sim-modal-content h2{margin:0 0 8px;font-size:21px}.cs-sim-modal-content p{line-height:1.55;font-size:13px}
.cs-sim-dismiss{border-radius:8px;background:#1478eb;color:#fff;padding:10px 16px;border:0;cursor:pointer;margin-top:12px}
.cs-sim-demo-frame{border-radius:10px;background:#f0f6ff;padding:14px;margin:12px 0}
.cs-sim-demo-tile{background:linear-gradient(120deg,#0e315c,#1367ae);color:white;text-align:center;padding:30px 15px;border-radius:8px}
.cs-sim-demo-tile>span{display:block;font-size:36px}.cs-sim-demo-tile>small{display:block;margin-top:6px}
.cs-sim-demo-description{margin-top:9px;font-size:12px;color:#4d6f99}
.cs-sim-offer-detail{padding:16px;background:#eef7ff;border-radius:10px;border:1px solid #bad7fb}
.cs-sim-offer-detail>strong{display:block;font-size:28px;color:#0863cb}.cs-sim-offer-detail strong small{font-size:12px;color:#567bad}.cs-sim-offer-detail>span{font-size:12px;color:#205b9d}.cs-sim-unavailable{padding:9px;background:white;border:1px solid #b9d7f8;color:#4e76a0;border-radius:8px;font-size:12px;text-align:center}
@media(max-width:700px){.cs-sim-media-row{grid-template-columns:1fr}.cs-sim-bubble{max-width:96%}.cs-sim-marker{font-size:10px}}

/* Capture Scribe v0.1.45: Note Capture only. */
.cs-notes-stage[hidden], .cs-note-dialog[hidden], .cs-note-editor [hidden] {display:none!important}
.cs-notes-stage{display:flex;flex-direction:column;min-height:0;height:100%;padding:22px 22px 16px;background:#f7fbff;color:#103a65;font-family:inherit}
.cs-note-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.cs-note-header h1{font-size:27px;line-height:1.2;margin:0;font-weight:750;color:#073c72}.cs-note-header p{font-size:13px;margin:7px 0 0;color:#6486ab}
.cs-note-primary{background:#1379ee;border:1px solid #1379ee;color:white;border-radius:9px;padding:10px 15px;font:600 13px inherit;font-family:inherit;cursor:pointer;box-shadow:0 3px 9px #1379ee20;white-space:nowrap}
.cs-note-primary:hover{background:#0066d8}.cs-note-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(190px, .85fr) minmax(270px,1.35fr);gap:14px}
.cs-note-library,.cs-note-editor{background:white;border:1px solid #d2e4f8;border-radius:13px;min-height:0;overflow:auto}
.cs-note-library{padding:12px 0;display:flex;flex-direction:column}.cs-note-search{display:flex;align-items:center;gap:7px;border:1px solid #c8ddf5;margin:0 11px 12px;padding:8px 10px;border-radius:9px;color:#2879ca}.cs-note-search input{width:100%;min-width:0;outline:0;border:0;font:inherit;font-size:12px;color:#17416f}
.cs-note-count{font-size:12px;font-weight:700;color:#507ba9;padding:0 14px 11px}.cs-note-list{overflow:auto;min-height:0;flex:1}.cs-note-list-item{display:block;width:100%;text-align:left;padding:13px 13px;border:0;border-top:1px solid #e4eef8;background:#fff;cursor:pointer;font:inherit;color:#153e67}.cs-note-list-item:hover,.cs-note-list-item.selected{background:#eaf4ff}.cs-note-list-item.selected{box-shadow:inset 3px 0 #177bed}
.cs-note-item-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.cs-note-item-head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-note-item-head span{font-size:14px;flex-shrink:0}.cs-note-item-meta{display:block;font-size:11px;color:#708bab;margin-top:6px}.cs-note-item-preview{display:block;font-size:11px;color:#577eab;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-note-editor{padding:16px;display:flex;flex-direction:column}.cs-note-empty{text-align:center;margin:auto;max-width:325px;padding:22px}.cs-note-empty-icon{border-radius:50%;background:#e4f1ff;color:#2081e9;font-size:37px;display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px}.cs-note-empty h2{font-size:17px;margin:0 0 8px}.cs-note-empty p{font-size:13px;color:#7292b3;line-height:1.6;margin-bottom:22px}
#cnForm{min-width:0;min-height:100%;display:flex;flex-direction:column;gap:12px}.cs-note-editor-bar{display:flex;justify-content:space-between;align-items:center;gap:9px}.cs-note-editor-bar>span{font-size:11px;color:#7191b3}.cs-note-editor-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.cs-note-btn,.cs-note-filebutton{font:600 12px inherit;font-family:inherit;font-size:12px;font-weight:600;display:inline-block;color:#236cad;background:#f4f9ff;border:1px solid #c8def6;border-radius:9px;padding:8px 10px;cursor:pointer}.cs-note-btn:hover,.cs-note-filebutton:hover{background:#e8f3ff}.cs-note-danger{color:#b54152}.cs-note-title{border:0;border-bottom:1px solid #e0ebf8;font-family:inherit;font-size:20px;font-weight:700;color:#123b67;padding:9px 4px 13px;min-width:0;outline:0}.cs-note-title:focus{border-color:#3389f5}.cs-note-body{width:100%;min-height:135px;flex:1;resize:vertical;border:1px solid #d9e7f6;background:#fbfdff;border-radius:10px;font:13px/1.65 inherit;font-family:inherit;color:#1d456f;padding:12px;box-sizing:border-box;outline:0}.cs-note-body:focus{border-color:#70aaf7}.cs-note-attachments-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-note-attachments-head strong{font-size:12px}.cs-note-attachments{max-height:185px;overflow:auto;display:grid;gap:6px}.cs-note-attachment{border:1px solid #ddeafa;border-radius:9px;padding:9px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cs-note-attachment div{flex:1;min-width:100px;font-size:12px;overflow-wrap:anywhere}.cs-note-attachment small{display:block;font-size:10px;color:#6d8eac;margin-top:3px}.cs-note-attachment audio,.cs-note-attachment video{display:block;width:100%;max-height:140px}.cs-note-attachment button{font:inherit;border:1px solid #cfe1f5;border-radius:7px;background:white;padding:5px 7px;color:#266cae;cursor:pointer;font-size:11px}.cs-note-helper{font-size:11px;color:#7392b1;margin:0}.cs-note-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center}.cs-note-bottom span{font-size:11px;color:#2b8e70}
.cs-note-dialog{border:1px solid #c9dff6;border-radius:17px;padding:0;width:min(440px,calc(100vw - 28px));max-height:90vh;box-shadow:0 25px 85px #062c5760;color:#183e68;font-family:inherit}.cs-note-dialog::backdrop{background:#0a285d60}.cs-note-dialog-head{display:flex;align-items:flex-start;gap:12px;padding:19px 20px;border-bottom:1px solid #e1edfa}.cs-note-dialog-head>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e6f2ff;color:#187aed;font-size:22px}.cs-note-dialog-head>div{flex:1}.cs-note-dialog-head h2{font-size:18px;margin:0}.cs-note-dialog-head p{font-size:12px;line-height:1.5;color:#6889ab;margin:5px 0 0}.cs-note-dialog-head>button{border:0;background:transparent;font-size:23px;color:#6d8cab;cursor:pointer}.cs-note-dialog-inner{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px}.cs-note-dialog-inner label{font-size:12px;font-weight:700}.cs-note-dialog-inner input{font:inherit;border:1px solid #c8dcf3;border-radius:9px;padding:11px 12px;min-width:0}.cs-note-security{font-size:11px;line-height:1.5;color:#a06a25;background:#fff8e9;border:1px solid #f0dcad;border-radius:8px;padding:9px}.cs-note-error{font-size:12px;color:#bc3649;margin:0}.cs-note-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}
@media(max-width:750px){.cs-notes-stage{padding:14px}.cs-note-layout{grid-template-columns:1fr;grid-template-rows:minmax(150px,35%) minmax(250px,1fr)}.cs-note-header h1{font-size:23px}.cs-note-header p{font-size:11px}.cs-note-editor{padding:12px}.cs-note-editor-bar{flex-wrap:wrap}}

/* v0.1.46 — Note Capture only: icon close and in-app download menu. */
.cs-note-close{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;min-height:32px;min-width:34px}
.cs-note-export-wrap{position:relative;display:inline-flex;align-items:center}
.cs-note-export-trigger{display:inline-flex;align-items:center;gap:9px}
.cs-note-export-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:190px;background:white;border:1px solid #c8def6;border-radius:10px;box-shadow:0 10px 28px #1b4f8224;padding:5px;z-index:20}
.cs-note-export-menu[hidden]{display:none!important}
.cs-note-export-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#1e568d;padding:10px;font:600 12px inherit;font-family:inherit;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;white-space:nowrap}
.cs-note-export-menu button:hover,.cs-note-export-menu button:focus-visible{background:#eaf4ff}


/* Capture Scribe v0.1.47 — Note Capture link cards and link preview view only. */
.cs-note-edit-view{display:flex;flex-direction:column;gap:8px;flex:1;min-height:170px}
.cs-note-edit-view[hidden],.cs-note-link-view[hidden],.cs-note-attachments-head[hidden],.cs-note-attachments[hidden],.cs-note-helper[hidden]{display:none!important}
.cs-note-edit-view .cs-note-body{min-height:130px;flex:1}
.cs-note-inline-links{max-height:112px;overflow:auto;display:flex;flex-direction:column;gap:5px;scrollbar-width:none}
.cs-note-inline-links::-webkit-scrollbar,.cs-note-link-gallery::-webkit-scrollbar{display:none}
.cs-note-link-chip{display:flex;align-items:center;gap:7px;background:#f5faff;border:1px solid #cee1f9;border-radius:8px;padding:4px 5px 4px 9px;min-width:0}
.cs-note-link-chip-icon{font-size:14px;color:#4b91de;flex-shrink:0}
.cs-note-link-chip a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;font-size:11px;color:#2166aa}
.cs-note-link-chip a:hover{text-decoration:underline}
.cs-note-link-chip button,.cs-note-preview-controls button,.cs-note-preview-go{flex-shrink:0;border:1px solid #c8ddf5;background:white;color:#1877de;border-radius:7px;min-width:28px;height:28px;display:grid;place-items:center;padding:4px;cursor:pointer;text-decoration:none;font:inherit}
.cs-note-link-chip button:hover,.cs-note-preview-controls button:hover,.cs-note-preview-go:hover{background:#eaf4ff}
.cs-note-attachment-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}
.cs-note-link-open{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cs-note-link-open:disabled{opacity:.55;cursor:not-allowed}
.cs-note-link-open span{font-size:10px;background:#e2efff;color:#276faf;min-width:17px;border-radius:6px;padding:2px 3px;text-align:center}
.cs-note-link-view{display:flex;flex-direction:column;flex:1;min-height:180px;gap:10px}
.cs-note-link-heading{display:flex;align-items:center;gap:10px;background:#f6faff;border:1px solid #deebf8;border-radius:10px;padding:8px 10px;flex-shrink:0}
.cs-note-link-heading>div{display:flex;flex-direction:column;gap:3px}
.cs-note-link-heading strong{font-size:13px}.cs-note-link-heading small{font-size:10px;color:#6c8dae}
.cs-note-preview-back{font-size:19px;min-width:33px}
.cs-note-link-gallery{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:0 2px 4px}
.cs-note-preview-card{flex-shrink:0;border:1px solid #cee0f7;border-radius:12px;background:#fff;overflow:hidden}
.cs-note-preview-top{display:flex;gap:9px;align-items:center;padding:9px 10px;background:#f7fbff;border-bottom:1px solid #e3edf8}
.cs-note-preview-index{font-size:10px;font-weight:800;color:#5895d0}
.cs-note-preview-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.cs-note-preview-info strong{font-size:12px;color:#144a80}
.cs-note-preview-info small{font-size:10px;color:#7790aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-note-preview-controls{display:flex;gap:5px}
.cs-note-preview-media{background:#f5f9ff;min-height:84px}
.cs-note-preview-media iframe{display:block;width:100%;height:220px;border:0;background:#edf4fc}
.cs-note-preview-media>img{max-width:100%;max-height:265px;display:block;margin:auto;object-fit:contain}
.cs-note-preview-hint{padding:22px 14px;margin:0;color:#7891ad;text-align:center;font-size:12px;line-height:1.5}
.cs-note-preview-summary{display:flex;align-items:stretch;gap:11px;padding:11px}
.cs-note-preview-summary img{width:105px;max-height:108px;object-fit:cover;border-radius:8px;flex-shrink:0}
.cs-note-preview-summary div{flex:1;min-width:0}
.cs-note-preview-summary strong{font-size:12px;color:#174b81;overflow-wrap:anywhere}
.cs-note-preview-summary p{font-size:11px;line-height:1.5;color:#6482a3;margin:6px 0 0;overflow-wrap:anywhere}
.cs-note-link-empty{font-size:12px;color:#6f8dab;padding:22px;text-align:center}
@media(max-width:800px){.cs-note-preview-media iframe{height:185px}.cs-note-attachment-actions{gap:4px}}

/* v0.1.48: Link Preview uses the entire editor panel; original editing controls return with Back. */
#cnForm.cs-note-preview-active {height:100%;min-height:0;gap:0;}
#cnForm.cs-note-preview-active > .cs-note-editor-bar,
#cnForm.cs-note-preview-active > .cs-note-title,
#cnForm.cs-note-preview-active > .cs-note-bottom {display:none!important;}
#cnForm.cs-note-preview-active > .cs-note-link-view {min-height:0;flex:1;}
#cnForm.cs-note-preview-active .cs-note-link-gallery {min-height:0;max-height:100%;}
#cnForm.cs-note-preview-active .cs-note-preview-media iframe {height:260px;}
@media(max-width:800px){#cnForm.cs-note-preview-active .cs-note-preview-media iframe{height:220px;}}

/* v0.1.51: unmistakable inline source-restriction warning with direct source link. */
.cs-note-preview-warning{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 14px;margin:12px auto;padding:12px 15px;max-width:calc(100% - 24px);width:max-content;box-sizing:border-box;background:#d92335;color:#fff;border:1px solid #fff;border-radius:999px;box-shadow:0 0 0 1px rgba(145,18,39,.35),0 4px 12px rgba(120,0,26,.14);text-align:center;font-size:12px;font-weight:700;line-height:1.45}
.cs-note-preview-warning a,.cs-note-preview-warning a:visited{color:#fff!important;text-decoration:underline;text-underline-offset:2px;font-size:12px;font-weight:800;white-space:nowrap}
.cs-note-preview-warning a:hover,.cs-note-preview-warning a:focus-visible{color:#fff;outline-offset:3px;text-decoration-thickness:2px}

/* v0.1.51 — Note Capture rich text toolbar; preserves existing studio layout. */
.cs-note-rich-toolbar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:5px 6px;background:#f5faff;border:1px solid #d9e7f6;border-radius:9px;min-height:35px;flex-shrink:0}
.cs-note-rich-toolbar button{width:29px;height:29px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:#28669e;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px}
.cs-note-rich-toolbar button:hover,.cs-note-rich-toolbar button:focus-visible{border-color:#bcd6f2;background:#e8f3ff;outline:none}
.cs-note-rich-separator{width:1px;height:18px;background:#cedff1;margin:0 3px}
.cs-note-rich-body{display:block;min-height:135px;max-height:none;overflow-y:auto;scrollbar-width:none;white-space:pre-wrap;overflow-wrap:anywhere;resize:none;flex:1;line-height:1.6}
.cs-note-rich-body::-webkit-scrollbar{display:none}
.cs-note-rich-body:empty:before{content:attr(data-placeholder);color:#839db7;pointer-events:none}
.cs-note-rich-body p{margin:.35em 0}.cs-note-rich-body h1,.cs-note-rich-body h2,.cs-note-rich-body h3{line-height:1.35;margin:.4em 0}
.cs-note-rich-body ul,.cs-note-rich-body ol{padding-left:1.8em;margin:.4em 0}
.cs-note-rich-body a{color:#1469ba;text-decoration:underline}
.cs-note-rich-body blockquote{border-left:3px solid #9fc7f4;margin:8px 0;padding:3px 10px;background:#f3f9ff}
.cs-note-rich-body table{border-collapse:collapse;max-width:100%}.cs-note-rich-body td,.cs-note-rich-body th{border:1px solid #d2e3f6;padding:5px}
#cnBody[hidden],#cnInlineLinks[hidden]{display:none!important}
.cs-note-export-chevron{flex-shrink:0;stroke:#286eaf}
/* Inline preview message centered in the media area, without the prior white outline. */
.cs-note-preview-media:has(.cs-note-preview-warning){display:flex;align-items:center;justify-content:center;min-height:170px}
.cs-note-preview-warning{margin:auto!important;border:0!important;box-shadow:0 3px 10px rgba(120,0,26,.13)!important;}

/* v0.1.52 — edit transcripts directly in the existing right-hand preview. */
.cs-st-edit-area{display:block;width:100%;min-height:190px;max-height:320px;resize:vertical;box-sizing:border-box;font:inherit;line-height:1.55;color:#315b8a;background:#fff;border:1px solid #8bbdf5;border-radius:9px;padding:12px;outline-color:#147cf3;white-space:pre-wrap;scrollbar-width:none}
.cs-st-edit-area::-webkit-scrollbar{display:none}
.cs-st-edit-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.cs-st-edit-controls button{border:1px solid #bed7f3;border-radius:7px;padding:9px 13px;background:#fff;color:#14569b;font-size:12px;font-weight:700;cursor:pointer}
.cs-st-edit-controls .cs-st-save-edit{background:#127bf0;border-color:#127bf0;color:#fff}
.cs-st-edit-message{width:100%;color:#b4253e;font-size:12px;margin:1px 0}

/* v0.1.53 — transcript preview keeps player fixed at bottom; note dictation and color tools */
#csStDetail{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden!important;padding-bottom:12px!important}
#csStDetail .cs-st-manage-head{flex:none;margin-bottom:9px!important;display:flex;flex-direction:column;gap:9px;align-items:stretch}
.cs-st-title-edit{min-width:0;flex:1}.cs-st-title-input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #d8e7f7;background:transparent;color:#123f71;font-family:inherit;font-weight:760;font-size:16px;padding:3px 1px 7px;outline-color:#298cf3}
.cs-st-meta{font-size:10px;color:#6685ac;margin:4px 0 0;line-height:1.4}
.cs-st-management{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.cs-st-management button{height:33px;padding:0 10px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;border:1px solid #c6ddf6;background:white;color:#12518f}
.cs-st-management .cs-st-icon-close{width:35px;display:grid;place-items:center;padding:0}
.cs-st-management .cs-st-delete{color:#bd3346}
.cs-st-management .cs-st-primary-save{background:#147cf3;color:#fff;border-color:#147cf3}
#csStDetail .cs-st-large-text{flex:1;min-height:75px;max-height:none!important;width:100%;height:auto!important;resize:none;overflow-y:auto!important;padding:9px 5px;border:0;background:transparent;outline-color:#9dc9f5;margin:0!important;font:inherit;font-size:14px!important;line-height:1.55;scrollbar-width:none}
#csStDetail .cs-st-large-text[readonly]{cursor:text}
#csStDetail .cs-st-player{flex:none;margin:9px 0 0!important;height:56px!important}
#csStDetail .cs-st-edit-controls{flex:none;margin:3px 0 0}
#csStDetail .cs-st-note-action-row{flex:none;display:flex;justify-content:flex-end;padding:4px 0}
.cs-st-note-action-row .cs-st-save-as-note{border:1px solid #b9d9f8;background:#eaf5ff;color:#135eac;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}
.cs-st-inline-status{flex:none;font-size:11px;margin:2px 0 4px}
.cs-note-dictate.active{background:#fce7ed!important;border-color:#e15d70!important;color:#c32241!important}
.cs-note-dictate-status{font-size:10px;color:#a02e50;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-note-rich-select{display:flex;align-items:center;gap:3px;border:1px solid #d1e2f5;border-radius:6px;padding:0 4px;font-size:11px;color:#28669e;height:28px}
.cs-note-rich-select select{width:44px;border:0;color:#28669e;background:transparent;font-size:11px;outline-color:#91c6fa}
.cs-note-rich-color,.cs-note-rich-highlight{position:relative;display:flex;align-items:center;justify-content:center;width:29px;height:28px;color:#28669e;border:1px solid #d1e2f5;border-radius:6px;font-weight:800;font-size:15px;cursor:pointer}
.cs-note-rich-color input,.cs-note-rich-highlight input{position:absolute;bottom:0;left:0;width:100%;height:5px;padding:0;border:0;background:none;cursor:pointer}
.cs-note-rich-highlight svg{pointer-events:none}

/* v0.1.54 — Note Capture keeps scrolling functional without showing scrollbars. */
.cs-notes-stage,.cs-note-library,.cs-note-editor,.cs-note-list,.cs-note-attachments,
#cnForm,.cs-note-rich-body,.cs-note-link-gallery {scrollbar-width:none!important;-ms-overflow-style:none!important;}
.cs-notes-stage::-webkit-scrollbar,.cs-note-library::-webkit-scrollbar,
.cs-note-editor::-webkit-scrollbar,.cs-note-list::-webkit-scrollbar,
.cs-note-attachments::-webkit-scrollbar,#cnForm::-webkit-scrollbar,
.cs-note-rich-body::-webkit-scrollbar,.cs-note-link-gallery::-webkit-scrollbar {display:none!important;width:0!important;height:0!important;}
/* Audio remains a compact ordinary attachment, with its Play control in the attachment row. */
.cs-note-attachment audio {display:none!important;}

/* v0.1.55 — precise, symmetrical 12 + 12 rich-text controls. */
.cs-note-rich-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex-wrap:nowrap;padding:4px 5px}
.cs-note-rich-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:center;min-width:0}
.cs-note-rich-row>button,.cs-note-rich-row>label{box-sizing:border-box;width:100%;min-width:0;height:28px;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
.cs-note-rich-row>button{border-radius:6px}
.cs-note-rich-row .cs-note-rich-select{padding:0 1px;border:1px solid #d1e2f5}
.cs-note-rich-row .cs-note-rich-select select{width:100%;font-size:11px;text-align:center;cursor:pointer}
.cs-note-rich-row .cs-note-rich-color input,.cs-note-rich-row .cs-note-rich-highlight input{height:100%;opacity:.02;cursor:pointer}
.cs-note-rich-row .cs-note-rich-color{border-bottom:3px solid #15365b}
.cs-note-rich-row .cs-note-rich-highlight{border-bottom:3px solid #fff3a3}
.cs-note-rich-row .cs-note-rich-color:focus-within,.cs-note-rich-row .cs-note-rich-highlight:focus-within{outline:2px solid #8ebffc;outline-offset:1px}
.cs-note-rich-row .cs-note-dictate.active{border-color:#e15d70}
.cs-note-dictate-status[hidden]{display:none!important}

/* v0.1.56 — single heading selector, selected-text code snippets */
.cs-note-rich-row>.cs-note-heading-select{grid-column:span 2;display:flex;align-items:center;min-width:0;height:28px;border:1px solid #d1e2f5;border-radius:6px;background:#fff;box-sizing:border-box}
.cs-note-heading-select select{width:100%;min-width:0;height:100%;padding:0 3px;border:0;background:transparent;color:#28669e;font:600 11px inherit;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;outline-color:#91c6fa}
.cs-note-rich-body code{display:inline;font-family:Consolas,'Cascadia Code',monospace;font-size:.93em;background:#eef4fa;color:#163853;border:1px solid #d6e4f1;border-radius:4px;padding:1px 3px;white-space:pre-wrap;overflow-wrap:anywhere}

/* v0.1.57: code snippets mimic an editor; normal inline code stays unchanged. */
.cs-note-rich-body pre.cs-note-codeblock{display:block;box-sizing:border-box;max-width:100%;margin:10px 0;padding:13px 15px;border-radius:9px;background:#101b30;color:#e8f1ff;border:1px solid #283b59;overflow-x:auto;overflow-y:hidden;white-space:pre;tab-size:2;line-height:1.55;font-family:Consolas,'Cascadia Code',monospace;font-size:13px;scrollbar-width:none}
.cs-note-rich-body pre.cs-note-codeblock::-webkit-scrollbar{display:none}
.cs-note-rich-body pre.cs-note-codeblock code{display:inline;white-space:pre;background:none;color:inherit;border:0;border-radius:0;padding:0;font-size:inherit;font-family:inherit;overflow-wrap:normal}

/* v0.1.59: Both Note Capture pills use the same row and exact vertical geometry. */
#csHomeStage .cs-note-statuses{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:auto;align-self:flex-start}
#csHomeStage .cs-note-statuses .cs-studio-status{
  box-sizing:border-box;margin:0;align-self:center;height:26px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 9px;line-height:14px;vertical-align:middle;
}
#csHomeStage .cs-note-beta{background:#fff5e7;border-color:#eed4a8;color:#90601b}

/* v0.1.60: exact shared pill geometry; never let either badge independently offset. */
#csHomeStage .feature-card .cs-note-statuses{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;
  gap:6px;align-self:flex-start;margin-top:auto;line-height:normal;
}
#csHomeStage .feature-card .cs-note-statuses > .cs-studio-status{
  position:relative;top:0;transform:none;box-sizing:border-box;
  display:inline-flex;flex:none;align-self:stretch;align-items:center;justify-content:center;
  height:26px;min-height:26px;max-height:26px;
  margin:0;padding:0 9px;border-width:1px;border-style:solid;
  border-radius:999px;font-size:10.5px;font-weight:700;line-height:14px;
  vertical-align:middle;white-space:nowrap;
}
#csHomeStage .feature-card .cs-note-statuses > .cs-note-ready{background:#f0f5fc;border-color:#d9e6f4;color:#527494}
#csHomeStage .feature-card .cs-note-statuses > .cs-note-beta{background:#fff5e7;border-color:#eed4a8;color:#90601b}