/* Schepo Bento Studio — scoped replica of the product's default Bento Grid theme */
.bento-studio-section {
  --cd-bg: #f1f0f6;
  --cd-surface: #fff;
  --cd-surface-2: #f6f5fb;
  --cd-surface-3: #eceaf6;
  --cd-border: #e7e5f1;
  --cd-border-strong: #d6d3e7;
  --cd-ink: #1e1b2e;
  --cd-ink-2: #6b6880;
  --cd-ink-3: #9d99b5;
  --cd-violet: #5b4be5;
  --cd-violet-2: #7c3aed;
  --cd-violet-soft: #ece9fe;
  --cd-violet-border: #cfc7f9;
  --cd-green: #22c55e;
  --cd-lime: #84cc16;
  --cd-amber: #f59e0b;
  --cd-red: #ef4444;
  --cd-poppins: 'Poppins', 'Inter', sans-serif;
  --cd-mono: 'JetBrains Mono', monospace;
  padding: 132px 0 126px;
  border-bottom: 1px solid var(--line);
  background: #f6f5fa;
}
.bento-studio { display:grid; grid-template-columns:280px minmax(0,1fr); min-height:970px; overflow:hidden; border:1px solid #dad7e8; border-radius:24px; background:#fff; box-shadow:0 28px 80px rgba(30,27,46,.13) }
.studio-module-rail { min-width:0; border-right:1px solid var(--cd-border); background:#f1f0f6 }
.studio-rail-head { position:sticky; z-index:4; top:0; display:flex; height:58px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--cd-border); background:rgba(241,240,246,.95); padding:0 17px; backdrop-filter:blur(12px) }
.studio-rail-head span { color:var(--cd-ink-3); font-family:var(--cd-mono); font-size:8px; letter-spacing:.12em; text-transform:uppercase }
.studio-rail-head b { border:1px solid var(--cd-border-strong); border-radius:99px; padding:5px 8px; color:var(--cd-ink-2); font-family:var(--cd-mono); font-size:7px }
.studio-module-list { max-height:912px; overflow:auto; scrollbar-width:thin; scrollbar-color:#cbc7dc transparent }
.studio-module-group h3 { margin:0; border-bottom:1px solid var(--cd-border); padding:13px 16px 7px; color:var(--cd-ink-3); font-family:var(--cd-mono); font-size:7px; font-weight:600; letter-spacing:.13em; text-transform:uppercase }
.studio-module-group button { position:relative; display:flex; width:100%; min-height:52px; flex-direction:column; justify-content:center; gap:2px; border:0; border-bottom:1px solid var(--cd-border); background:transparent; color:var(--cd-ink); padding:9px 18px; text-align:left; cursor:pointer; transition:background .2s,color .2s }
.studio-module-group button::before { content:''; position:absolute; inset:8px auto 8px 0; width:3px; border-radius:0 3px 3px 0; background:linear-gradient(var(--cd-violet),var(--cd-violet-2)); transform:scaleY(0); transition:transform .2s }
.studio-module-group button:hover { background:rgba(255,255,255,.65) }
.studio-module-group button.is-active { background:#fff; color:var(--cd-violet) }
.studio-module-group button.is-active::before { transform:scaleY(1) }
.studio-module-group button span { font:600 10px/1.3 var(--cd-poppins) }
.studio-module-group button small { overflow:hidden; color:var(--cd-ink-3); font:400 7px/1.3 var(--cd-poppins); text-overflow:ellipsis; white-space:nowrap }
.studio-panel { min-width:0; display:flex; flex-direction:column; outline:0 }
.studio-panel:focus-visible { box-shadow:inset 0 0 0 3px var(--cd-violet-border) }
.studio-copy { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr); column-gap:45px; padding:35px 38px 30px }
.studio-copy-meta { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; margin-bottom:24px }
.studio-copy-meta span { color:var(--cd-ink-3); font-family:var(--cd-mono); font-size:8px }
.studio-copy-meta em { border:1px solid var(--cd-violet-border); border-radius:99px; background:var(--cd-violet-soft); color:var(--cd-violet); padding:5px 9px; font-family:var(--cd-mono); font-size:6px; font-style:normal; letter-spacing:.05em }
.studio-copy .feature-kicker { margin:0 0 9px; color:var(--cd-violet); font-family:var(--cd-mono); font-size:8px; letter-spacing:.11em; text-transform:uppercase }
.studio-copy h3 { margin:0; color:var(--cd-ink); font:700 clamp(32px,3.7vw,52px)/1 var(--cd-poppins); letter-spacing:-.055em }
.studio-copy > p:not(.feature-kicker) { max-width:620px; margin:17px 0 0; color:var(--cd-ink-2); font:400 13px/1.75 var(--cd-poppins) }
.studio-copy ul { grid-row:2/5; grid-column:2; align-self:end; margin:0; padding:0; list-style:none }
.studio-copy li { display:flex; align-items:center; gap:9px; border-top:1px solid var(--cd-border); padding:11px 0; color:var(--cd-ink-2); font:500 9px/1.45 var(--cd-poppins) }
.studio-copy li:last-child { border-bottom:1px solid var(--cd-border) }
.studio-copy li i { display:grid; width:18px; height:18px; flex:0 0 auto; place-items:center; border-radius:50%; background:#e8f8ee; color:var(--cd-green); font-size:7px; font-style:normal }
.studio-stage-wrap { position:relative; margin:0 25px; overflow:hidden; border:1px solid #312d44; border-radius:15px; background:#1b1829; box-shadow:0 24px 55px rgba(30,27,46,.22) }
.studio-stage-toolbar { display:grid; min-height:44px; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:6px 12px; color:#9f9aaf }
.studio-stage-toolbar > span { display:flex; gap:6px }
.studio-stage-toolbar > span i { width:7px; height:7px; border-radius:50%; background:#555064 }
.studio-stage-toolbar > span i:first-child { background:#ef6a55 }.studio-stage-toolbar > span i:nth-child(2){background:#e3b54d}.studio-stage-toolbar > span i:nth-child(3){background:#5fb981}
.studio-stage-toolbar > b { font:500 7px var(--cd-mono); letter-spacing:.05em }
.studio-playback { justify-self:end; display:flex; gap:5px }
.studio-playback button { min-height:29px; border:1px solid #433e54; border-radius:6px; background:transparent; color:#b8b2c4; padding:0 8px; font:500 6px var(--cd-mono); cursor:pointer }
.studio-playback button:hover { border-color:#756e8d; color:#fff }.studio-playback button:disabled { opacity:.32; cursor:not-allowed }
.studio-current-step { display:grid; min-height:53px; grid-template-columns:auto 1fr; column-gap:12px; align-content:center; border-top:1px solid #302b41; border-bottom:1px solid #302b41; background:#211d30; padding:8px 14px; color:#fff }
.studio-current-step span { grid-row:1/3; align-self:center; border-radius:5px; background:var(--cd-violet); padding:5px 7px; font:600 5px var(--cd-mono); letter-spacing:.06em }
.studio-current-step b { font:600 8px var(--cd-poppins) }.studio-current-step small { color:#9690a5; font:400 6px/1.35 var(--cd-poppins) }
.studio-viewport { position:relative; height:610px; overflow:hidden; background:var(--cd-bg) }
.studio-cursor { position:absolute; z-index:999; width:22px; height:28px; left:0; top:0; pointer-events:none; transition:transform .55s cubic-bezier(.2,.85,.25,1); filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)) }
.studio-cursor svg { width:22px; height:28px; fill:#ff6243; stroke:#ffffff; stroke-width:2 }.studio-cursor i { position:absolute; width:18px; height:18px; left:-5px; top:-4px; border:2.5px solid #ff6243; border-radius:50%; opacity:0 }
.studio-cursor.is-clicking i { animation:cdCursorClick .5s ease-out }
@keyframes cdCursorClick { from{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(2.2)} }
.studio-transcript-wrap { display:grid; grid-template-columns:155px 1fr; gap:20px; margin:22px 25px 28px; border-top:1px solid var(--cd-border); padding-top:17px }
.studio-transcript-wrap > div { display:flex; flex-direction:column; gap:4px }.studio-transcript-wrap > div span { color:var(--cd-ink); font:600 8px var(--cd-mono); letter-spacing:.08em; text-transform:uppercase }.studio-transcript-wrap > div small { color:var(--cd-ink-3); font:400 6px/1.5 var(--cd-poppins) }
.studio-transcript-wrap ol { display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)); gap:6px; margin:0; padding:0; list-style:none }
.studio-transcript-wrap button { display:flex; width:100%; min-height:68px; align-items:flex-start; gap:7px; border:1px solid var(--cd-border); border-radius:9px; background:#fff; padding:8px; text-align:left; cursor:pointer }.studio-transcript-wrap li.is-active button { border-color:var(--cd-violet); background:var(--cd-violet-soft) }.studio-transcript-wrap li.is-complete button { border-color:#bfe5ca }
.studio-transcript-wrap button > i { display:grid; width:18px; height:18px; flex:0 0 auto; place-items:center; border-radius:50%; background:var(--cd-surface-3); color:var(--cd-ink-3); font:600 6px var(--cd-mono); font-style:normal }.studio-transcript-wrap .is-active button>i { background:var(--cd-violet);color:#fff }.studio-transcript-wrap .is-complete button>i { background:var(--cd-green);color:#fff }
.studio-transcript-wrap button span { display:flex; min-width:0; flex-direction:column; gap:3px }.studio-transcript-wrap button b { color:var(--cd-ink); font:600 7px var(--cd-poppins) }.studio-transcript-wrap button small { color:var(--cd-ink-3); font:400 5.5px/1.4 var(--cd-poppins) }
.studio-evidence { display:grid; grid-template-columns:repeat(3,1fr); margin-top:28px; border-top:1px solid var(--line); border-bottom:1px solid var(--line) }.studio-evidence>div { display:flex; min-height:105px; flex-direction:column; justify-content:center; gap:7px; border-right:1px solid var(--line); padding:20px }.studio-evidence>div:last-child{border-right:0}.studio-evidence b{font-size:12px}.studio-evidence span{color:var(--ink-3);font-size:9px;line-height:1.55}

/* App shell */
.schepo-demo,.schepo-demo * { box-sizing:border-box }
.schepo-demo { position:absolute; inset:0; overflow:hidden; background:var(--cd-bg); color:var(--cd-ink); font-family:var(--cd-poppins) }
.cd-topbar { position:relative; z-index:12; display:grid; height:57px; grid-template-columns:125px 1fr auto; align-items:center; border-bottom:1px solid var(--cd-border); background:rgba(255,255,255,.92); padding:0 13px; backdrop-filter:blur(15px) }
.cd-brand { display:flex; align-items:center; gap:7px }.cd-brand>span { display:flex; width:26px; height:26px; align-items:center; justify-content:center; gap:1.5px; border-radius:8px; background:linear-gradient(145deg,var(--cd-violet),var(--cd-violet-2)) }.cd-brand>span i{width:2px;height:7px;border-radius:3px;background:#fff}.cd-brand>span i:nth-child(2){height:16px}.cd-brand>span i:nth-child(3){height:10px}.cd-brand>span i:nth-child(4){height:13px}.cd-brand b{font-size:11px;letter-spacing:-.03em}
.cd-topbar nav { display:flex; align-items:center; justify-content:center; gap:2px }.cd-topbar nav>div { position:relative; border-radius:8px; color:var(--cd-ink-2); padding:7px 8px; font-size:6.5px; font-weight:600 }.cd-topbar nav>div.is-active { background:var(--cd-violet-soft);color:var(--cd-violet) }.cd-more{border:1px solid transparent}
.cd-top-actions { display:flex; align-items:center; gap:5px }.cd-top-actions>div { display:grid; min-width:27px; height:27px; place-items:center; border:1px solid var(--cd-border); border-radius:7px; background:#fff; color:var(--cd-ink-2); font-size:7px }.cd-search-mini { display:flex!important; width:100px; align-items:center; justify-content:space-between!important; padding:0 6px; color:var(--cd-ink-3)!important }.cd-search-mini kbd{border:1px solid var(--cd-border);border-radius:3px;padding:1px 3px;font:5px var(--cd-mono)}.cd-top-actions .cd-avatar{border:0;border-radius:50%;background:var(--cd-ink);color:#fff}.cd-top-actions .cd-create{width:auto;border:0;background:linear-gradient(135deg,var(--cd-violet),var(--cd-violet-2));color:#fff;padding:0 10px;font-weight:700}
.cd-more-menu { position:absolute; z-index:50; width:160px; right:148px; top:52px; border:1px solid var(--cd-border); border-radius:10px; background:#fff; padding:7px; box-shadow:0 15px 35px rgba(30,27,46,.16) }.cd-more-menu span{display:block;padding:6px 7px;color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-more-menu div{border-radius:6px;padding:7px;color:var(--cd-ink-2);font-size:7px}.cd-more-menu div:first-of-type{background:var(--cd-violet-soft);color:var(--cd-violet);font-weight:700}
.cd-canvas { position:absolute; inset:57px 0 0; overflow:hidden; padding:19px 21px; background-image:radial-gradient(circle at 10% 20%,rgba(91,75,229,.06),transparent 28%),radial-gradient(circle at 85% 12%,rgba(124,58,237,.05),transparent 27%) }
.cd-page-head { display:flex; min-height:42px; align-items:flex-start; justify-content:space-between }.cd-page-head h3{margin:0;font-size:18px;line-height:1.05;letter-spacing:-.04em}.cd-page-head p{margin:4px 0 0;color:var(--cd-ink-3);font-size:6px}.cd-status-note{max-width:270px;border:1px solid var(--cd-violet-border);border-radius:99px;background:var(--cd-violet-soft);color:var(--cd-violet);padding:5px 8px;font:500 5.5px var(--cd-mono);text-align:center}
.is-demo-target { position:relative; z-index:20!important; box-shadow:0 0 0 3px rgba(91,75,229,.22),0 8px 22px rgba(91,75,229,.14)!important }.cd-demo-toast{position:absolute;z-index:70;right:14px;bottom:13px;border:1px solid #bfe5ca;border-radius:8px;background:#fff;color:var(--cd-green);padding:8px 11px;font-size:7px;box-shadow:0 10px 25px rgba(30,27,46,.1)}.cd-demo-toast:empty{display:none}
.cd-btn { min-height:28px;border:1px solid var(--cd-border-strong);border-radius:8px;background:#fff;color:var(--cd-ink-2);padding:0 9px;font:600 6px var(--cd-poppins) }.cd-btn-primary{border:0;background:linear-gradient(135deg,var(--cd-violet),var(--cd-violet-2));color:#fff;box-shadow:0 5px 12px rgba(91,75,229,.2)}.cd-btn-danger{border-color:#f3c1c1;color:var(--cd-red);background:#fff5f5}.cd-badge{display:inline-flex;align-items:center;width:max-content;border-radius:99px;background:var(--cd-violet-soft);color:var(--cd-violet);padding:4px 7px;font:600 5px var(--cd-mono)}.cd-badge-green{background:#e7f8ed;color:#169447}.cd-badge-amber{background:#fff5dd;color:#b97912}.cd-badge-red{background:#fff0f0;color:#d33}.cd-platform{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--cd-violet);color:#fff;font:700 5px var(--cd-poppins)}.cd-platform-red{background:#e52d27}.cd-platform-pink{background:#e1306c}.cd-platform-blue{background:#0a66c2}.cd-inline{display:flex;align-items:center;gap:5px}.cd-actions{display:flex;align-items:center;gap:6px}.cd-section-label{margin:12px 0 6px;color:var(--cd-ink-3);font:600 5.5px var(--cd-mono);letter-spacing:.08em}.cd-toolbar{display:flex;min-height:39px;align-items:center;justify-content:space-between;margin:4px 0 10px}.cd-toolbar>div:first-child{display:flex;flex-direction:column;gap:2px}.cd-toolbar b{font-size:9px}.cd-toolbar small{color:var(--cd-ink-3);font-size:5.5px}.cd-search{display:flex;width:160px;height:29px;align-items:center;border:1px solid var(--cd-border);border-radius:8px;background:#fff;color:var(--cd-ink-3);padding:0 9px;font-size:6px}
.cd-field{display:flex;min-width:0;flex-direction:column;gap:5px}.cd-field>span{color:var(--cd-ink-3);font:600 5px var(--cd-mono);letter-spacing:.06em}.cd-field>div{min-height:31px;overflow:hidden;border:1px solid var(--cd-border);border-radius:7px;background:#fff;padding:8px;color:var(--cd-ink-2);font-size:6px;text-overflow:ellipsis;white-space:nowrap}.cd-field.is-wide{grid-column:1/-1}.cd-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cd-setting{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--cd-border);padding:9px 0}.cd-setting>span{display:flex;flex-direction:column;gap:2px}.cd-setting b{font-size:7px}.cd-setting small{color:var(--cd-ink-3);font-size:5px}.cd-toggle{position:relative;width:27px;height:15px;border-radius:99px;background:#d9d6e5}.cd-toggle::after{content:'';position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.cd-toggle.is-on{background:var(--cd-violet)}.cd-toggle.is-on::after{left:14px}
.cd-modal{position:absolute;z-index:40;inset:0;display:grid;place-items:center;background:rgba(30,27,46,.28);backdrop-filter:blur(2px)}.cd-modal-card{width:420px;max-height:470px;overflow:hidden;border:1px solid var(--cd-border);border-radius:18px;background:#fff;box-shadow:0 25px 60px rgba(30,27,46,.24)}.cd-modal-card>header,.cd-drawer>header{display:flex;height:46px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cd-border);padding:0 15px}.cd-modal-card>header b,.cd-drawer>header b{font-size:9px}.cd-modal-card>header span,.cd-drawer>header span{color:var(--cd-ink-3);font-size:7px}.cd-modal-card .cd-form-grid{padding:15px}.cd-modal-card footer{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--cd-border);padding:11px 15px}.cd-confirm{padding:25px}.cd-confirm strong{font-size:13px}.cd-confirm p{color:var(--cd-ink-2);font-size:7px;line-height:1.6}.cd-confirm>div{display:flex;justify-content:flex-end;margin-top:20px}.cd-drawer{position:absolute;z-index:35;width:440px;right:20px;top:66px;bottom:20px;overflow:auto;border:1px solid var(--cd-border);border-radius:15px;background:#fff;padding:0 15px 15px;box-shadow:0 20px 45px rgba(30,27,46,.18)}.cd-drawer>header{margin:0 -15px 14px}

/* Module layouts */
.cd-bento{display:grid;height:493px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:9px}.cd-tile{display:flex;min-width:0;flex-direction:column;border:1px solid var(--cd-border);border-radius:19px;background:#fff;padding:13px;box-shadow:0 3px 9px rgba(30,27,46,.035)}.cd-tile>span{color:var(--cd-ink-3);font:600 5px var(--cd-mono);letter-spacing:.08em}.cd-tile>strong{margin-top:auto;font-size:28px;letter-spacing:-.06em}.cd-tile>small{color:var(--cd-ink-3);font-size:5px}.cd-tile-hero{grid-row:span 2;background:linear-gradient(145deg,var(--cd-violet),var(--cd-violet-2));color:#fff}.cd-tile-hero>span,.cd-tile-hero>small{color:#dcd8ff}.cd-tile-hero em{margin-top:5px;font-size:6px;font-style:normal}.cd-tile-hero svg{width:100%;height:60px;margin-top:15px}.cd-tile-hero path{fill:none;stroke:#fff;stroke-width:3}.cd-tile-lime{background:linear-gradient(145deg,#b8e84a,var(--cd-lime));color:#16220a}.cd-tile-lime>span,.cd-tile-lime>small{color:#38500f}.cd-tile-dark{background:var(--cd-ink);color:#fff}.cd-tile-dark>span,.cd-tile-dark>small{color:#aaa5b8}.cd-platform-stack{display:flex;margin:auto 0 8px}.cd-platform-stack .cd-platform+ .cd-platform{margin-left:-5px;border:2px solid #fff}.cd-tile-wide{grid-column:span 2}.cd-next strong{margin:17px 0;font-size:13px}.cd-tile-chart{grid-column:span 3}.cd-bars{display:flex;flex:1;align-items:end;gap:5px;margin-top:10px}.cd-bars i{flex:1;border-radius:4px 4px 0 0;background:#dcd9eb}.cd-bars i.hot{background:linear-gradient(var(--cd-violet),var(--cd-violet-2))}
.cd-calendar{overflow:hidden;border:1px solid var(--cd-border);border-radius:12px;background:#fff}.cd-week,.cd-days{display:grid;grid-template-columns:repeat(7,1fr)}.cd-week span{padding:8px;border-right:1px solid var(--cd-border);color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-days{border-top:1px solid var(--cd-border)}.cd-day{height:88px;border-right:1px solid var(--cd-border);border-bottom:1px solid var(--cd-border);padding:7px;background:#fff}.cd-day:nth-child(7n){border-right:0}.cd-day b{font:500 6px var(--cd-mono)}.cd-day small{display:block;margin-top:5px;overflow:hidden;border-left:2px solid var(--cd-violet);border-radius:3px;background:var(--cd-violet-soft);padding:4px;color:var(--cd-violet);font-size:5px;white-space:nowrap;text-overflow:ellipsis}.cd-day small.pink{border-color:#e1306c;background:#fff0f6;color:#b91d5a}.cd-day small.green{border-color:var(--cd-green);background:#e8f8ee;color:#168842}.cd-day.is-selected{z-index:2;background:#f5f3ff;box-shadow:inset 0 0 0 2px var(--cd-violet)}.cd-float-card{position:absolute;z-index:25;width:230px;right:34px;bottom:35px;border:1px solid var(--cd-violet-border);border-radius:12px;background:#fff;padding:13px;box-shadow:0 16px 35px rgba(30,27,46,.18)}.cd-float-card>b,.cd-float-card>small{display:block}.cd-float-card>b{font-size:8px}.cd-float-card>small{margin:4px 0 10px;color:var(--cd-ink-3);font-size:5px}.cd-float-card .cd-btn{float:right;margin-top:10px}
.cd-list{display:flex;flex-direction:column;gap:8px}.cd-list-row{display:grid;min-height:70px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:10px 12px}.cd-list-row>i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--cd-surface-3);font:600 6px var(--cd-mono);font-style:normal}.cd-list-row>span{display:flex;flex-direction:column;gap:3px}.cd-list-row b{font-size:8px}.cd-list-row small{color:var(--cd-ink-3);font-size:5px}.cd-list-row.is-warning{border-color:#f4d69a;background:#fffaf0}
.cd-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cd-post-card{overflow:hidden;border:1px solid var(--cd-border);border-radius:15px;background:#fff}.cd-media-gradient{height:145px;background:linear-gradient(140deg,#6d5cf0,#9e6cff 47%,#c8f168 48%)}.cd-media-gradient.has-video{display:grid;place-items:center;background-image:url('../assets/schepo-original-thumbnail.png');background-size:cover;background-position:center}.cd-media-gradient span{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:rgba(30,27,46,.78);color:#fff}.cd-post-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px;padding:10px}.cd-post-card b{font-size:7px}.cd-post-card small{color:var(--cd-ink-3);font-size:5px}.cd-post-card>.cd-btn{margin:0 10px 10px;float:right}
.cd-composer{display:grid;grid-template-columns:1.15fr .85fr;height:440px;overflow:hidden;border:1px solid var(--cd-border);border-radius:14px;background:#fff}.cd-composer-main{overflow:auto;border-right:1px solid var(--cd-border);padding:14px}.cd-platform-picks{display:flex;gap:7px}.cd-platform-pick{display:grid;grid-template-columns:26px 1fr;gap:3px 7px;align-items:center;border:1px solid var(--cd-border);border-radius:9px;padding:7px}.cd-platform-pick .cd-platform{grid-row:1/3}.cd-platform-pick b{font-size:7px}.cd-platform-pick small{color:var(--cd-ink-3);font-size:5px}.cd-platform-pick.is-selected{border-color:var(--cd-violet);background:var(--cd-violet-soft)}.cd-composer .cd-form-grid{margin-top:12px}.cd-asset-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cd-upload-zone{display:flex;height:82px;align-items:center;gap:8px;overflow:hidden;border:1px dashed var(--cd-border-strong);border-radius:9px;background:var(--cd-surface-2);padding:8px}.cd-upload-zone video,.cd-upload-zone img{width:76px;height:52px;object-fit:cover;border-radius:6px}.cd-upload-zone>span{display:flex;min-width:0;flex-direction:column;gap:3px}.cd-upload-zone b{font-size:6px}.cd-upload-zone small{color:var(--cd-ink-3);font-size:5px}.cd-options{margin-top:8px}.cd-preview{padding:13px;background:var(--cd-surface-2)}.cd-preview>span{color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-video-preview{display:grid;height:220px;place-items:center;margin:10px 0;border-radius:10px;background:var(--cd-ink);color:#fff}.cd-video-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}.cd-preview>b,.cd-preview>small{display:block}.cd-preview>b{font-size:8px}.cd-preview>small{margin-top:4px;color:var(--cd-ink-3);font-size:5px}.cd-composer-foot{display:flex;height:42px;align-items:center;justify-content:space-between;border:1px solid var(--cd-border);border-top:0;border-radius:0 0 12px 12px;background:#fff;padding:0 13px}.cd-composer-foot>span{color:var(--cd-ink-3);font-size:6px}
.cd-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cd-media-card{display:flex;min-width:0;flex-direction:column;gap:3px;border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:9px}.cd-media-card.is-new{border-color:var(--cd-violet)}.cd-media-thumb{position:relative;height:165px;overflow:hidden;border-radius:9px;background:var(--cd-surface-3)}.cd-media-thumb video,.cd-media-thumb img{width:100%;height:100%;object-fit:cover}.cd-media-thumb>span{position:absolute;right:6px;bottom:6px;border-radius:4px;background:rgba(30,27,46,.75);color:#fff;padding:3px 5px;font:5px var(--cd-mono)}.cd-media-card>b{margin-top:5px;overflow:hidden;font-size:7px;text-overflow:ellipsis}.cd-media-card>small{color:var(--cd-ink-3);font-size:5px}.gradient-a{background:linear-gradient(140deg,#5b4be5,#7c3aed 50%,#84cc16 51%)}.cd-bottom-action{position:absolute;left:21px;right:21px;bottom:15px;display:flex;align-items:center;gap:7px;border:1px solid var(--cd-violet-border);border-radius:10px;background:#fff;padding:8px 10px;font-size:7px;box-shadow:0 8px 22px rgba(30,27,46,.12)}.cd-bottom-action .cd-btn{margin-left:auto}
.cd-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cd-kpis>div{border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:12px}.cd-kpis span{display:block;color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-kpis b{display:block;margin:6px 0 2px;font-size:19px}.cd-kpis small{color:var(--cd-green);font-size:5px}.cd-analysis-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:9px;margin-top:9px}.cd-chart-card,.cd-top-post{border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:12px}.cd-chart-head{display:flex;justify-content:space-between}.cd-chart-head b{font-size:7px}.cd-chart-head small{color:var(--cd-ink-3);font-size:5px}.cd-line-chart{width:100%;height:175px}.cd-line-chart path{fill:none;stroke:var(--cd-violet);stroke-width:3}.cd-line-chart circle{fill:var(--cd-violet);stroke:#fff;stroke-width:3}.cd-chart-card em{float:right;margin-top:-150px;border-radius:5px;background:var(--cd-ink);color:#fff;padding:5px;font:5px var(--cd-mono);font-style:normal}.cd-top-post{display:flex;flex-direction:column}.cd-top-post span{color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-top-post b{margin-top:auto;font-size:11px;line-height:1.3}.cd-top-post small{margin-top:8px;color:var(--cd-violet);font-size:5px}.cd-ai-drawer{position:absolute;z-index:35;width:540px;right:20px;bottom:18px;border:1px solid var(--cd-violet-border);border-radius:14px;background:#fff;padding:13px;box-shadow:0 18px 42px rgba(30,27,46,.18)}.cd-ai-drawer header{display:flex;align-items:center;gap:8px}.cd-ai-drawer header>div{display:flex;flex:1;flex-direction:column}.cd-ai-drawer header b{font-size:8px}.cd-ai-drawer header small{color:var(--cd-ink-3);font-size:5px}.cd-ai-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--cd-violet),var(--cd-violet-2));color:#fff;font:700 7px var(--cd-mono)}.cd-ai-loading{display:flex;align-items:center;gap:9px;margin-top:12px;border-radius:8px;background:var(--cd-surface-2);padding:10px;font-size:6px}.cd-ai-loading i{width:16px;height:16px;border:2px solid var(--cd-violet-border);border-top-color:var(--cd-violet);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cd-suggestions{display:grid;grid-template-columns:1.3fr 1.3fr .7fr;gap:6px;margin:12px 0}.cd-suggestions>div{border:1px solid var(--cd-border);border-radius:7px;padding:7px}.cd-suggestions small{display:block;color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-suggestions b{display:block;margin-top:4px;font-size:6px;line-height:1.4}
.cd-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cd-channel-grid article{display:flex;min-height:95px;flex-direction:column;justify-content:space-between;border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:12px}.cd-channel-grid article>div{display:flex;align-items:center;gap:8px}.cd-channel-grid article span:not(.cd-platform):not(.cd-badge){display:flex;flex-direction:column}.cd-channel-grid b{font-size:7px}.cd-channel-grid small{color:var(--cd-ink-3);font-size:5px}.cd-channel-grid .cd-btn,.cd-channel-grid .cd-badge{align-self:flex-end}.cd-oauth{padding:0 28px 24px;text-align:center}.cd-google-mark{display:grid;width:45px;height:45px;margin:24px auto 12px;place-items:center;border:1px solid var(--cd-border);border-radius:50%;color:#4285f4;font-size:18px;font-weight:800}.cd-oauth h3{font-size:12px}.cd-oauth p{color:var(--cd-ink-2);font-size:7px;line-height:1.8}.cd-oauth .cd-btn{margin-top:12px}.cd-toast{position:absolute;right:20px;bottom:20px;border:1px solid #bfe5ca;border-radius:9px;background:#fff;color:var(--cd-green);padding:10px 12px;font-size:7px;box-shadow:0 12px 30px rgba(30,27,46,.14)}
.cd-device-grid{display:grid;height:490px;grid-template-columns:.9fr 1.1fr;gap:10px}.cd-device-policy,.cd-chat{overflow:hidden;border:1px solid var(--cd-border);border-radius:14px;background:#fff}.cd-device-policy{padding:12px}.cd-device-policy header,.cd-chat header{display:flex;align-items:center;gap:8px}.cd-device-policy header>span,.cd-chat header>span{display:flex;flex:1;flex-direction:column}.cd-device-policy header b,.cd-chat header b{font-size:8px}.cd-device-policy header small,.cd-chat header small{color:var(--cd-ink-3);font-size:5px}.cd-discord{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#5865f2;color:#fff;font-weight:800}.cd-permissions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.cd-permissions>span{grid-column:1/-1;margin-top:3px;color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-permissions>div{border-radius:6px;background:var(--cd-surface-2);padding:6px;color:var(--cd-ink-2);font-size:5.5px}.cd-chat{display:flex;flex-direction:column;background:#e9e5f1}.cd-chat header{height:47px;background:#fff;padding:0 11px}.cd-chat-body{display:flex;flex:1;flex-direction:column;gap:7px;padding:10px}.cd-chat-body>div{max-width:82%;border-radius:8px 8px 8px 2px;background:#fff;padding:8px;font-size:6px}.cd-chat-body>div.sent{align-self:flex-end;border-radius:8px 8px 2px 8px;background:#ded9ff}.cd-chat-body video{display:block;width:150px;height:85px;margin-bottom:6px;object-fit:cover;border-radius:6px}.cd-chat-body b,.cd-chat-body small{display:block}.cd-chat-body small{margin-top:3px;color:var(--cd-ink-2);font-size:5px}.cd-chat-body>div.approved{background:#e5f8ec;color:#168842}.cd-chat footer{height:37px;margin:0 8px 8px;border-radius:8px;background:#fff;color:var(--cd-ink-3);padding:11px;font-size:6px}
.cd-integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cd-integration-grid article{display:flex;align-items:center;gap:9px;border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:12px}.cd-integration-grid article>div{display:flex;flex:1;flex-direction:column}.cd-integration-grid b{font-size:8px}.cd-integration-grid small{color:var(--cd-ink-3);font-size:5px}.cd-hook{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf0ff;color:#5865f2}.cd-test-result,.cd-result-list,.cd-analysis-request,.cd-audit{margin-top:10px;border:1px solid #bfe5ca;border-radius:8px;background:#effaf3;color:#168842;padding:9px;font-size:6px}.cd-analysis-request{border-color:var(--cd-violet-border);background:var(--cd-violet-soft);color:var(--cd-violet)}.cd-result-list{display:flex;align-items:center;justify-content:space-between}.cd-result-list span{font-size:5px}
.cd-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cd-skill-grid article{display:flex;min-height:110px;flex-direction:column;border:1px solid var(--cd-border);border-radius:13px;background:#fff;padding:12px}.cd-skill-grid article>span{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:var(--cd-violet-soft);color:var(--cd-violet);font:700 6px var(--cd-mono)}.cd-skill-grid b{margin-top:10px;font-size:7px}.cd-skill-grid small{margin:3px 0 8px;color:var(--cd-ink-3);font-size:5px}.cd-skill-grid .cd-badge{margin-top:auto}.cd-skill-flow{display:flex;align-items:center;gap:5px;margin:13px 0}.cd-skill-flow>div{flex:1;border:1px solid var(--cd-border);border-radius:7px;background:var(--cd-surface-2);padding:8px;font-size:6px}.cd-skill-flow>i{color:var(--cd-violet);font-style:normal}
.cd-mcp-card{border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:13px}.cd-mcp-card>header{display:flex;align-items:center;gap:9px}.cd-mcp-card>header>div{display:flex;flex:1;flex-direction:column}.cd-mcp-card header b{font-size:8px}.cd-mcp-card header small{color:var(--cd-ink-3);font-size:5px}.cd-mcp-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--cd-ink);color:#fff;font:600 6px var(--cd-mono)}.cd-tool-table{margin-top:12px;border:1px solid var(--cd-border);border-radius:9px;overflow:hidden}.cd-tool-table>div{display:grid;grid-template-columns:1fr 80px 1.2fr;align-items:center;border-bottom:1px solid var(--cd-border);padding:7px}.cd-tool-table>div:last-child{border-bottom:0}.cd-tool-table>div:first-child{background:var(--cd-surface-2);color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-tool-table span{font:600 6px var(--cd-mono)}.cd-tool-table small{color:var(--cd-ink-3);font-size:5px}.cd-mcp-run{display:flex;align-items:center;gap:8px;margin-top:11px;border-radius:8px;background:var(--cd-violet-soft);padding:9px}.cd-mcp-run b{font-size:6px}.cd-mcp-run span{flex:1;color:var(--cd-ink-2);font-size:5px}
.cd-plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cd-plugin-grid article{display:flex;min-height:205px;flex-direction:column;border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:13px}.cd-plugin-grid article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:var(--cd-violet-soft);color:var(--cd-violet);font-weight:700}.cd-plugin-grid b{margin-top:12px;font-size:8px}.cd-plugin-grid p{color:var(--cd-ink-2);font-size:6px;line-height:1.5}.cd-plugin-grid small{color:var(--cd-ink-3);font-size:5px}.cd-plugin-grid .cd-btn{margin-top:auto}.cd-drive-mark{background:#eff8e8!important;color:#318f26!important}.cd-bottom-sheet{position:absolute;z-index:25;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:8px;border:1px solid var(--cd-violet-border);border-radius:11px;background:#fff;padding:10px;box-shadow:0 12px 30px rgba(30,27,46,.14)}.cd-bottom-sheet b{font-size:7px}.cd-bottom-sheet span{color:var(--cd-ink-2);font-size:5px}
.cd-drive-layout{display:grid;height:480px;grid-template-columns:210px 1fr;gap:10px}.cd-drive-layout>aside,.cd-drive-layout>main{border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:13px}.cd-drive-layout>aside>b{font-size:8px}.cd-folder,.cd-member-mini{display:flex;align-items:center;gap:8px;margin-top:10px;border-radius:8px;background:var(--cd-surface-2);padding:9px;color:var(--cd-violet);font-size:16px}.cd-folder span,.cd-member-mini>span{display:flex;flex-direction:column;color:var(--cd-ink)}.cd-folder b,.cd-member-mini b{font-size:7px}.cd-folder small,.cd-member-mini small{color:var(--cd-ink-3);font-size:5px}.cd-member-mini .cd-avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--cd-ink);color:#fff;font-size:6px}.cd-download-card{display:flex;height:120px;align-items:center;gap:10px;margin-top:10px;border:1px solid var(--cd-border);border-radius:10px;padding:9px}.cd-download-card video{width:160px;height:100px;object-fit:cover;border-radius:7px}.cd-download-card>span{display:flex;flex:1;flex-direction:column;gap:4px}.cd-download-card b{font-size:8px}.cd-download-card small{color:var(--cd-ink-3);font-size:5px}.cd-download-card i{height:3px;overflow:hidden;border-radius:3px;background:var(--cd-surface-3)}.cd-download-card i em{display:block;width:90%;height:100%;background:var(--cd-violet)}.cd-review-draft,.cd-destinations{display:flex;align-items:center;gap:7px;margin-top:9px;border:1px solid var(--cd-border);border-radius:8px;background:var(--cd-surface-2);padding:9px}.cd-review-draft{flex-direction:column;align-items:flex-start}.cd-review-draft b{font-size:7px}.cd-review-draft small,.cd-destinations span{color:var(--cd-ink-3);font-size:5px}.cd-drive-layout main>.cd-btn{float:right;margin-top:10px}
.cd-team-table{overflow:hidden;border:1px solid var(--cd-border);border-radius:12px;background:#fff}.cd-team-table>div{display:grid;grid-template-columns:1.2fr .7fr 1.3fr .55fr;align-items:center;border-bottom:1px solid var(--cd-border);padding:10px}.cd-team-table>div:last-child{border-bottom:0}.cd-team-table>div:first-child{background:var(--cd-surface-2);color:var(--cd-ink-3);font:5px var(--cd-mono)}.cd-team-table span{display:flex;align-items:center;gap:7px;font-size:7px}.cd-team-table span i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--cd-ink);color:#fff;font-size:6px;font-style:normal}.cd-team-table b{font-size:7px}.cd-team-table small{color:var(--cd-ink-3);font-size:5px}
.cd-key-card{max-width:640px;border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:14px}.cd-key-card header,.cd-key-card footer{display:flex;align-items:center;justify-content:space-between}.cd-key-card header>span{font-size:9px;font-weight:700}.cd-key-value{display:flex;align-items:center;gap:8px;margin:14px 0;border-radius:9px;background:var(--cd-ink);padding:12px}.cd-key-value code{flex:1;color:#dcd8ff;font:8px var(--cd-mono)}.cd-key-scopes{display:flex;gap:6px;margin-bottom:14px}.cd-key-card footer small{color:var(--cd-ink-3);font-size:5px}.cd-audit{max-width:640px}
.cd-profile{display:grid;grid-template-columns:210px 1fr;gap:10px}.cd-profile>aside,.cd-profile>main{border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:17px}.cd-profile>aside{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center}.cd-profile-avatar{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--cd-violet),var(--cd-violet-2));color:#fff;font-size:19px;font-weight:700}.cd-profile>aside b{margin-top:13px;font-size:11px}.cd-profile>aside small{color:var(--cd-ink-3);font-size:6px}.cd-profile>main .cd-btn{float:right;margin-top:15px}
.cd-settings-layout{display:grid;height:485px;grid-template-columns:180px 1fr;gap:10px}.cd-settings-layout>nav,.cd-settings-layout>main{border:1px solid var(--cd-border);border-radius:14px;background:#fff;padding:13px}.cd-settings-layout nav{display:flex;flex-direction:column;gap:4px}.cd-settings-layout nav>b{margin:5px 7px 12px;font-size:10px}.cd-settings-layout nav>span{border-radius:7px;padding:8px;color:var(--cd-ink-2);font-size:7px}.cd-settings-layout nav>span.is-active{background:var(--cd-violet-soft);color:var(--cd-violet);font-weight:700}.cd-settings-layout main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cd-settings-layout main>header b{font-size:10px}.cd-theme-row{margin-top:12px}.cd-theme-row>b{font-size:7px}.cd-theme-card{display:flex;align-items:center;gap:9px;margin-top:7px;border:1px solid var(--cd-violet);border-radius:9px;background:var(--cd-violet-soft);padding:9px}.cd-theme-card>span{font-size:18px}.cd-theme-card>b{font-size:7px}.cd-theme-card>small{margin-left:auto;color:var(--cd-ink-3);font-size:5px}.cd-settings-layout main>.cd-btn{float:right;margin-top:13px}@media (max-width:1080px){.bento-studio{grid-template-columns:230px minmax(0,1fr)}.studio-copy{grid-template-columns:1fr;padding:28px}.studio-copy ul{grid-row:auto;grid-column:auto;margin-top:20px}.studio-viewport{height:540px}.studio-transcript-wrap{grid-template-columns:1fr}.studio-transcript-wrap ol{grid-template-columns:repeat(3,1fr)}.cd-topbar{grid-template-columns:110px 1fr auto}.cd-topbar nav>div{padding-inline:5px}.cd-search-mini{display:none!important}.cd-bento{height:455px}}
@media (max-width:820px){.bento-studio-section{padding-block:45px}.bento-studio{display:block;min-height:0}.studio-module-rail{border-right:0;border-bottom:1px solid var(--cd-border)}.studio-rail-head{position:static;background:#eceaf6}.studio-module-list{display:flex;max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:6px;gap:6px}.studio-module-group{display:flex;gap:6px}.studio-module-group h3{display:none}.studio-module-group button{min-width:150px;border:1px solid var(--cd-border);border-radius:10px;background:#fff;scroll-snap-align:start;padding:8px 12px}.studio-module-group button.is-active{background:var(--cd-violet-soft);border-color:var(--cd-violet);color:var(--cd-violet)}.studio-copy{padding:20px}.studio-stage-wrap{margin-inline:10px}.studio-viewport{height:440px}.studio-stage-toolbar{grid-template-columns:auto 1fr}.studio-stage-toolbar>b{display:none}.studio-playback{grid-column:2}.studio-transcript-wrap{margin-inline:10px}.studio-evidence{grid-template-columns:1fr}.studio-evidence>div{min-height:75px;border-right:0;border-bottom:1px solid var(--line);padding:14px}.cd-topbar{grid-template-columns:100px 1fr auto}.cd-topbar nav>div:nth-child(n+5){display:none}.cd-top-actions>div:not(.cd-avatar):not(.cd-create){display:none}.cd-canvas{padding:12px}.cd-device-grid{grid-template-columns:1fr}.cd-device-policy{display:none}.cd-bento{grid-template-columns:repeat(2,1fr)}.cd-tile-chart{grid-column:span 2}.cd-drive-layout{grid-template-columns:1fr}}
@media (max-width:600px){.studio-copy h3{font-size:26px}.studio-stage-toolbar{display:flex;flex-direction:row;align-items:center;justify-height:space-between;padding:8px}.studio-stage-toolbar>span{display:none}.studio-playback{display:flex;gap:4px}.studio-playback button{min-height:30px;padding:0 6px;font-size:5px}.studio-current-step{min-height:54px;padding:6px 10px}.studio-viewport{height:380px}.studio-cursor{display:block!important;opacity:1!important;z-index:999!important}.studio-transcript-wrap ol{display:flex;overflow-x:auto;padding-bottom:6px}.studio-transcript-wrap li{min-width:150px}.cd-topbar{grid-template-columns:100px 1fr}.cd-topbar nav{display:none}.cd-top-actions{justify-self:end}.cd-top-actions .cd-create{display:grid}.cd-canvas{padding:10px;transform:scale(0.88);transform-origin:top left;width:113.6%}.cd-page-head{min-height:44px}.cd-status-note{max-width:140px}.cd-bento{height:auto;grid-template-columns:repeat(2,1fr);grid-auto-rows:110px}.cd-tile-hero{grid-row:span 2}.cd-tile-wide,.cd-tile-chart{grid-column:span 2}.cd-calendar{max-height:360px}.cd-day{height:60px}.cd-post-grid,.cd-media-grid,.cd-plugin-grid,.cd-skill-grid{grid-template-columns:repeat(2,1fr)}.cd-composer{grid-template-columns:1fr}.cd-preview{display:none}.cd-analysis-grid{grid-template-columns:1fr}.cd-top-post{display:none}.cd-ai-drawer{width:auto;left:8px;right:8px}.cd-channel-grid{grid-template-columns:1fr 1fr}.cd-drive-layout{grid-template-columns:1fr}.cd-drive-layout>aside{display:none}.cd-settings-layout{grid-template-columns:1fr}.cd-settings-layout>nav{display:none}.cd-profile{grid-template-columns:1fr}.cd-profile>aside{display:none}.cd-drawer{width:auto;left:8px;right:8px}.cd-modal-card{width:calc(100% - 16px)}.cd-tool-table>div{grid-template-columns:1fr 70px}.cd-tool-table small{display:none}.cd-team-table>div{grid-template-columns:1fr .7fr .7fr}.cd-team-table>div>*:nth-child(3){display:none}.cd-device-grid{height:410px}}}}
@media (prefers-reduced-motion:reduce){.studio-cursor{display:none!important}.schepo-demo *, .studio-cursor{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---- Platform capability chips + detail panel ---- */
.platform-list-full .platform-chip {
  display: flex; align-items: center; gap: 9px; width: 100%; min-height: 40px;
  border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.55);
  padding: 7px 10px; color: var(--ink); font: 600 10px/1.2 var(--font);
  text-align: left; cursor: pointer;
  transition: transform .18s var(--ease), border-color .18s, background .18s, box-shadow .18s;
}
.platform-list-full .platform-chip:hover { transform: translateY(-2px); border-color: var(--line-dark); background: #fff; }
.platform-list-full .platform-chip.is-open {
  border-color: #5B4BE5; background: #fff;
  box-shadow: 0 0 0 3px rgba(91,75,229,.16), 0 8px 20px rgba(30,27,46,.1);
}
.platform-list-full .platform-chip::after {
  content: '+'; margin-left: auto; color: var(--ink-3); font: 400 13px/1 var(--mono); transition: transform .2s var(--ease), color .2s;
}
.platform-list-full .platform-chip.is-open::after { content: '−'; color: #5B4BE5; }
.platform-list-full .platform-chip[disabled] { opacity: 1; cursor: pointer; pointer-events: auto; }

.platform-detail {
  grid-column: 1 / -1; margin-top: 16px; overflow: hidden;
  border: 1px solid #d6d3e7; border-radius: 16px; background: #fff;
  box-shadow: 0 20px 50px rgba(30,27,46,.12);
  animation: pdOpen .28s var(--ease) both;
}
@keyframes pdOpen { from { opacity: 0; transform: translateY(-8px); } }
.pd-head { display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #ece9f6; padding: 18px 22px; }
.pd-mark { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; }
.pd-title { flex: 1; min-width: 0; }
.pd-title h3 { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; font: 700 19px/1.1 'Poppins', var(--font); letter-spacing: -.03em; }
.pd-title p { margin: 5px 0 0; color: var(--ink-2); font-size: 11.5px; line-height: 1.55; }
.pd-tier { border-radius: 99px; padding: 4px 9px; font: 600 8px/1 'JetBrains Mono', var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.pd-tier-green { background: #e7f8ed; color: #169447; }
.pd-tier-amber { background: #fff5dd; color: #b97912; }
.pd-tier-violet { background: #ece9fe; color: #5B4BE5; }
.pd-close { border: 1px solid var(--line-dark); border-radius: 7px; background: #fff; color: var(--ink-2); padding: 7px 11px; font: 600 9px var(--font); cursor: pointer; }
.pd-close:hover { border-color: var(--ink-3); color: var(--ink); }

.pd-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin: 0; border-bottom: 1px solid #ece9f6; }
.pd-facts > div { border-right: 1px solid #ece9f6; padding: 13px 22px; }
.pd-facts > div:last-child { border-right: 0; }
.pd-facts dt { color: var(--ink-3); font: 600 8px 'JetBrains Mono', var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.pd-facts dd { margin: 6px 0 0; color: var(--ink); font-size: 10.5px; line-height: 1.5; }

.pd-columns { display: grid; grid-template-columns: 1fr 1fr; }
.pd-columns section { border-right: 1px solid #ece9f6; padding: 17px 22px 20px; }
.pd-columns section:last-child { border-right: 0; background: #fdfcfa; }
.pd-columns h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font: 600 11px var(--font); }
.pd-columns h4 b { border-radius: 99px; background: var(--paper-2); padding: 3px 7px; color: var(--ink-2); font: 600 8px 'JetBrains Mono', var(--mono); }
.pd-columns ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.pd-columns li { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-2); font-size: 10.5px; line-height: 1.55; }
.pd-columns li i { display: grid; width: 15px; height: 15px; flex: 0 0 auto; place-items: center; margin-top: 1px; border-radius: 50%; font-size: 7px; font-style: normal; }
.pd-can i { background: #e7f8ed; color: #169447; }
.pd-cannot i { background: #fff0f0; color: #d33; }
.pd-foot { margin: 0; border-top: 1px solid #ece9f6; background: #faf9fd; padding: 12px 22px; color: var(--ink-3); font-size: 9.5px; line-height: 1.6; }

@media (max-width: 820px) {
  .pd-facts { grid-template-columns: 1fr; }
  .pd-facts > div { border-right: 0; border-bottom: 1px solid #ece9f6; }
  .pd-columns { grid-template-columns: 1fr; }
  .pd-columns section { border-right: 0; border-bottom: 1px solid #ece9f6; }
}
@media (max-width: 600px) {
  .pd-head { flex-wrap: wrap; padding: 15px; }
  .pd-close { order: 3; margin-left: auto; }
  .pd-facts > div, .pd-columns section, .pd-foot { padding-inline: 15px; }
  .pd-title h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .platform-detail { animation: none; } }

/* Loop indicator inside the current-step bar */
.studio-loop-note { grid-column:2; display:inline-flex; align-items:center; gap:6px; margin-top:4px; color:#8de0b0; font:600 6px 'JetBrains Mono',monospace; font-style:normal; letter-spacing:.08em; text-transform:uppercase }
.studio-loop-note i { width:5px; height:5px; border-radius:50%; background:currentColor; animation:loopPulse 1.6s ease-in-out infinite }
@keyframes loopPulse { 50%{opacity:.25;transform:scale(.7)} }
@media (prefers-reduced-motion:reduce){ .studio-loop-note i{animation:none} }