/* Cloud services only: all screen, login, card and settings styles are native. */
:root { --cad-titlebar-h:0px; --muted:var(--text-dim); }
body { padding-top:0!important; }
#webDialog:has(.web-media-choices),#webDialog:has(.web-reference-browser){box-sizing:border-box;width:min(880px,calc(100vw - 32px));max-width:880px;padding:30px;max-height:calc(100dvh - 32px)}.web-media-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:24px 0}.web-btn.web-media-choice{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;white-space:normal;padding:22px;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(145deg,var(--panel-2),var(--panel));color:var(--text);transition:border-color .15s,background .15s}.web-btn.web-media-choice.featured{border-color:rgba(var(--accent-rgb),.45);background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),var(--panel))}.web-btn.web-media-choice:hover{border-color:var(--accent)}.web-media-choice-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--border-strong);border-radius:13px;background:var(--panel-3);color:var(--text)}.featured .web-media-choice-icon{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-bright)}.web-media-choice-label{font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--text-dim)}.web-media-choice>strong{font-size:18px;letter-spacing:-.3px}.web-media-choice-description{font-size:13px;line-height:1.65;color:var(--text-soft);flex:1}.web-media-choice-action{font-size:12px;font-weight:600;margin-top:8px;color:var(--text)}.featured .web-media-choice-action{color:var(--accent-bright)}.web-media-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.web-media-footer .web-muted{max-width:570px;margin:0;font-size:12px;line-height:1.6}.web-media-footer button{flex-shrink:0;min-height:36px;padding:8px 16px}.web-reference-navigation{display:flex;align-items:center;gap:12px;margin:20px 0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.web-reference-navigation>button{flex-shrink:0}.web-reference-trail{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;color:var(--text-dim)}.web-reference-trail .web-btn{border:0;background:transparent;padding:5px 6px;white-space:normal;overflow-wrap:anywhere;color:var(--text-dim);font-size:12px}.web-reference-trail [aria-current=page]{color:var(--text);font-weight:600}.web-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px;min-height:160px}.web-reference-grid .web-empty{grid-column:1/-1}.web-btn.web-reference-card{padding:0;display:flex;flex-direction:column;overflow:hidden;align-self:start;border:1px solid var(--border-strong);border-radius:14px;background:var(--panel-2);color:var(--text);text-align:left;min-width:0;transition:border-color .15s,box-shadow .15s}.web-btn.web-reference-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.2)}.web-reference-thumb{position:relative;display:block;aspect-ratio:16/9;width:100%;background:linear-gradient(135deg,var(--panel-3),var(--panel))}.web-reference-thumb .web-frame-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.web-reference-icon{position:absolute;inset:12px auto auto 12px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid #ffffff25;background:#14131bc9;color:#fff}.web-reference-icon svg{width:21px;height:21px}.web-reference-info{display:flex;flex-direction:column;gap:7px;padding:15px;min-width:0}.web-reference-info strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:normal}.web-reference-info>span{color:var(--text-dim);font-size:12px}@media(max-width:540px){#webDialog:has(.web-media-choices),#webDialog:has(.web-reference-browser){padding:20px}.web-media-footer{flex-wrap:wrap}.web-media-footer>button:last-child{margin-left:auto}.web-reference-navigation{align-items:flex-start}.web-media-choices{margin:18px 0}}
.web-library-settings{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.web-library-settings>label{font-size:15px;font-weight:600;color:var(--text)}.web-library-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.web-library-name-row input{flex:1 1 230px;min-width:0;max-width:100%}.web-library-name-row button{padding:10px 14px}
.web-premiere-download{position:relative}.web-premiere-tooltip{position:absolute;z-index:100;top:calc(100% + 10px);left:0;width:252px;max-width:calc(100vw - 48px);box-sizing:border-box;padding:13px 15px;border:1px solid #9d7adf65;border-radius:12px;background:#231a32;color:#e8e0f4;box-shadow:0 10px 30px #0006;text-align:left;white-space:normal;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s,visibility .15s}.web-premiere-tooltip strong{display:block;margin-bottom:5px;color:#fff;font-size:13px}.web-premiere-tooltip>span{display:block;font-size:12px;font-weight:400;line-height:1.5}.web-premiere-download:hover .web-premiere-tooltip,.web-premiere-download:focus-visible .web-premiere-tooltip{visibility:visible;opacity:1;transform:translateY(0)}
.web-btn.web-premiere-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:7px 12px 7px 8px;border:1px solid #9372cf70;border-radius:12px;background:linear-gradient(120deg,#302344,#201b2b);color:#faf7ff;font:600 12px var(--sans);white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff09,0 3px 12px #0b061c24;transition:background .15s,border-color .15s,box-shadow .15s}.web-premiere-badge{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #b696f345;border-radius:7px;background:linear-gradient(145deg,#594077,#332044);color:#e7caff;font:600 16px var(--sans);letter-spacing:-.6px;box-shadow:inset 0 1px 0 #ffffff12}.web-premiere-download svg{width:16px;height:16px;margin-left:3px;flex-shrink:0;fill:none;stroke:#dfcafa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.web-btn.web-premiere-download:hover:not(:disabled){background:linear-gradient(120deg,#3c2b56,#2b223a);border-color:#b494eb;box-shadow:inset 0 1px 0 #ffffff12,0 4px 18px #8e60dd20}.web-btn.web-premiere-download:focus-visible{outline:2px solid #d3b4ff;outline-offset:3px}.web-btn.web-premiere-download:disabled{opacity:.65;cursor:progress}
@media(max-width:1400px){.cad-topnav{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 24px;gap:12px}.cad-topnav .cad-nav{height:40px}.cad-topnav-right{flex-wrap:wrap;min-width:0}.cad-topnav-right .cad-search{width:220px}}
@media(max-width:700px){.cad-topnav-right{width:100%;gap:8px}.cad-topnav-right .cad-search{width:auto;flex:1 1 100%}.web-premiere-download{font-size:12px;padding:9px 11px}}
#cadTitlebar,#homeEnvPill,#engineModal,[data-pane="storage"],#transDiarHint,#transModel,#transEngine,
#driveBtnDownloads,#driveBtnNewFolder,#btnResumeLast,.web-hide { display:none!important; }
body:not(.cad-authed) > header,body:not(.cad-authed) > main { visibility:hidden; }
/* Login web: dos columnas equilibradas, sin el espacio de la barra de Electron. */
#cadLogin { top:0!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:auto; }
#cadLogin .cad-login-brand,#cadLogin .cad-login-form { box-sizing:border-box; width:auto; max-width:none; min-width:0; padding:clamp(32px,5vw,80px); }
#cadLogin .cad-login-brand { align-items:center; justify-content:center; gap:36px; }
#cadLogin .cad-login-logo,#cadLogin .cad-login-pitch { box-sizing:border-box; width:100%; max-width:440px; }
#cadLogin .cad-login-pitch h2 { max-width:440px; font-size:clamp(32px,3vw,44px); line-height:1.12; text-wrap:balance; }
#cadLogin .cad-login-pitch p { max-width:440px; line-height:1.65; }
#cadLogin .cad-login-ticker { max-width:100%; }
#cadLogin .cad-login-form { border-left:1px solid #ffffff08; }
#cadLogin .cad-login-card { width:100%; max-width:420px; flex-shrink:0; }
#cadLogin .cad-login-card h1 { margin:0 0 12px; line-height:1.2; }
#cadLogin .cad-login-sub { margin:0 0 32px; line-height:1.55; }
#cadLogin .cad-login-field { box-sizing:border-box; min-height:52px; }
#cadLogin .cad-login-pwrow { gap:8px; flex-wrap:wrap; }
#cadLogin .cad-login-pwrow .cad-login-label { margin:0; }
#cadLogin .cad-login-remember { margin:4px 0 16px; align-items:center; }
#cadLogin .cad-login-remember input { margin:0; flex-shrink:0; }
#cadLogin .cad-login-submit { box-sizing:border-box; min-height:52px; margin:0 0 24px; }
#cadLogin .cad-login-google { box-sizing:border-box; min-height:48px; margin-bottom:0; }
#cadLogin .cad-login-foot { margin:28px 0 0; line-height:1.5; }
#cadLogin .cad-login-error-msg:empty { display:none; }
@media(max-width:800px) {
  #cadLogin { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; }
  #cadLogin .cad-login-brand { display:flex; padding:28px 24px 0; background:var(--bg); gap:0; overflow:visible; }
  #cadLogin .cad-login-logo { max-width:420px; }
  #cadLogin .cad-login-pitch,#cadLogin .cad-login-glow1,#cadLogin .cad-login-glow2 { display:none; }
  #cadLogin .cad-login-form { padding:32px 24px 40px; border:0; }
}
@media(max-height:720px) {
  #cadLogin .cad-login-form { align-items:flex-start; padding-top:32px; padding-bottom:32px; }
  #cadLogin .cad-login-brand { justify-content:flex-start; }
}
.web-btn { font:inherit; cursor:pointer; }
.web-muted { color:var(--muted); font-size:13px; line-height:1.6; }
.web-tabs { display:flex; gap:10px; margin:16px 0; align-items:center; flex-wrap:wrap; }
.web-input { font:inherit; max-width:100%; min-width:140px; color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:9px; padding:9px 12px; }
.web-member { display:flex; gap:12px; padding:12px 0; align-items:center; border-bottom:1px solid var(--border); font-size:13px; }
.web-member > span:not(.team-avatar) { flex:1; overflow-wrap:anywhere; }
.cad-nickname-edit { border:0; background:transparent; color:#c5b1ff; padding:4px 0; margin:2px 0; font:600 12px 'Segoe UI',sans-serif; cursor:pointer; text-align:left; }
.cad-nickname-edit:hover { color:#fff; text-decoration:underline; }
.cad-nickname-edit:focus-visible { outline:2px solid #c5b1ff; outline-offset:3px; border-radius:3px; }
.team-online-person .cad-nickname-edit { font-size:11px; }
.cad-profile-hero-tx { min-width:0; }
.cad-profile-hero-name { overflow-wrap:anywhere; }
.cad-profile-field .web-muted { margin:5px 0 0; font-size:12px; line-height:1.5; }
.web-team-summary { margin:20px 0; }
.web-frame-folder-picker { max-width:720px; margin-top:14px; padding:13px; border:1px solid var(--border); border-radius:12px; background:var(--surface-input,#181922); }
.web-frame-picker-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.web-frame-picker-head strong { font-size:14px; }
.web-frame-picker-close { margin-left:auto; }
.web-frame-picker-trail { margin:9px 0; overflow:hidden; color:var(--text-dim); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.web-frame-picker-controls { min-height:4px; margin-bottom:7px; }
.web-frame-picker-list { display:grid; gap:5px; max-height:330px; overflow:auto; padding-right:2px; }
.web-frame-picker-row { display:flex; align-items:center; gap:8px; padding:4px; border:1px solid transparent; border-radius:9px; }
.web-frame-picker-row:hover { border-color:var(--border); background:var(--panel-3,#222631); }
.web-frame-picker-open { display:grid; grid-template-columns:20px minmax(0,1fr); flex:1; align-items:center; column-gap:8px; min-width:0; padding:7px; border:0; border-radius:7px; background:transparent; color:var(--text); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.web-frame-picker-open:hover { background:#ffffff08; }
.web-frame-picker-open > span:not(.web-frame-picker-icon) { overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.web-frame-picker-open small { grid-column:2; color:var(--text-dim); font-size:11px; }
.web-frame-picker-icon { display:grid; grid-row:1 / 3; place-items:center; color:var(--accent-bright); }
.web-frame-picker-icon svg { width:18px; height:18px; }
.web-frame-picker-row .primary { flex:0 0 auto; }
.web-frame-picker-empty { padding:16px 8px; color:var(--text-dim); font-size:12px; }
.web-empty { padding:36px 22px; grid-column:1/-1; color:var(--muted); }
#webTeamSelect { max-width:190px; font-size:12px; padding:7px 26px 7px 10px; border-radius:9px; }
#webDialog { max-width:780px; width:calc(100vw - 48px); max-height:85vh; overflow:auto; padding:28px; color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:var(--radius,16px); box-shadow:0 24px 100px #0008; }
#webDialog::backdrop { background:#0009; backdrop-filter:blur(5px); }
#webDialog h2 { margin:0 0 16px; font-size:20px; }
#webDialog > button { margin:8px 8px 0 0; }
#webDialog label { display:block; margin:18px 0; }
#webDialog label input { width:100%; margin-top:8px; }
#webDialog .drive-items { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }
.web-frame-oauth-return { position:fixed; inset:0; z-index:10000; display:grid; place-content:center; gap:10px; padding:36px; text-align:center; color:var(--text); background:#10141bf5; }
.web-frame-oauth-return h1 { margin:0; font-size:24px; }
.web-frame-oauth-return p { max-width:390px; margin:0; }
.web-frame-oauth-return.problem h1 { color:#ff8799; }
html.cad-frame-oauth-pending body > :not(#webFrameOauthReturn) { display:none!important; }
html.cad-frame-oauth-pending body::before { content:'Conectando Frame.io…'; position:fixed; inset:0; z-index:9999; display:grid; place-items:center; color:#edf2fb; background:radial-gradient(circle at 50% 35%,#263a68 0,#111722 42%,#090c12 100%); font:600 19px system-ui,sans-serif; }
html.cad-frame-oauth-pending body > #webFrameOauthReturn { display:grid!important; }
#webLease { font-size:11px; color:var(--muted); white-space:nowrap; padding:4px 8px; }
#webLease.warning { color:var(--warning,#e4ae55); }
.web-frame-thumb { width:100%; height:100%; object-fit:cover; }
.web-frame-tile { position:relative; min-width:0; }
.web-frame-tile > .drive-folder-card,.web-frame-tile > .drive-video-card { width:100%; height:100%; }
.web-frame-actions { position:absolute; z-index:7; top:10px; right:10px; display:grid; place-items:center; width:34px; height:34px; min-width:34px; padding:0!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:9px!important; background:rgba(14,17,25,.78)!important; color:#fff!important; line-height:1!important; opacity:.76; transition:opacity .15s ease,background .15s ease; }
.web-frame-actions svg { width:19px; height:19px; }
.web-frame-tile:hover .web-frame-actions,.web-frame-actions:focus-visible { opacity:1; }
.web-frame-tile .drive-folder-card + .web-frame-actions { top:25px; }
.web-frame-actions:hover { background:var(--accent,#795cff)!important; }
.web-frame-context-menu { position:fixed; z-index:10020; width:min(280px,calc(100vw - 16px)); padding:6px; border:1px solid var(--border-strong,#3b4054); border-radius:12px; background:color-mix(in srgb,var(--panel,#171a24) 96%,#000); box-shadow:0 18px 48px #0009; color:var(--text); }
.web-frame-menu-title { overflow:hidden; padding:8px 10px 7px; color:var(--text-dim); font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.web-frame-menu-item { display:flex; align-items:center; gap:10px; width:100%; min-height:38px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:var(--text); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.web-frame-menu-item:hover:not(:disabled),.web-frame-menu-item:focus-visible { background:var(--panel-3,#292d3a); outline:0; }
.web-frame-menu-item:disabled { color:var(--text-faint); cursor:default; }
.web-frame-menu-item.danger { color:#ff8391; }
.web-frame-menu-item.danger:hover:not(:disabled) { background:#8f293333; }
.web-frame-menu-icon { display:grid; flex:0 0 18px; place-items:center; }
.web-frame-menu-icon svg { width:18px; height:18px; }
.web-frame-menu-separator { height:1px; margin:5px 4px; background:var(--border); }
.web-frame-menu-input { box-sizing:border-box; width:calc(100% - 16px); margin:2px 8px 7px; padding:8px 9px; border:1px solid var(--accent,#795cff); border-radius:7px; outline:0; background:var(--surface-input,#202431); color:var(--text); font:inherit; font-size:13px; }
.web-frame-menu-row { display:flex; gap:3px; }
.web-frame-menu-row .web-frame-menu-item { justify-content:center; font-size:12px; }
.web-frame-context-menu .web-muted { margin:2px 10px 8px; font-size:11px; line-height:1.45; }
@media(max-width:760px) { .web-frame-actions { opacity:1; } }
.web-team-pane h2 { font-size:17px; }
.web-team-pane input[type=email] { flex:1; }
.web-card-busy { color:var(--accent); }
@media(max-width:900px) { #webTeamSelect { max-width:130px; } .web-member { flex-wrap:wrap; } }

.web-team-comment-label{display:flex;align-items:center;gap:7px;font-size:12px;margin:8px 0;color:var(--text-muted,#aaa)}
.web-team-comment-badge{font-size:10px;border:1px solid #657889;border-radius:5px;padding:2px 5px;color:#a9cee9;white-space:nowrap}
#markerTeamCommentsToggle{font-size:10px;gap:5px;white-space:nowrap}
.marker-list-header{flex-wrap:wrap}

.web-install-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.web-install-button[hidden]{display:none}
.web-install-dialog{max-width:440px;padding:26px;border:1px solid #343641;border-radius:15px;background:#16171e;color:#ededf1}
.web-install-dialog::backdrop{background:#0009}
.web-install-dialog p{font-size:14px;line-height:1.6;color:#b8bac6}

html.cad-auth-pending #cadLogin { visibility:hidden!important; }
html.cad-auth-pending body::after { content:''; position:fixed; inset:0; z-index:9998; background:#101116; }
#cadSessionSplash{display:none}
html.cad-auth-pending #cadSessionSplash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#211b33 0%,#14131d 35%,#101116 72%);color:#efebfa;font-family:system-ui,sans-serif}
.cad-splash-content{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;transform:translateY(-12px)}
.cad-splash-halo{position:absolute;z-index:-1;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#956bff18,transparent 68%);animation:cad-splash-breathe 3s ease-in-out infinite}
.cad-splash-mark{display:flex;align-items:center;justify-content:center;gap:7px;height:64px;width:92px;margin-bottom:23px}
.cad-splash-mark i{display:block;width:8px;height:26px;border-radius:8px;background:linear-gradient(180deg,#c9b1ff,#815aff);box-shadow:0 0 18px #956bff24;animation:cad-splash-wave 1.8s ease-in-out infinite;transform-origin:center}
.cad-splash-mark i:nth-child(2),.cad-splash-mark i:nth-child(4){height:43px;animation-delay:.12s}
.cad-splash-mark i:nth-child(3){height:60px;animation-delay:.24s}
.cad-splash-mark i:nth-child(4){animation-delay:.36s}.cad-splash-mark i:nth-child(5){animation-delay:.48s}
.cad-splash-name{display:flex;align-items:baseline;gap:3px;font-size:28px;font-weight:650;letter-spacing:-1.2px;line-height:1.3}
.cad-splash-name>span{height:5px;width:5px;border-radius:50%;background:#a180ff}
.cad-splash-track{position:relative;width:100px;height:2px;overflow:hidden;border-radius:4px;background:#a98cdc1c;margin-top:29px}
.cad-splash-track>span{position:absolute;inset:0;width:42%;border-radius:4px;background:linear-gradient(90deg,transparent,#b895ff,transparent);animation:cad-splash-travel 1.8s ease-in-out infinite}
@keyframes cad-splash-wave{0%,100%{transform:scaleY(.58);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes cad-splash-travel{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@keyframes cad-splash-breathe{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){#cadSessionSplash *{animation:none!important}.cad-splash-track>span{left:29%}}
.web-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; }
.web-action-card { display:flex; align-items:center; gap:15px; text-align:left; padding:18px; min-height:92px; border:1px solid #ffffff12; border-radius:16px; background:linear-gradient(135deg,#24232e,#19191f); color:#f0eef7; cursor:pointer; transition:border-color .18s,transform .18s,background .18s; }
.web-action-card:hover { border-color:#9f83ff70; background:linear-gradient(135deg,#302940,#1c1b25); transform:translateY(-2px); }
.web-action-card:focus-visible { outline:2px solid #a68bff; outline-offset:3px; }
.web-action-icon { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; color:#bca6ff; background:#9469ff18; box-shadow:inset 0 0 0 1px #ad88ff18; }
.web-action-card strong { display:block; font-size:14px; margin-bottom:6px; }
.web-action-card small { display:block; color:#a8a5b7; font-size:12px; line-height:1.5; }
.web-dialog-eyebrow { color:#b8a3fa; font:600 10px system-ui; letter-spacing:.16em; text-transform:uppercase; }
.web-dialog-footer { display:flex; justify-content:flex-end; padding-top:12px; border-top:1px solid #ffffff0d; }
.web-team-choice { width:100%; margin:6px 0; }
@media(max-width:620px){.web-action-grid{grid-template-columns:1fr;}}

.tl-audiolane{position:relative;}
.web-wave-status{position:absolute;inset:0 auto 0 12px;border:0;background:#151823cc;color:#96a9c0;font:10px system-ui;padding:0 6px;z-index:1;}
.web-kbd-footer{padding:16px 22px;border-top:1px solid #ffffff16;}
.web-kbd-footer p{font-size:12px;line-height:1.6;color:#a8a5b7;}
#kbdModalOverlay [role="dialog"]{max-height:85vh;display:flex;flex-direction:column;}
#kbdModalOverlay [role="dialog"]>div:nth-child(2){overflow-y:auto;min-height:0;}

.web-upload-progress{position:fixed;right:24px;bottom:24px;width:min(380px,calc(100vw - 48px));z-index:9500;display:grid;gap:12px;padding:22px;border:1px solid #a18bfa35;border-radius:18px;background:linear-gradient(140deg,#252131,#14151d);box-shadow:0 20px 70px #0008;font:12px system-ui;}
.web-upload-progress[hidden]{display:none;}
.web-upload-progress strong{font-size:13px;overflow-wrap:anywhere;}
.web-upload-progress progress{width:100%;height:9px;accent-color:#9f7aff;}
.web-upload-progress span{color:#bcb6ca;}
/* Team collaboration and the passwordless account entry. */
#webProjectTools.web-project-main-button{min-height:42px;padding:10px 23px!important;border-radius:11px!important;font-size:15px!important;font-weight:700!important;color:#fff!important;background:linear-gradient(110deg,#6941c5,#7850d4)!important;border:1px solid #b39aff70!important;box-shadow:0 5px 18px #7957ff25}#headerActions>#btnExportSrt,#headerActions>#btnExportMsub{display:none!important}
#driveBtnUpload,#driveBtnRefresh{min-height:40px!important;min-width:44px!important;padding:9px 15px!important;font-size:13px!important;border-radius:10px!important}#driveBtnUpload svg,#driveBtnRefresh svg{width:19px!important;height:19px!important}
.team-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #aa8df955;border-radius:50%;overflow:hidden;background:#34264d;color:#fff;font-size:14px;font-weight:700}.team-avatar img{width:100%;height:100%;object-fit:cover}.web-card-busy{display:flex;align-items:center;gap:8px;margin-top:9px;padding:7px 10px;border:1px solid #a98bfd40;border-radius:10px;background:#987bff12;color:#e7dfff;font:11px 'Segoe UI',sans-serif}.web-card-busy .team-avatar{width:24px;height:24px;font-size:11px}.team-online-dot{width:7px;height:7px;border-radius:50%;background:#5fe0aa;flex-shrink:0}.team-member-identity{flex:1;min-width:120px}.team-member-identity strong,.team-member-identity small{display:block;overflow-wrap:anywhere}.team-member-identity small{color:#b4b8c6;font-size:12px;margin-top:4px}.web-member{gap:14px;flex-wrap:wrap}.web-member .web-muted{margin:0}.profile-google-link{padding:18px;border:1px solid #987bff35;border-radius:12px;margin-bottom:22px}.profile-google-link h4{margin:0 0 8px}
#projectsSection{position:relative}#projectsSection.with-team-online{padding-right:270px}.team-online-sidebar{position:absolute;right:24px;top:100px;width:220px;max-height:calc(100% - 120px);overflow:auto;border:1px solid #ffffff10;border-radius:15px;background:#171720;padding:16px}.team-online-sidebar h3{font-size:13px;margin:0 0 17px}.team-online-sidebar p{font-size:12px;line-height:1.6}.team-online-person{display:flex;align-items:center;gap:10px;margin:15px 0}.team-online-person>div{flex:1;min-width:0}.team-online-person strong{display:block;font-size:12px;overflow-wrap:anywhere}.team-online-person small{display:block;font-size:10px;color:#b4b8c6;margin-top:4px}.team-notification{display:flex;gap:12px;width:100%;white-space:normal;text-align:left;padding:15px;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#fff;cursor:pointer}.team-notification.unread{background:#987bff13;border-left:3px solid #ac91ff}.team-notification>div{min-width:0}.team-notification strong,.team-notification span,.team-notification small{display:block}.team-notification strong{font-size:12px}.team-notification span{font-size:13px;margin-top:5px}.team-notification p{font-size:12px;color:#c9c7d4;overflow-wrap:anywhere;line-height:1.5}.team-notification small{color:#b4b8c6;font-size:10px}.team-notify-choices{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin:18px 0}.team-notify-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff15;border-radius:10px;cursor:pointer}.team-notify-choice input{accent-color:#987bff}.team-notify-choice span:last-child{overflow-wrap:anywhere}
#cadLogin [hidden]{display:none!important}.cad-login-code{margin:18px 0}.cad-login-code input{font-size:25px;letter-spacing:9px;text-align:center;margin-top:8px}.login-code-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.login-code-actions button{font-size:12px}
@media(max-width:1050px){#projectsSection.with-team-online{padding-right:24px}.team-online-sidebar{position:static;width:100%;max-height:200px;margin-top:24px}.team-online-person{display:inline-flex;min-width:200px;margin-right:20px}}

/* Explicitly override generic dialog form rules for compact member rows. */
#webDialog:has(.team-notify-choices){box-sizing:border-box;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;overflow:auto}
#webDialog .team-notify-choices{max-height:290px;gap:8px;margin:20px 0;flex-shrink:0}
#webDialog label.team-notify-choice{box-sizing:border-box;display:grid;grid-template-columns:18px 38px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:12px 14px;min-height:66px;background:#ffffff03}
#webDialog label.team-notify-choice:has(input:checked){border-color:var(--accent,#987bff);background:#987bff12}
#webDialog label.team-notify-choice input[type=checkbox]{box-sizing:border-box;width:17px;height:17px;min-width:0;min-height:0;padding:0;margin:0;justify-self:center;accent-color:var(--accent,#987bff)}
#webDialog .team-notify-identity{min-width:0;line-height:1.45}#webDialog .team-notify-identity strong,#webDialog .team-notify-identity small{display:block;overflow-wrap:anywhere;text-align:left}#webDialog .team-notify-identity strong{font-size:13px;color:#f4f4f8}#webDialog .team-notify-identity small{font-size:12px;color:#b4b8c6;margin-top:3px}
#webDialog .team-notify-message{box-sizing:border-box;display:block;width:100%;min-height:96px;resize:vertical;font:inherit;line-height:1.5;padding:13px}
#webDialog .team-notify-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}#webDialog .team-notify-actions button{min-height:40px;padding:10px 18px}
.team-avatar{box-sizing:border-box;position:relative;line-height:1;vertical-align:middle}.team-avatar img{display:block;width:100%;height:100%;max-width:none;margin:0!important;border-radius:inherit;object-fit:cover}.team-online-dot.offline{background:#777986}.team-online-sidebar{max-height:calc(100dvh - 210px)}.team-online-person{min-height:42px}.team-notification>.team-avatar{display:inline-flex;margin:0;min-width:34px}
@media(max-width:540px){#webDialog:has(.team-notify-choices){padding:20px}#webDialog label.team-notify-choice{padding:10px;gap:10px}.team-online-sidebar{max-height:none}}

/* Primary project handoff action. */
.web-action-card.web-notify-primary{grid-column:1/-1;min-height:108px;border-color:#b298ff80;background:linear-gradient(115deg,#50377b,#302640);box-shadow:inset 0 1px #ffffff12,0 8px 26px #0002}
.web-notify-primary .web-action-icon{color:#fff;background:#ffffff16;border-color:#ffffff26}
.web-notify-primary strong{color:#fff;font-size:17px}.web-notify-primary small{color:#eee6ff}
.web-notify-primary:hover{background:linear-gradient(115deg,#634493,#3d3053);border-color:#d5c2ff}
.web-notify-arrow{margin-left:auto;font-size:26px;color:#fff;flex-shrink:0}

/* Project actions: file formats are disclosed only when needed. */
#webDialog:has(.web-project-tools){box-sizing:border-box;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px}
#webDialog:has(.web-project-tools) .web-dialog-eyebrow{display:block;line-height:1.6;letter-spacing:.06em;overflow-wrap:anywhere}
.web-project-tools{gap:10px;margin:20px 0}
.web-project-tools .web-action-card{min-width:0;min-height:80px;padding:15px;gap:12px;border-radius:12px;background:#ffffff03;transform:none;white-space:normal}
.web-project-tools .web-action-card:hover{background:#a68bff0b;border-color:#a68bff65}
.web-project-tools .web-action-card strong{font-size:13px;margin-bottom:4px;line-height:1.4}
.web-project-tools .web-action-card small{font-size:11px;line-height:1.5}
.web-project-tools .web-action-icon{flex-basis:36px;height:36px;border-radius:10px}
.web-project-tools .web-action-icon svg{width:20px;height:20px}
.web-project-tools .web-notify-primary{min-height:88px;margin-bottom:6px;background:linear-gradient(110deg,#493265,#2a2338);border-color:#a68bff45;box-shadow:none}
.web-project-tools .web-notify-primary:hover{background:linear-gradient(110deg,#513971,#30273e)}
.web-project-tools .web-notify-primary strong{font-size:14px}
.web-project-formats{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.web-project-chevron{margin-left:auto;display:flex;color:#aaa1bd;transition:transform .15s}
.web-project-formats>[aria-expanded=true]{background:#a68bff10;border-color:#a68bff65}
.web-project-formats>[aria-expanded=true] .web-project-chevron{transform:rotate(180deg)}
.web-project-submenu{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #a68bff25;border-radius:14px;background:#0c0b1255}
.web-project-submenu[hidden]{display:none}
.web-project-submenu .web-action-card{border-color:transparent;min-height:72px;background:transparent}
@media(max-width:620px){#webDialog:has(.web-project-tools){padding:20px}.web-project-formats,.web-project-submenu{grid-template-columns:1fr}.web-project-tools .web-action-card{min-height:72px}.web-project-tools .web-notify-primary{min-height:84px}}

.web-shared-review{font-size:11px;margin-top:9px;color:#bab6ca}.marker-card.web-review-done{background:#11362d;border-color:#338b6d}.web-review-done .web-shared-review{color:#74e8bd}

.web-member>.team-avatar{flex:0 0 34px;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;align-self:center;aspect-ratio:1/1}.team-avatar img{aspect-ratio:1/1}
.web-pending-invites{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.web-pending-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.web-pending-head h3{margin:0;font-size:15px}.web-pending-person{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 0;border-top:1px solid var(--border)}.web-pending-person .team-member-identity{min-width:0;flex:1 1 160px}.web-invite-status{flex:0 0 auto;border:1px solid #dbb55f60;background:#dbb55f14;color:#f5d997;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.web-invite-status.expired{border-color:#a3a6b350;background:#a3a6b312;color:#ced0da}.web-pending-detail{flex-basis:100%;color:var(--text-dim);font-size:12px}
@media(max-width:700px){.cad-settings-body{flex-direction:column}.cad-settings-nav{width:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:10px;gap:6px}.cad-settings-nav .cad-snav{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:9px 10px}.cad-settings-content{min-width:0;padding:20px 16px}.team-member-identity{min-width:0;flex-basis:calc(100% - 48px)}}

/* Shared completion is independent from subtitle editing and its lock. */
.web-shared-review{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
.web-review-label{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.4}
.marker-card .web-review-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #666379;border-radius:9px;background:#292a35;color:#c6c3d5;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.marker-card .web-review-check:hover:not(:disabled){background:#173c33;border-color:#6bdcba;color:#95f4d6}
.marker-card .web-review-check[aria-pressed=true]{background:#164b3a;border-color:#57d6a3;color:#a0ffdc}
.marker-card .web-review-check:focus-visible{outline:2px solid #bca0ff;outline-offset:3px}
.marker-card .web-review-check:disabled{opacity:.5;cursor:wait}
.web-review-error .web-review-label{color:#ffb9a7}
.marker-card.marker-compact .web-shared-review{margin-top:0;gap:10px;min-height:26px;font-size:10px;color:var(--text-dim)}
.marker-card.marker-compact .web-review-check{flex-basis:26px;width:26px;height:26px;border-radius:7px;border-color:var(--border);background:transparent;color:var(--text-dim)}
.marker-card.marker-compact .web-review-check:hover:not(:disabled){background:rgba(87,214,163,.1);border-color:#57d6a3;color:#57d6a3}
.marker-card.marker-compact .web-review-check[aria-pressed=true]{background:rgba(87,214,163,.1);border-color:#57d6a3;color:#57d6a3}
.marker-card.marker-compact.web-review-done{background:linear-gradient(110deg,rgba(87,214,163,.055),transparent 70%),var(--surface-input,var(--panel));border-color:rgba(87,214,163,.35)}
.marker-card.marker-compact.web-review-done .web-shared-review{color:#57d6a3}

.cad-suggestion-trigger{flex:none!important;border:1px solid #76609e!important;background:linear-gradient(135deg,#30243f,#211e2d)!important;color:#ecdeff!important;white-space:nowrap;min-height:32px;border-radius:9px!important;padding:5px 12px!important}
#webDialog:has(.cad-suggestions){width:min(680px,calc(100vw - 32px));box-sizing:border-box;max-height:88vh;overflow:auto;border-color:#514563}
.cad-suggestions{color:#e9e5ef;font:14px/1.55 system-ui}.cad-suggestion-intro{color:#bdb5cc;margin:0 0 22px}.cad-suggestions form{display:grid;gap:14px}.cad-suggestions label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#d5ccdf}.cad-suggestions input,.cad-suggestions select,.cad-suggestions textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #554b66;border-radius:9px;background:#13131c;color:#f3eff9;font:14px/1.5 system-ui}.cad-suggestions textarea{resize:vertical}.cad-suggestions :is(input,select,textarea):focus{outline:2px solid #a58ae2;outline-offset:2px}.cad-suggestion-actions{display:flex;gap:10px;justify-content:flex-end}.cad-suggestion-actions .primary{padding:10px 18px}.cad-suggestion-status{color:#ffb7a6;margin:0}.cad-suggestion-status:empty{display:none}.cad-suggestions h3{margin:28px 0 14px;padding-top:24px;border-top:1px solid #393344;font-size:17px}.cad-suggestion-list{display:grid;gap:12px}.cad-suggestion-card{border:1px solid #484155;border-radius:12px;background:linear-gradient(130deg,#242131,#1a1922);padding:18px}.cad-suggestion-card h4{font-size:15px;margin:10px 0 6px}.cad-suggestion-card p{margin:0;color:#c8c1d3;white-space:pre-wrap;overflow-wrap:anywhere}.cad-suggestion-badge{font-size:11px;font-weight:650;color:#bdebd8;background:#203d36;border:1px solid #386454;padding:4px 8px;border-radius:6px;display:inline-block}.cad-suggestion-success{padding:18px;border:1px solid #467e65;border-radius:10px;background:#19362b;color:#c8f5dc}@media(max-width:640px){#headerActions:has(.cad-suggestion-trigger){flex-wrap:wrap;justify-content:flex-end}.cad-suggestion-trigger{font-size:11px!important;padding:4px 7px!important}.cad-suggestion-actions{flex-wrap:wrap}.cad-suggestions{font-size:13px}}

/* Editor header: feedback sits before the session controls as its own action. */
body>header:has(>#headerActions){gap:14px;min-height:54px;padding-inline:16px;box-sizing:border-box}
body>header:has(>#headerActions)>.header-left{flex:1 1 auto;min-width:0}
body>header>#btnSuggestions.cad-suggestion-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto!important;box-sizing:border-box;height:34px;min-height:34px;margin:0 clamp(12px,2.5vw,42px) 0 4px;padding:0 11px!important;border:1px solid #76678c45!important;border-radius:8px!important;background:#8e76b00a!important;color:#c7bfd4!important;font:500 12px/1 system-ui!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}
body>header>#btnSuggestions.cad-suggestion-trigger:hover{background:#9d81cd16!important;border-color:#8c78ab99!important;color:#eee8f8!important}
#btnSuggestions svg{width:15px;height:15px;flex:none;opacity:.85}
body>header:has(>#headerActions[style*="none"])>#btnSuggestions{display:none!important}
#headerActions>#webProjectTools.web-project-main-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;height:34px;min-height:34px;padding:0 15px!important;border-radius:8px!important;font:650 12px/1 system-ui!important;letter-spacing:.01em;background:linear-gradient(180deg,#7955c8,#6943b8)!important;border:1px solid #a78ada70!important;box-shadow:0 1px 2px #0003,inset 0 1px 0 #ffffff12!important;margin:0}
#headerActions>#webProjectTools::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.8}
#headerActions>#webProjectTools:hover{background:linear-gradient(180deg,#8661d4,#7650c5)!important;border-color:#baa0e7a0!important}
body>header:has(>#headerActions)>#btnSuggestions:focus-visible,#headerActions>#webProjectTools:focus-visible{outline:2px solid #b59ae6;outline-offset:3px}
@media(max-width:1100px){body>header>#btnSuggestions.cad-suggestion-trigger{margin-right:6px}body>header:has(>#headerActions){gap:9px}#headerActions #autosaveStatus{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:760px){body>header:has(>#headerActions){flex-wrap:wrap;height:auto;padding:9px 12px;gap:9px}body>header:has(>#headerActions)>.header-left{flex:1 1 50%}body>header>#btnSuggestions.cad-suggestion-trigger{margin:0}#headerActions{width:100%;justify-content:flex-end}#headerActions #autosaveStatus{flex:1;min-width:0}#headerActions>#webProjectTools.web-project-main-button{padding:0 12px!important}}

/* Timeline assistance: controls remain next to the sequence they affect. */
#timelineWrap:has(#tlAssistBar){flex-basis:var(--timeline-panel-h,340px);min-height:240px}
#timelineWrap:has(#tlAssistBar) .tl-toolbar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tl-assist-bar{display:inline-flex;align-items:center;gap:6px;padding:0;margin-left:4px;min-width:0}
.tl-assist-options{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}

.tl-assist-bar button{height:28px;min-height:28px;margin:0;border:1px solid #ffffff21;border-radius:7px;padding:0 9px;background:#22232d;color:#d9dce9;font:500 11px/1.2 system-ui;box-shadow:none}
.tl-assist-bar button:hover{background:#30313e;border-color:#a78bdf80}
.tl-assist-bar button[aria-pressed=true]{color:#c8efe2;background:#1b3831;border-color:#53bb9770}
.tl-assist-bar button.tl-overwrite{color:#ffd2bb;background:#412b24;border-color:#d28a5760}
.tl-assist-bar button:focus-visible,.tl-review-dialog button:focus-visible,.tl-review-dialog input:focus-visible{outline:2px solid #bda1ed;outline-offset:2px}
.tl-assist-bar [hidden]{display:none!important}
#tlActionText{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#tlActionText:empty{display:none}

.tl-cue.tl-collision{outline:2px solid #ff7f66;outline-offset:2px;filter:brightness(.8)}
.tl-review-dialog{color:#e9eaf2;background:#171820;border:1px solid #77658e80;border-radius:18px;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85vh;box-sizing:border-box;padding:24px;box-shadow:0 24px 80px #0009;overflow:auto;font-family:system-ui}
.tl-review-dialog::backdrop{background:#07070bbd;backdrop-filter:blur(4px)}
.tl-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.tl-review-head small{font-size:10px;letter-spacing:.18em;color:#bfa3ee}
.tl-review-head h2{margin:7px 0 0;font-size:23px;letter-spacing:-.03em}
.tl-review-dialog>p{color:#aeb3c5;font-size:12px;line-height:1.6}
.tl-review-dialog button{font-family:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff25;background:#242531;border-radius:8px;padding:8px 12px}
.tl-review-settings{display:flex;gap:15px;flex-wrap:wrap;padding:16px;background:#101117;border:1px solid #ffffff10;border-radius:11px}
.tl-review-settings label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#bbc0d0;flex:1 1 130px}
.tl-review-settings input[type=number]{box-sizing:border-box;width:100%;max-width:150px;background:#242530;color:#fff;border:1px solid #ffffff30;border-radius:6px;padding:8px;font:13px system-ui}
.tl-review-settings .tl-review-gap{flex-direction:row;align-items:center;flex:1 1 180px}
.tl-review-results{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.tl-review-dialog .tl-review-result{display:flex;flex-direction:column;gap:6px;text-align:left;padding:13px 15px;background:#20212a}
.tl-review-result:hover{border-color:#b395dc;background:#292533}
.tl-review-result strong{font-size:13px;color:#edc68f}.tl-review-result span{font:11px/1.5 system-ui;color:#adb5cd}.tl-review-result small{font:12px/1.5 system-ui;white-space:pre-wrap;overflow-wrap:anywhere}
#webFrameSyncStatus{font:10px/1.2 system-ui;color:#9aada7;border:0;background:transparent;padding:3px;max-width:125px;box-shadow:none}
#webFrameSyncStatus.has-error{color:#efb789}#webFrameSyncStatus[hidden]{display:none!important}
@media(max-width:760px){.tl-assist-bar{display:inline-flex;align-items:center;gap:6px;padding:0;margin-left:4px;min-width:0}.tl-review-dialog{padding:17px}#headerActions{flex-wrap:wrap}}

/* Cue gestures keep browser scrolling from cancelling touch edits. */
#timeline .tl-cue{touch-action:none}
#timelineWrap .tl-title-left{flex-wrap:wrap}
@media(max-width:1000px){#tlActionText{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

/* Session ended: compact status and one clear next action. */
#webDialog:has(.web-session-ended){box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:480px;padding:32px;border:1px solid var(--border-strong,#383944);border-radius:22px;background:var(--panel,#16171e);color:var(--text,#eee);box-shadow:0 24px 90px #0007;position:relative}
#webDialog:has(.web-session-ended)::backdrop{background:#080b126b;backdrop-filter:blur(6px)}
#webDialog:has(.web-session-ended)>h2{font:650 23px/1.3 system-ui;letter-spacing:-.035em;margin:66px 0 12px}
.web-session-icon{position:absolute;top:30px;left:32px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#c6b8ff;background:#9f87ed18;border:1px solid #aa93f230}
.web-session-icon svg{width:26px;height:26px}
.web-session-intro{font:14px/1.65 system-ui;color:var(--text-dim,#b9bcc8);margin:0 0 24px}
.web-session-save{padding:17px 18px;border-radius:13px;background:#48bd9310;border:1px solid #65c9a526}
.web-session-save strong{font:600 14px/1.5 system-ui;color:#9cdbc3}
.web-session-save p{font:13px/1.65 system-ui;color:var(--text-dim,#b9bcc8);margin:6px 0 0}
.web-session-save.is-pending{background:#d9b6770c;border-color:#d9b67730}.web-session-save.is-pending strong{color:#dec392}
.web-session-actions{display:flex;justify-content:flex-end;margin-top:26px}
.web-session-actions .web-btn{min-height:42px;padding:0 20px;border-radius:10px;font:600 14px/1.3 system-ui;box-shadow:none}
@media(max-width:520px){#webDialog:has(.web-session-ended){padding:24px}.web-session-icon{left:24px;top:24px}.web-session-actions .web-btn{width:100%}}
/* Frame team settings and saved connections. */
.web-team-pane{max-width:860px;margin-inline:auto}.web-team-pane>h4{font-size:23px;letter-spacing:-.03em}.web-team-pane .cad-pane-sub{font-size:14px;line-height:1.6;margin-bottom:24px}.web-frame-team-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px}.web-frame-team-head>strong{font-size:17px}.web-frame-role,.web-frame-status{font:600 12px/1.4 system-ui;border-radius:20px;padding:6px 10px;background:#ffffff08;color:var(--text-dim);border:1px solid var(--border)}.web-frame-status.connected{color:#86d8b9;background:#3ba68014;border-color:#59ba972f}.web-frame-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:24px;margin-bottom:16px}.web-frame-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.web-frame-eyebrow{color:var(--text-dim);font:600 10px/1.5 system-ui;letter-spacing:.13em}.web-frame-card h2{font-size:19px;margin:5px 0 0}.web-frame-account-name{font-size:17px;font-weight:600;margin:24px 0 8px}.web-frame-card .web-muted{font-size:13px;line-height:1.65}.web-frame-settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.web-frame-settings-actions .web-btn,.web-frame-picker-footer .web-btn{min-height:39px;border-radius:9px;padding:0 14px;font-size:13px;box-shadow:none;margin:0}.web-frame-folder{border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.web-frame-folder h3{font-size:14px;margin:0 0 10px}.web-frame-folder>strong{font-size:14px;font-weight:500}.web-frame-member-note{padding-top:10px;font-size:13px;color:var(--text-dim)}.web-team-pane details.web-library-settings,.web-team-members{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:18px 20px;margin:16px 0}.web-team-pane details>summary{cursor:pointer;font-size:15px;font-weight:600}.web-team-pane details[open]>summary{margin-bottom:20px}.web-team-pane details .web-muted{font-size:13px;line-height:1.6}.web-team-utilities{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.web-team-utilities .web-btn{font-size:12px;min-height:34px}
#webDialog:has(.web-frame-accounts){box-sizing:border-box;width:min(650px,calc(100vw - 28px));max-width:650px;max-height:calc(100dvh - 28px);padding:28px;border-radius:20px;background:var(--panel);border:1px solid var(--border-strong);overflow-y:auto}#webDialog:has(.web-frame-accounts)>h2{font-size:23px;letter-spacing:-.025em;margin:0 0 12px}.web-frame-accounts .web-muted{font-size:14px;line-height:1.65}.web-frame-connection-list{display:grid;gap:10px;margin:22px 0}.web-frame-connection{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:13px;flex-wrap:wrap}.web-frame-connection.active{border-color:#68bca74a;background:#4db99808}.web-frame-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#9f87ed15;color:#b9a6f4}.web-frame-symbol svg{width:24px;height:24px}.web-frame-connection-info{flex:1;min-width:100px;display:grid;gap:5px}.web-frame-connection-info strong{font-size:14px;overflow-wrap:anywhere}.web-frame-connection-info>span{font-size:12px;color:var(--text-dim)}.web-frame-connection .web-btn{font-size:12px;min-height:33px;border-radius:8px;padding:0 11px;box-shadow:none}.web-frame-account-options{border-top:1px solid var(--border);padding-top:18px}.web-frame-account-options h3{font-size:15px}.web-frame-account-option.web-btn{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;white-space:normal;padding:15px 16px;min-height:54px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);margin:8px 0;box-shadow:none}.web-frame-account-option strong{font-size:14px}.web-frame-account-option span{font-size:12px;color:var(--text-dim)}.web-frame-account-option[aria-pressed=true]{border-color:#ae97f17d;background:#9f87ed10}.web-frame-picker-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding-top:22px;margin-top:24px}@media(max-width:540px){.web-frame-card{padding:18px}.web-frame-card-head{align-items:flex-start}.web-frame-card h2{font-size:17px}.web-frame-status{font-size:11px}.web-frame-account-option.web-btn{flex-direction:column;gap:6px}#webDialog:has(.web-frame-accounts){padding:20px}.web-frame-connection{padding:12px}}
.web-frame-connection-info>span{overflow-wrap:anywhere;line-height:1.5}.web-frame-name-label{display:grid;gap:10px;margin-top:20px;font-size:14px}.web-frame-name-label .web-input{width:100%;box-sizing:border-box;font-size:15px;min-height:44px}.web-frame-rename.web-btn{color:var(--text-dim);background:transparent}.web-frame-rename.web-btn:hover{color:var(--text);background:var(--panel-2)}
/* Frame browser: fixed mosaic cells; only the image zooms inside each cell. */
.drive-folder-preview:not(.empty){gap:3px;background:var(--surface-input,#181922)}
.drive-folder-preview .dfp-cell{position:relative;overflow:hidden;transform:none!important;transition:none}
.drive-folder-preview .dfp-image{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.drive-folder-card:hover .dfp-image,.web-reference-card:hover .dfp-image{transform:scale(1.06)}
.drive-items.list-view .drive-folder-card:hover .dfp-image{transform:none}
.web-reference-thumb{overflow:hidden}
.web-reference-thumb>.drive-folder-preview{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.web-reference-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.web-reference-header h2{margin:0;min-width:0}
.web-btn.web-reference-close{display:grid;place-items:center;padding:0;width:36px;height:36px;flex-shrink:0;font-size:25px;line-height:1;border-radius:10px}
.web-reference-search{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--border-strong);border-radius:11px;background:var(--panel-2);color:var(--text-dim)}
.web-reference-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}
.web-reference-search>span{display:flex}
.web-reference-search input{width:100%;min-width:0;border:0;outline:none;padding:2px;background:transparent;color:var(--text);font:inherit}
.web-reference-navigation{margin:12px 0}
.web-reference-grid{max-height:calc(100dvh - 370px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}
@media(prefers-reduced-motion:reduce){.drive-folder-preview .dfp-image{transition:none;transform:none!important}}
#webDialog[open]:has(.web-reference-browser){display:flex;flex-direction:column;overflow:hidden}
.web-reference-header,.web-reference-search,.web-reference-navigation{flex-shrink:0}
.web-reference-browser{display:flex;flex-direction:column;min-height:0;flex:1}
#webDialog label.web-reference-search{display:flex;flex-direction:row;align-items:center;margin:8px 0}
#webDialog label.web-reference-search input{margin:0}
.web-reference-grid{flex:1;min-height:100px;grid-auto-rows:max-content;align-content:start}
#webDialog:has(.web-reference-browser)>.web-media-footer{flex-shrink:0;margin-top:16px;padding-top:14px}
/* Version families and recoverable save history, shared by desktop and mobile web. */
.project-card{position:relative}
.manual-version-badge{position:absolute;top:10px;right:10px;z-index:4;padding:5px 10px;border:1px solid #a68cff66;border-radius:9px;background:#25203deb;color:#eee7ff;font-size:12px;font-weight:750;cursor:pointer}
.manual-version-badge:hover,.manual-version-badge[aria-expanded="true"]{background:#493968;border-color:#b39afa}
.manual-version-badge:focus-visible{outline:2px solid #c5afff;outline-offset:3px}
.web-manual-version-menu{width:min(480px,calc(100vw - 16px));max-width:calc(100vw - 16px);padding:10px}
.web-manual-version-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 8px 12px;border-bottom:1px solid #343646}
.web-manual-version-head strong{font-size:14px}.web-manual-version-head button{font-size:22px;padding:2px 9px}
.web-manual-version-options{max-height:min(420px,calc(100dvh - 130px));overflow-y:auto;padding-top:6px}
.web-manual-version-option.web-btn{display:flex;width:100%;align-items:center;gap:12px;border:1px solid transparent;text-align:left;padding:10px;background:transparent;border-radius:9px}
.web-manual-version-option.web-btn:hover,.web-manual-version-option.web-btn:focus-visible{background:#2c293e;border-color:#a68cff66}
.web-manual-version-option.selected{background:#aa8fff0f}
.web-manual-version-option .web-version-number{padding:6px 10px;flex-shrink:0;font-size:12px}
.web-manual-version-option .web-version-thumb{display:flex;align-items:center;justify-content:center;width:64px;height:42px}.web-manual-version-option .web-version-thumb svg{width:20px;height:20px;color:#888}
.web-manual-version-option .web-version-info strong{font-size:12px}.web-manual-version-option .web-version-info small{font-size:11px}
@media(max-width:480px){.web-manual-version-option.web-btn{gap:8px;padding:10px 6px}.web-manual-version-option .web-version-thumb{width:48px;height:34px}}
.project-card:has(.manual-version-badge) .cad-card-dur{top:46px}
#webDialog:has(.web-version-list){width:min(940px,calc(100vw - 32px));max-height:88vh;padding:26px}
.web-version-list{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto;padding:4px}
.web-version-row{display:flex;align-items:center;gap:14px;padding:16px;background:#1b1d27;border:1px solid #343646;border-radius:12px}
.web-version-row.is-closed{border-left:3px solid #ff8053;background:#231f23}
.web-version-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
.web-version-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.web-version-info small{color:#aaa9bb;font-size:12px}
.web-version-number{background:#aa8fff22;border:1px solid #aa8fff55;border-radius:20px;padding:8px 14px;color:#d7c6ff;font-weight:700}
.web-version-thumb{width:88px;height:54px;border-radius:6px;background:#0c0d12;overflow:hidden;flex-shrink:0}
.web-version-thumb img{width:100%;height:100%;object-fit:cover}
.web-version-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.web-version-actions .web-btn{font-size:11px;padding:8px}
@media(max-width:680px){.web-version-row{flex-wrap:wrap;padding:12px}.web-version-actions{width:100%;justify-content:flex-start}.web-version-thumb{width:60px;height:40px}.web-version-info{min-width:120px}#webDialog:has(.web-version-list){padding:16px}}

.web-archive-toggle{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-input);color:var(--text-faint);cursor:pointer}.web-archive-toggle.active{color:var(--accent-bright);background:rgba(var(--accent-rgb),.18)}.web-archive-toggle[hidden]{display:none}
.web-rest-dialog{width:min(420px,calc(100vw - 40px));padding:36px 30px;border:1px solid var(--border);border-radius:22px;background:var(--surface-input,#181922);color:var(--text,#f3f3f6);text-align:center;box-shadow:0 24px 90px #0008}.web-rest-dialog::backdrop{background:rgba(6,7,12,.8);backdrop-filter:blur(9px)}.web-rest-symbol{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 22px;border-radius:20px;color:var(--accent-bright,#ac8fff);background:rgba(var(--accent-rgb,140,105,255),.14)}.web-rest-dialog h2{font-size:24px;margin:0 0 14px}.web-rest-dialog p{font-size:14px;line-height:1.65;margin:0 0 26px}.web-rest-dialog .web-btn{min-height:44px;min-width:160px;font-size:14px;border-radius:11px}
/* Storage ordering is local; only the team's default is persisted. */
.web-storage-sort{position:relative;display:inline-flex;flex-shrink:0}
#driveBtnSort{display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:9px;border:1px solid #303342;border-radius:10px;background:#15161e;color:#b8bbc8;cursor:pointer}
#driveBtnSort:hover,#driveBtnSort[aria-expanded="true"]{color:#fff;border-color:#8870dd;background:#252136}
.web-storage-sort-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:110;width:280px;max-width:calc(100vw - 36px);padding:18px;background:#202230;color:#e9e8ef;border:1px solid #3b3e50;border-radius:14px;box-shadow:0 16px 45px #0008;text-align:left}
.web-storage-sort-panel[hidden]{display:none}
.web-sort-fields{display:grid;gap:9px;margin:14px 0}
.web-sort-fields>label{font-size:12px;color:#b4b6c4}
.web-sort-fields select{width:100%;min-width:0;background:#161821;color:#eee;border:1px solid #3c4054;border-radius:8px;padding:10px;box-sizing:border-box}
.web-sort-checkbox{display:flex;gap:9px;align-items:center;margin-top:6px}
.web-sort-checkbox input{accent-color:#9473ff;width:16px;height:16px}
.web-sort-settings .web-sort-fields{max-width:420px}
.web-storage-sort-panel .web-muted{font-size:12px;line-height:1.5}

.web-version-actions:has(>button:nth-child(4)){display:grid;grid-template-columns:repeat(2,max-content);flex-shrink:0}.web-version-actions>.primary{border-color:#a98df466;background:#9c7be91f;color:#e9dfff}@media(max-width:680px){.web-version-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.web-version-actions .web-btn{white-space:normal}}
/* New manual version: one explicit subtitle source. */
#webDialog:has(>.web-version-create){width:620px;max-width:calc(100vw - 32px);padding:26px;border-radius:18px}
#webDialog:has(>.web-version-create)>h2{font-size:21px;margin:0 0 20px;letter-spacing:-.4px}
.web-version-create{display:flex;flex-direction:column;gap:16px}
.web-version-destination{padding:0 0 17px;border-bottom:1px solid #ffffff12;min-width:0}
.web-version-destination small{display:block;color:#9e96ae;font-size:9px;letter-spacing:1.5px;margin-bottom:7px}
.web-version-destination strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:#e5e3eb}
.web-version-create h3{font-size:13px;font-weight:600;color:#e6e3ed;margin:2px 0 -3px}
.web-version-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#webDialog .web-version-choice{display:flex;align-items:flex-start;gap:11px;position:relative;padding:16px 32px 16px 14px;min-height:116px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff02;white-space:normal;text-align:left;box-shadow:none;color:#b6afc4;transition:background .15s,border-color .15s}
#webDialog .web-version-choice:hover{border-color:#a797c460;background:#a797c408}
#webDialog .web-version-choice[aria-pressed=true]{border-color:#a88dd7;background:#a88dd712;color:#e8dcff}
.web-version-choice-icon{flex:0 0 22px;width:22px;margin-top:1px}.web-version-choice-icon svg{width:22px;height:22px;display:block}
.web-version-choice-copy{min-width:0}.web-version-choice-copy strong{display:block;color:#eeebf4;font-size:12px;font-weight:600;line-height:1.5}.web-version-choice-copy small{display:block;margin-top:6px;color:#a9a4b6;font-size:11px;line-height:1.65}
.web-version-choice-check{position:absolute;right:12px;top:17px;width:13px;height:13px;border:1px solid #6a6079;border-radius:50%;box-sizing:border-box}
[aria-pressed=true]>.web-version-choice-check{border-color:#bfa4f0;border-width:4px;background:#201a29}
#webDialog .web-version-choice:focus-visible{outline:2px solid #d5bdfb;outline-offset:3px}
.web-version-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#0d0d1366;border:1px solid #ffffff10;border-radius:10px}
.web-version-source[hidden]{display:none}.web-version-source p{margin:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere;min-width:0}.web-version-source p.invalid{color:#f2a6b0}
#webDialog .web-version-file{flex-shrink:0;padding:9px 12px;font-size:11px;background:#ffffff07;border-color:#ffffff20;color:#e5deef;box-shadow:none}
.web-version-outcome{padding:0;margin:0;color:#d8c4f6;font-size:12px;line-height:1.6}
.web-version-create>.web-muted{margin:-8px 0 0;color:#8f8a9a;font-size:11px;line-height:1.7}
.web-version-create-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid #ffffff0c;margin-top:3px}
#webDialog .web-version-create-actions .web-btn{padding:10px 15px;font-size:12px;border-radius:8px}
#webDialog .web-version-create-actions .primary{background:#a489d6;border-color:#b49ae1;color:#17121f;font-weight:650;box-shadow:none}
#webDialog .web-version-create-actions .primary:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:560px){#webDialog:has(>.web-version-create){padding:21px}.web-version-choices{grid-template-columns:1fr}.web-version-choice-copy small{margin-top:3px}#webDialog .web-version-choice{min-height:0;padding:14px 34px 14px 14px}.web-version-source{align-items:stretch;flex-direction:column}.web-version-source .web-version-file{align-self:flex-start}}

/* Home cards and member labels are navigation, not editable document text. */
#projectsGrid,.team-online-sidebar,.cad-greet-title,.cad-greet-sub{-webkit-user-select:none;user-select:none}
#projectsGrid input,#projectsGrid textarea,#projectsGrid [contenteditable=true]{-webkit-user-select:text;user-select:text}

#projectsGrid .project-card.version-drop-target{outline:2px solid #a890df;outline-offset:3px;box-shadow:0 0 0 6px #a890df19;background:#252131}#projectsGrid .project-card.version-drag-source{opacity:.55}.web-stack-pair{display:flex;flex-direction:column;gap:12px;margin:16px 0}.web-stack-project{display:flex;align-items:center;gap:12px;padding:14px;border-radius:11px;background:#ffffff05;border:1px solid #ffffff12}.web-stack-project img{width:90px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.web-stack-project small,.web-stack-project strong{display:block}.web-stack-project small{font-size:11px;color:#b8a9cf;margin-bottom:5px}.web-stack-project strong{font-size:13px;overflow-wrap:anywhere}.web-stack-confirm{max-width:540px}

.web-editor-handoff{position:fixed;z-index:99999;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #ffffff20;border-radius:12px;background:#252332;color:#eee9f5;box-shadow:0 8px 28px #0005;font:12px/1.5 system-ui;pointer-events:none;animation:editor-handoff-in .2s .35s both}.web-editor-handoff[hidden]{display:none}@keyframes editor-handoff-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.web-editor-handoff{animation:none}}

/* Recientes shares the storage funnel, keeping the view and archive controls compact. */
.web-recents-sort[hidden]{display:none}#recentBtnSort{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-input);color:var(--text-faint);cursor:pointer}#recentBtnSort:hover,#recentBtnSort[aria-expanded=true],#recentBtnSort.has-custom-sort{color:var(--text);border-color:#8870dd;background:#252136}.web-recents-sort .web-storage-sort-panel{position:fixed;right:auto;overflow:auto;width:280px;box-sizing:border-box;animation:recent-sort-in 160ms ease-out;transform-origin:top right}.web-recents-sort .web-muted{margin-bottom:0}.web-recents-sort{margin-right:8px}
@keyframes recent-sort-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
#projectsGrid .project-card.version-drag-source{opacity:.32;filter:grayscale(1);border-color:#707581;box-shadow:inset 0 0 0 1px #ffffff15;transition:opacity 140ms ease,filter 140ms ease}#projectsGrid .project-card[draggable=true]{cursor:grab}#projectsGrid .project-card.version-drag-source{cursor:grabbing}
.web-project-drag-preview{position:fixed;z-index:2147483646;width:148px;pointer-events:none;user-select:none;transform:translate(-50%,-50%) rotate(-3deg);padding:5px;border-radius:16px;background:#272a35;border:1px solid #ffffff30;box-shadow:0 22px 48px #0009,0 4px 12px #0006;overflow:hidden}.web-project-drag-thumb{position:relative;height:112px;border-radius:11px;background:#313340 center/cover;display:grid;place-items:center;overflow:hidden}.web-project-drag-initial{font:600 36px system-ui;color:#eeedf4}.web-project-drag-duration{position:absolute;right:7px;bottom:7px;padding:3px 6px;border-radius:5px;background:#06070be6;color:#fff;font:600 11px ui-monospace,monospace}.web-project-drag-name{padding:8px 5px 5px;color:#f3f1f8;font:600 11px/1.3 system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-project-drag-blank{position:fixed;left:0;top:0;pointer-events:none;width:1px;height:1px}
@media(max-width:560px){.web-recents-sort .web-storage-sort-panel{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.web-recents-sort .web-storage-sort-panel{animation:none}#projectsGrid .project-card.version-drag-source{transition:none}}

.web-project-drag-preview.is-rejected{animation:project-drag-rejected 700ms ease-out forwards;border-color:#b8788170}.web-project-drag-blocked{position:absolute;inset:0;display:grid;place-items:center;background:#15131d85;color:#f2b2bb}.web-project-drag-blocked svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8}.web-project-drag-preview.is-rejected .web-project-drag-name{font-size:10px;text-align:center}
@keyframes project-drag-rejected{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}15%,35%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg)}25%,45%{opacity:1;transform:translate(-50%,-50%) rotate(4deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.78)}}
@media(prefers-reduced-motion:reduce){.web-project-drag-preview.is-rejected{animation:project-drag-rejected-reduced 700ms linear forwards}@keyframes project-drag-rejected-reduced{0%,65%{opacity:1}100%{opacity:0}}}

/* Version rows are controls, not draggable images or selectable text. */
.web-manual-version-menu{user-select:none;-webkit-user-select:none}
.web-manual-version-menu img{-webkit-user-drag:none;pointer-events:none}
.web-manual-version-item{display:flex;align-items:center;gap:4px;min-width:0}
.web-manual-version-item .web-manual-version-option{flex:1;min-width:0}
.web-manual-version-option.web-btn:focus{outline:none}
.web-manual-version-option.web-btn:focus-visible{outline:2px solid #bba1ef;outline-offset:-3px}
.web-manual-version-option.web-btn.selected{background:#a98bdd16;border-color:#a98bdd44}
.web-version-separate.web-btn{flex:0 0 32px;width:32px;height:32px;padding:7px;color:#9995ac;background:transparent;border-color:transparent}
.web-version-separate.web-btn:hover{background:#a98bdd1c;color:#e1d4ff}
.web-version-separate svg{width:16px;height:16px;display:block}

/* Novedades: a full home section with illustrated release highlights. */
.cad-nav .web-changelog-trigger{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-family:inherit;transform:none;white-space:nowrap}
.cad-nav .web-changelog-trigger:hover{background:transparent;color:var(--text)}
.cad-nav .web-changelog-trigger.active{border-bottom-color:var(--accent);color:var(--text)}
.cad-nav .web-changelog-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
#projectsSection.showing-changes{padding-right:24px}
#projectsSection.showing-changes>.cad-greeting-row,#projectsSection.showing-changes>#projectsGrid,#projectsSection.showing-changes>#driveSection,#projectsSection.showing-changes>.team-online-sidebar{display:none!important}
.web-showing-changes .cad-topnav-right .cad-search{display:none}
.web-changes{max-width:1220px;margin:0 auto;padding:20px 0 56px;color:var(--text);font-family:var(--sans)}
.web-changes[hidden]{display:none!important}
.changes-hero{position:relative;padding:42px 44px 36px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:radial-gradient(ellipse at 90% 0,rgba(var(--accent-rgb),.17),transparent 60%),var(--panel)}
.changes-hero::after{content:'';position:absolute;right:36px;top:35px;width:240px;height:240px;border:1px solid rgba(var(--accent-rgb),.1);border-radius:50%;box-shadow:0 0 0 36px rgba(var(--accent-rgb),.025),0 0 0 72px rgba(var(--accent-rgb),.02);pointer-events:none}
.changes-eyebrow{margin:0 0 18px;font-size:10px;font-weight:650;letter-spacing:.15em;color:var(--text-dim)}
.changes-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-dim)}
.changes-status{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.08);color:var(--accent-text,var(--accent))}
.changes-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.changes-hero h1{position:relative;z-index:1;margin:24px 0 16px;font-size:clamp(30px,3.6vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.6px}
.changes-hero h1>span{display:block;color:var(--accent-text,var(--accent))}
.changes-lead{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.65;color:var(--text-dim);max-width:490px}
.changes-jumps{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.changes-jumps button{display:inline-flex;gap:12px;align-items:center;padding:9px 14px;border:1px solid var(--border-strong);border-radius:9px;background:var(--panel);color:var(--text);font-size:12px;box-shadow:none}
.changes-jumps button>span:first-child{font:10px var(--mono);color:var(--text-dim)}
.changes-jumps button>span:last-child{color:var(--accent)}
.changes-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.changes-highlight{min-width:0;padding:0 0 20px;overflow:hidden;text-align:left;white-space:normal;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:none;color:var(--text);transition:transform .18s,border-color .18s}
.changes-highlight:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.5);background:var(--panel);box-shadow:none}
.changes-demo{height:156px;display:flex;flex-direction:column;justify-content:center;padding:22px 26px;box-sizing:border-box;margin-bottom:20px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 50% 0,rgba(var(--accent-rgb),.09),transparent 85%),var(--surface-input,var(--panel-2));pointer-events:none;user-select:none}
.changes-highlight-label{display:flex;align-items:center;gap:9px;padding:0 18px;font-size:13px}
.changes-highlight-label strong{flex:1;font-weight:600;line-height:1.5}
.changes-highlight-label>span:last-child{color:var(--text-dim)}
.changes-highlight>p{margin:9px 18px 0;color:var(--text-dim);font-size:12px;line-height:1.6;font-weight:400}
.changes-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.changes-icon svg{width:20px;height:20px;display:block}
.changes-demo-search{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(var(--accent-rgb),.4);background:var(--panel);border-radius:7px;font-size:12px}
.changes-demo-search>b{flex:1;font-weight:500}.changes-demo-search>span{color:var(--text-dim)}
.changes-demo-caption{margin-top:13px;text-align:center;font-size:12px;font-weight:400}.changes-demo-caption mark{padding:2px 4px;color:var(--text);background:rgba(var(--accent-rgb),.3);border-radius:3px}
.changes-demo small{font-size:9px;color:var(--text-dim);margin-top:12px;display:flex;justify-content:space-between;font-weight:400}.changes-demo small>span{color:var(--accent)}
.changes-demo-line{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:400;line-height:1.6}.changes-demo-line>i{width:4px;align-self:stretch;border-radius:3px;background:var(--accent)}.changes-demo-line.second>i{background:#65babb}.changes-demo-gap{display:flex;align-items:center;gap:8px;margin:4px 0 4px 14px;color:var(--text-dim);font-size:13px}.changes-demo-gap i{height:0;flex:1;border-top:1px dashed var(--border-strong)}
.changes-demo-style{display:flex;align-items:center;gap:12px}.changes-demo-style>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #9587dd55;border-radius:9px;background:#7360c51a;color:#b6a6ff;font-size:18px;font-weight:600}.changes-demo-style>span{font-size:9px;color:var(--text-dim);flex:1;font-weight:400}.changes-demo-style strong{display:flex;justify-content:space-between;color:var(--text);font-size:12px;font-weight:500;margin-top:4px}.changes-demo-style i{font-style:normal;color:var(--text-dim)}
.changes-demo-tracks{display:grid;grid-template-columns:1fr 1fr 1fr 22px;gap:5px;margin-top:22px;align-items:center}.changes-demo-tracks i{height:16px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:3px;background:rgba(var(--accent-rgb),.16)}.changes-demo-tracks i:nth-child(2){opacity:.7}.changes-demo-tracks i:nth-child(3){opacity:.45}.changes-demo-tracks span{text-align:right;color:#65babb;font-size:14px}
.changes-pending{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text-dim);margin:18px 4px 0;line-height:1.6}.changes-pending svg{width:14px;height:14px}
.changes-product{margin-top:52px}.changes-product-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.changes-product-head>.changes-icon,.changes-product-pr{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.22);border-radius:12px;background:rgba(var(--accent-rgb),.075);color:var(--accent)}.changes-product-pr{color:#b6a6ff;background:#7360c512;border-color:#9587dd35;font-size:21px;font-weight:600}.changes-product-head h2{font-size:24px;margin:0;font-weight:600;letter-spacing:-.5px}.changes-product-head p{font-size:12px;color:var(--text-dim);margin:4px 0 0}.changes-count{margin-left:auto;color:var(--text-dim);font-size:11px;padding:5px 9px;border:1px solid var(--border);border-radius:20px;white-space:nowrap}
.changes-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.changes-item{display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--border);border-radius:13px;background:var(--panel);scroll-margin-top:24px;min-width:0}.changes-item>.changes-icon{padding-top:2px;opacity:.8}.changes-item h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 8px}.changes-item p{font-size:12px;line-height:1.75;color:var(--text-dim);margin:0;overflow-wrap:anywhere}.changes-product h2{scroll-margin-top:24px}.web-changes :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.web-changes [tabindex="-1"]:focus:not(:focus-visible){outline:none}
.changes-update{margin-top:44px;padding:30px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.06),transparent 60%),var(--panel)}.changes-update h2{font-size:23px;letter-spacing:-.4px;font-weight:600;margin:0 0 20px}.changes-update-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px}.changes-update h3{font-size:13px;margin:0 0 6px}.changes-update p:not(.changes-eyebrow){font-size:12px;color:var(--text-dim);line-height:1.7;margin:0}.changes-update small{display:block;margin-top:18px;font-size:11px;color:var(--text-dim)}
@media(max-width:850px){.changes-hero{padding:30px}.changes-demo{padding:18px}.changes-highlight-label{padding:0 12px;font-size:12px}.changes-highlight>p{margin-inline:12px}.changes-highlights{gap:10px}.changes-grid{grid-template-columns:1fr}.changes-hero::after{right:-110px}}
@media(max-width:600px){.web-changes{padding-top:6px}.changes-hero{padding:24px;border-radius:18px}.changes-hero h1{font-size:32px;letter-spacing:-1px}.changes-highlights{grid-template-columns:1fr}.changes-demo{height:140px;padding-inline:32px}.changes-highlight-label{padding-inline:20px;font-size:14px}.changes-highlight>p{margin-inline:20px}.changes-product{margin-top:34px}.changes-product-head{gap:10px}.changes-product-head h2{font-size:21px}.changes-count{font-size:10px}.changes-item{padding:18px;gap:12px}.changes-update{padding:22px}.changes-update-steps{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.changes-highlight{transition:none}.changes-highlight:hover{transform:none}}
/* Only the six selected release notes; illustrated cards are informational. */
.changes-highlight:hover{transform:none;border-color:var(--border)}
.changes-highlight>p.changes-highlight-product{font-size:10px;margin:0 18px 9px;color:var(--accent-text,var(--accent));font-weight:600}
.changes-grid>.changes-item:last-child:nth-child(odd){grid-column:1/-1}

.web-frame-media-notice{position:absolute;z-index:15;left:12px;right:12px;top:12px;padding:11px 14px;border:1px solid #b99cf54d;border-radius:10px;background:#181422ed;color:#eee6fb;font:12px/1.5 var(--sans);pointer-events:none}.web-frame-media-notice[hidden]{display:none}