@charset "UTF-8";
.cb-icon{display:block;flex:0 0 auto;max-width:none;pointer-events:none;vertical-align:middle}
:root{--bg:var(--cb-bg);--surface:var(--cb-surface);--paper:var(--cb-inset);--ink:var(--cb-heading);--text:var(--cb-text);--muted:var(--cb-muted);--line:var(--cb-border);--jade:var(--cb-primary);--jade-dark:var(--cb-primary-hover);--jade-soft:var(--cb-selected);--sand:var(--cb-accent-soft);--warning:var(--cb-warning-ink);--radius:var(--cb-radius);--sidebar:216px;--shadow:var(--cb-shadow);font-family:var(--cb-font);color:var(--text);font-size:var(--cb-font-size);line-height:calc(1.6 * var(--cb-leading-scale));font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:var(--cb-scroll-behavior)}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled,select:disabled{cursor:not-allowed;opacity:.48}button{border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.025em}h1{font-size:calc(30px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.35 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight)}h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.45 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight)}h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight)}p{line-height:calc(1.8 * var(--cb-leading-scale))}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:max(3px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:3px}button:hover,a:hover{transition:background calc(var(--cb-motion) * 1),color calc(var(--cb-motion) * 1),box-shadow calc(var(--cb-motion) * 1),transform calc(var(--cb-motion) * 1)}input,select,textarea{border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--surface);color:var(--text);width:100%;min-width:0;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--cb-muted)}textarea{resize:vertical;line-height:calc(1.8 * var(--cb-leading-scale))}select{padding-right:26px}select:focus,input:focus,textarea:focus{border-color:var(--cb-focus)}::selection{background:var(--cb-selected);color:var(--ink)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--jade);color:var(--cb-on-primary);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 1);z-index:1000;border-radius:calc(var(--cb-radius) * 0.5)}.skip-link:focus{top:12px}.eyebrow{font-size:calc(10px * var(--cb-type-scale));letter-spacing:.16em;font-weight:650;color:var(--jade);line-height:calc(1.5 * var(--cb-leading-scale));text-transform:uppercase}.muted{color:var(--muted)}.btn{min-height:40px;padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.85);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--cb-space) * 0.5);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-surface);font-size:calc(12px * var(--cb-type-scale));font-weight:550;line-height:calc(1.5 * var(--cb-leading-scale));white-space:nowrap}.btn:hover{background:var(--cb-hover);border-color:var(--cb-border-strong)}.btn.primary{background:var(--jade);border-color:var(--jade);color:var(--cb-on-primary);box-shadow:var(--cb-shadow)}.btn.primary:hover{background:var(--jade-dark);border-color:var(--jade-dark)}.small-btn{min-height:32px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.55);font-size:calc(11px * var(--cb-type-scale))}.large-btn{min-height:49px;padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 1.2);font-size:calc(14px * var(--cb-type-scale))}.full-width{width:100%}.text-btn,.text-link{font-size:calc(12px * var(--cb-type-scale));color:var(--jade);font-weight:550;padding:calc(var(--cb-space) * 0.2) 0;line-height:calc(1.6 * var(--cb-leading-scale))}.text-btn:hover,.text-link:hover{color:var(--jade-dark);text-decoration:underline;text-underline-offset:4px}.text-btn.full-width{padding:calc(var(--cb-space) * 0.5) 0}.badge{display:inline-flex;align-items:center;max-width:100%;padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.4);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-raised);color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));white-space:nowrap}.badge.jade{background:var(--jade-soft);border-color:var(--cb-success);color:var(--jade)}.badge.warning{background:var(--cb-warning-soft);color:var(--cb-warning-ink);border-color:var(--cb-warning)}.notice{display:flex;gap:calc(var(--cb-space) * 0.45);align-items:flex-start;padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.8);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);margin-top:20px}.notice p{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text);line-height:calc(1.8 * var(--cb-leading-scale))}.notice-dot{width:5px;height:5px;border-radius:50%;background:var(--jade);flex:0 0 auto;margin-top:8px}.warning-notice{background:var(--cb-warning-soft);border-color:var(--cb-warning)}.warning-notice p{color:var(--cb-warning-ink)}.warning-notice .notice-dot{background:var(--cb-warning)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--cb-on-inverse);box-shadow:var(--cb-shadow);z-index:5000;opacity:0;pointer-events:none;transition:calc(var(--cb-motion) * 1.25) ease;border-radius:calc(var(--cb-radius) * 0.75);padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 1);max-width:min(580px,calc(100vw - 36px));font-size:calc(13px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale))}.toast.show{opacity:1;transform:translate(-50%,0)}
/* A stable shell: quietly framed content, jade reserved for decisions. */
.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;z-index:50;background:var(--cb-inset);border-right:var(--cb-border-width) solid var(--cb-border);display:flex;flex-direction:column;padding:calc(var(--cb-space) * 1.4) calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.8)}.brand{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);position:relative;width:156px;flex-shrink:0}.brand img{width:151px;height:37px;object-fit:contain}.brand>span{position:absolute;left:37px;top:36px;letter-spacing:.2em;color:var(--cb-text);font-size:calc(8px * var(--cb-type-scale));line-height:1}.sidebar>.brand{margin-left:5px;margin-bottom:34px}.tenant-select{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.4);background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333)}.tenant-select select{padding:3px 10px 3px 0;background:transparent;border:0;font-size:calc(11px * var(--cb-type-scale));min-height:26px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--cb-inset);color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale));flex-shrink:0}.avatar.small{width:25px;height:25px;border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(9px * var(--cb-type-scale));letter-spacing:.04em}.nav-caption{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin:26px 13px 10px;letter-spacing:.1em}.primary-nav{display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.2)}.primary-nav a{display:flex;gap:calc(var(--cb-space) * 0.6);align-items:center;height:42px;padding:0 calc(var(--cb-space) * 0.65);color:var(--cb-text);border-radius:calc(var(--cb-radius) * 0.58333);font-size:calc(12px * var(--cb-type-scale));font-weight:500}.primary-nav a:hover{background:var(--cb-hover)}.primary-nav a.active{background:var(--cb-selected);color:var(--cb-on-selected);font-weight:650}.nav-symbol{font-size:calc(9px * var(--cb-type-scale));letter-spacing:.03em;color:var(--cb-muted);min-width:16px;font-variant-numeric:tabular-nums}.primary-nav a.active .nav-symbol{color:var(--jade)}.nav-count{margin-left:auto;background:var(--cb-inset);font-size:calc(9px * var(--cb-type-scale));min-width:20px;text-align:center;border-radius:calc(var(--cb-radius) * 0.41667)}.nav-divider{height:1px;background:var(--cb-inset);margin:15px 12px 8px}.sidebar-footer{margin-top:auto;padding:calc(var(--cb-space) * 1.3) calc(var(--cb-space) * 0.3) 0}.local-tag{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text);display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35)}.local-tag span,.mini-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:var(--cb-inset)}.sidebar-footer>p{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.85 * var(--cb-leading-scale));color:var(--cb-muted);margin-top:8px}.account{display:flex;gap:calc(var(--cb-space) * 0.45);align-items:center;border-top:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.8) 0 0;width:100%;text-align:left;margin-top:17px}.account>span:nth-child(2){flex:1}.account strong{display:block;font-size:calc(11px * var(--cb-type-scale));font-weight:600}.account small{display:block;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.account>span:last-child{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.shell-main{margin-left:var(--sidebar)}.topbar{height:70px;border-bottom:var(--cb-border-width) solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--cb-space) * 1.7);background:var(--cb-raised)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:calc(var(--cb-space) * 1)}.breadcrumb{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.65);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.breadcrumb strong{font-weight:500;color:var(--cb-text)}.demo-pill{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.45);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1.66667)}.top-avatar{border:var(--cb-border-width) solid var(--cb-border);width:30px;height:30px;border-radius:50%;background:var(--cb-inset);display:flex;align-items:center;justify-content:center;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}.help-button{color:var(--cb-muted);font-weight:400}.menu-toggle{display:none}.page{padding:calc(var(--cb-space) * 1.6) calc(var(--cb-space) * 1.7) calc(var(--cb-space) * 2.25);max-width:1860px;min-height:calc(100vh - 129px);margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 1.2);margin-bottom:27px}.page-heading .eyebrow{margin-bottom:9px}.page-description{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin-top:9px}.heading-actions{display:flex;gap:calc(var(--cb-space) * 0.45);flex-shrink:0}.page-footer{border-top:var(--cb-border-width) solid var(--line);margin:0 34px;padding:calc(var(--cb-space) * 1) 0;display:flex;justify-content:space-between;color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}.page-footer>span:first-child{letter-spacing:.12em}.page-footer a{color:var(--cb-muted)}.mobile-nav,.sidebar-shade{display:none}.section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:calc(var(--cb-space) * 1);margin-bottom:20px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font-size:calc(19px * var(--cb-type-scale) * var(--cb-heading-scale))}.section-heading p,.section-heading>.muted{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:6px}.separator{margin:0 9px;color:var(--cb-muted)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:calc(var(--cb-space) * 1.2) 0;border-bottom:var(--cb-border-width) solid var(--line)}.stat-strip>div{padding:0 calc(var(--cb-space) * 1.3);border-right:var(--cb-border-width) solid var(--line)}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border-right:0}.stat-strip span{color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}.stat-strip strong{display:block;font-size:calc(28px * var(--cb-type-scale));font-weight:550;line-height:calc(1.4 * var(--cb-leading-scale));color:var(--cb-text);margin-top:8px;letter-spacing:-.04em}.stat-strip small{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);font-weight:400;margin-left:8px;letter-spacing:0}
/* Home. */
.home-hero{min-height:325px;background:var(--cb-spotlight);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1);position:relative;display:grid;grid-template-columns:1fr 49%;overflow:hidden}.hero-copy{padding:calc(var(--cb-space) * 1.65) calc(var(--cb-space) * 1.85);position:relative;z-index:2}.hero-copy .eyebrow{color:var(--cb-spotlight-muted);font-size:calc(9px * var(--cb-type-scale));margin-bottom:14px}.hero-copy h2{font-size:calc(40px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);line-height:calc(1.33 * var(--cb-leading-scale));letter-spacing:-.04em;color:var(--cb-on-spotlight)}.hero-copy>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));color:var(--cb-on-spotlight);margin-top:14px}.hero-copy>p>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-spotlight-muted)}.hero-actions{display:flex;gap:calc(var(--cb-space) * 1.05);align-items:center;margin-top:21px}.hero-actions .btn{min-width:130px;justify-content:space-between}.hero-meta{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:19px;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3)}.hero-character{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--cb-spotlight);padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.9);overflow:hidden;border-left:var(--cb-border-width) solid var(--cb-border)}.hero-character>img{mix-blend-mode:multiply;max-height:325px;width:100%;object-fit:contain}.hero-label{position:absolute;left:23px;top:18px;z-index:2}.hero-label span{font-size:calc(8px * var(--cb-type-scale));letter-spacing:.15em;color:var(--cb-spotlight-muted)}.hero-label strong{display:block;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:4px;font-weight:500}.image-caption{position:absolute;bottom:12px;right:16px;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.hero-watermark{position:absolute;bottom:-38px;left:23%;font-size:calc(142px * var(--cb-type-scale));color:var(--cb-spotlight-muted);font-weight:650;letter-spacing:-.08em;z-index:0;line-height:calc(1.3 * var(--cb-leading-scale))}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 0.9)}.start-item{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.7);padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 0.85);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.66667)}.start-item:hover{background:var(--cb-hover);border-color:var(--cb-border-strong);transform:translateY(-2px)}.step-number{width:34px;height:39px;display:flex;align-items:center;justify-content:center;color:var(--cb-muted);background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.5);font-size:calc(12px * var(--cb-type-scale));font-weight:600;flex-shrink:0}.start-item h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading)}.start-item p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:4px}.arrow{margin-left:auto;color:var(--cb-muted);font-size:18px}.project-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:calc(var(--cb-space) * 1)}.project-card{background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.83333);overflow:hidden}.project-preview{position:relative;height:195px;background:var(--cb-preview-surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.project-preview img{height:210px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin-top:27px}.project-preview.cool{background:var(--cb-preview-surface)}.floating-label{position:absolute;top:12px;left:14px;background:color-mix(in srgb, var(--cb-raised) 87.84314%, transparent);border:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.4);font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);border-radius:calc(var(--cb-radius) * 0.41667)}.project-info{padding:calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 0.95)}.project-category{font-size:calc(8px * var(--cb-type-scale));letter-spacing:.13em;color:var(--cb-muted)}.project-info h3{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:6px;color:var(--cb-info-ink)}.project-info p{color:var(--cb-info-ink);font-size:calc(9px * var(--cb-type-scale));margin-top:5px}.project-info>a{display:inline-block;margin-top:13px;font-size:calc(10px * var(--cb-type-scale))}.project-note{padding:calc(var(--cb-space) * 1.45) calc(var(--cb-space) * 1.2);background:var(--cb-spotlight);border-radius:calc(var(--cb-radius) * 0.83333);border:var(--cb-border-width) solid var(--cb-border);display:flex;flex-direction:column;justify-content:center}.project-note h3{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.55 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight);margin-top:13px;color:var(--cb-spotlight-muted)}.project-note p{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:18px;line-height:calc(1.9 * var(--cb-leading-scale))}.project-note>a{display:inline-block;margin-top:24px;color:var(--cb-spotlight-muted)}
/* Libraries share one filtering model, with distinct visual content. */
.library-banner{height:220px;background:var(--cb-spotlight);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);padding:calc(var(--cb-space) * 1.45) calc(var(--cb-space) * 1.65);display:flex;position:relative;overflow:hidden;align-items:center;justify-content:space-between;margin-bottom:25px}.library-banner h2{font-size:calc(27px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:10px;font-weight:var(--cb-heading-weight);color:var(--cb-on-spotlight)}.library-banner p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:10px}.library-banner .eyebrow{color:var(--cb-spotlight-muted);font-size:calc(9px * var(--cb-type-scale))}.banner-figures{display:flex;width:52%;height:230px;margin-top:25px;align-items:center;justify-content:center;overflow:hidden}.banner-figures img{height:220px;min-width:0;width:33.333%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.banner-figures img:nth-child(2){height:245px;z-index:1}.banner-caption{position:absolute;right:17px;bottom:11px;color:var(--cb-spotlight-muted);font-size:calc(8px * var(--cb-type-scale))}.tabs{display:flex;align-items:center;gap:calc(var(--cb-space) * 1.3);border-bottom:var(--cb-border-width) solid var(--line);margin-bottom:22px;min-height:46px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{font-size:calc(12px * var(--cb-type-scale));white-space:nowrap;padding:calc(var(--cb-space) * 0.55) 0 calc(var(--cb-space) * 0.65);color:var(--cb-muted);position:relative;align-self:stretch}.tabs button.active{color:var(--cb-on-selected);font-weight:650}.tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--jade)}.tabs button>span{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.05) calc(var(--cb-space) * 0.25);background:var(--cb-inset);color:var(--cb-muted);margin-left:5px;border-radius:calc(var(--cb-radius) * 0.33333)}.tab-note{margin-left:auto;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}.catalog-layout{display:grid;grid-template-columns:202px minmax(0,1fr);gap:calc(var(--cb-space) * 1.3)}.filter-panel{border-right:var(--cb-border-width) solid var(--line);padding-right:calc(var(--cb-space) * 1.1)}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-title h2{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading)}.filter-title .text-btn{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}.filter-section{padding-bottom:calc(var(--cb-space) * 0.9);margin-bottom:18px;border-bottom:var(--cb-border-width) solid var(--line)}.filter-section:last-child{border:0}.filter-section h3{font-size:calc(10px * var(--cb-type-scale) * var(--cb-heading-scale));letter-spacing:.04em;font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-bottom:13px}.field{display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.3);margin-bottom:15px;font-size:calc(11px * var(--cb-type-scale))}.field>span{color:var(--cb-muted);display:flex;align-items:center;justify-content:space-between;font-size:calc(10px * var(--cb-type-scale))}.field select,.field input{font-size:calc(11px * var(--cb-type-scale));min-height:36px}.field>span>small{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.filter-panel select{background:var(--cb-surface);border-color:var(--cb-border);font-size:calc(10px * var(--cb-type-scale));padding:8px 11px}.filter-panel .field{margin-bottom:13px}.filter-hint{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-top:8px}.filter-note{padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.6);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-inset)}.filter-note strong{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500}.filter-note p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px}.filter-note>span{display:block;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));margin-top:13px;line-height:calc(1.8 * var(--cb-leading-scale))}.catalog-main{min-width:0}.catalog-toolbar{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);margin-bottom:15px}.search-field{display:flex;align-items:center;flex:1;min-width:0;background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);overflow:hidden}.search-field>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);padding-left:calc(var(--cb-space) * 0.6);padding-right:calc(var(--cb-space) * 0.5);border-right:var(--cb-border-width) solid var(--cb-border);white-space:nowrap}.search-field input{border:0;background:none;font-size:calc(11px * var(--cb-type-scale));min-height:39px;padding-left:calc(var(--cb-space) * 0.55)}.search-field:focus-within{border-color:var(--cb-focus);box-shadow:0 0 0 2px var(--cb-focus)}.search-field input:focus{outline:none}.sort-field{min-width:127px}.sort-field select{font-size:calc(10px * var(--cb-type-scale));background:var(--cb-surface);min-height:40px;color:var(--cb-muted);border-color:var(--cb-border)}.filter-toggle{display:none}.results-heading{display:flex;align-items:center;justify-content:space-between;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-bottom:18px;gap:calc(var(--cb-space) * 0.5)}.results-heading strong{font-size:calc(10px * var(--cb-type-scale));font-weight:600;color:var(--cb-text);margin-left:7px}.results-heading>span:last-child{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.selected-filters{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.3);margin:4px 0 17px}.filter-chip{background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.4);line-height:calc(1.6 * var(--cb-leading-scale))}.filter-chip span{margin-left:8px;font-size:calc(13px * var(--cb-type-scale));color:var(--cb-muted)}.selected-filters>.text-btn{font-size:calc(9px * var(--cb-type-scale));margin-left:4px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.9)}.character-card{background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);overflow:hidden;transition:box-shadow calc(var(--cb-motion) * 1.25),border-color calc(var(--cb-motion) * 1.25)}.character-card:hover{box-shadow:var(--shadow);border-color:var(--cb-border-strong)}.character-image{position:relative;background:var(--cb-inset);height:203px;overflow:hidden;border-bottom:var(--cb-border-width) solid var(--cb-border)}.image-open{width:100%;height:100%;display:block;padding:calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.2) 0}.image-open img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-type{position:absolute;left:12px;top:11px;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);pointer-events:none;letter-spacing:.03em}.favorite-btn{position:absolute;right:10px;top:9px;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);border:var(--cb-border-width) solid var(--cb-border);background:color-mix(in srgb, var(--cb-raised) 72.94118%, transparent);min-width:32px;min-height:25px;padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.3);border-radius:calc(var(--cb-radius) * 0.41667)}.favorite-btn:hover{background:var(--cb-hover)}.favorite-btn.selected{background:var(--cb-selected);color:var(--cb-on-selected);border-color:var(--cb-border-strong)}.favorite-btn.inline{position:static;flex-shrink:0;background:transparent;font-size:calc(8px * var(--cb-type-scale))}.character-card-body{padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.6)}.card-path{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);letter-spacing:.02em}.character-card-body h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:5px}.meta-line{display:flex;gap:calc(var(--cb-space) * 0.35);flex-wrap:wrap;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:9px}.meta-line>span+span{border-left:var(--cb-border-width) solid var(--cb-border);padding-left:calc(var(--cb-space) * 0.35)}.reference-label{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:9px}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:calc(var(--cb-space) * 0.55);border-top:var(--cb-border-width) solid var(--cb-border);gap:calc(var(--cb-space) * 0.25)}.card-actions .text-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.card-actions .small-btn{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.4);min-height:29px;border-color:var(--cb-border);background:var(--cb-raised);color:var(--cb-muted)}.bank-intro{padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.6);border-radius:calc(var(--cb-radius) * 0.83333);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.bank-intro .eyebrow{color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}.bank-intro h2{font-size:calc(30px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:10px}.bank-intro p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:10px;line-height:calc(1.9 * var(--cb-leading-scale))}.bank-count{display:flex;align-items:center;gap:calc(var(--cb-space) * 1.15);padding-right:calc(var(--cb-space) * 0.9)}.bank-count strong{font-size:calc(74px * var(--cb-type-scale));line-height:1;font-weight:400;letter-spacing:-.07em;color:var(--cb-muted)}.bank-count span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(2 * var(--cb-leading-scale))}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.9)}.motion-card{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-surface);overflow:hidden;transition:box-shadow calc(var(--cb-motion) * 1),border-color calc(var(--cb-motion) * 1)}.motion-card:hover{box-shadow:var(--shadow);border-color:var(--cb-border-strong)}.motion-preview{width:100%;height:180px;padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.4) 0;background:var(--cb-preview-surface);position:relative;display:block;overflow:hidden}.motion-preview img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.motion-code{position:absolute;top:11px;left:11px;font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);letter-spacing:.08em}.duration{position:absolute;bottom:10px;right:10px;background:color-mix(in srgb, var(--cb-inverse) 76.07843%, transparent);color:var(--cb-on-inverse);font-size:calc(8px * var(--cb-type-scale));border-radius:calc(var(--cb-radius) * 0.33333);padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.25)}.static-caption{position:absolute;bottom:9px;left:10px;font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted)}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.65);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1.66667);background:color-mix(in srgb, var(--cb-preview-surface) 92.15686%, transparent);color:var(--cb-muted);opacity:0;transition:calc(var(--cb-motion) * 1.25)}.motion-preview:hover .preview-play,.motion-preview:focus .preview-play{opacity:1}.motion-body{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.6)}.motion-title{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.2)}.motion-title h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading)}.motion-body>.card-path{margin-top:6px;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.motion-tags{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);margin-top:11px;flex-wrap:wrap}.motion-tags .badge{font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.25);border-color:var(--cb-border);color:var(--cb-muted);background:var(--cb-raised)}.motion-tags .badge.jade{background:var(--cb-success-soft);color:var(--cb-success-ink)}.motion-tags>span:last-child:not(.badge){font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-left:auto}.motion-card-footer{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.25);border-top:var(--cb-border-width) solid var(--cb-border);margin-top:12px;padding-top:calc(var(--cb-space) * 0.45)}.motion-card-footer>span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.motion-card-footer>.text-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.empty-state{grid-column:1/-1;text-align:center;background:var(--cb-surface);border:var(--cb-border-width) dashed var(--cb-border);padding:calc(var(--cb-space) * 2.8) calc(var(--cb-space) * 1.2);border-radius:calc(var(--cb-radius) * 0.83333);margin-bottom:15px;min-height:260px}.empty-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cb-inset);color:var(--cb-muted);margin:0 auto 17px}.empty-state h3{color:var(--cb-heading);font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale))}.empty-state p{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin:9px 0 20px}
/* Studio: one continuous editing frame. */
.studio-page{padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.7);max-width:none}.studio-page .page-heading{margin-bottom:22px}.studio-page .page-heading h1{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale))}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);margin-bottom:19px;overflow:hidden}.workflow-steps button{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.45);position:relative;padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.9);border-right:var(--cb-border-width) solid var(--cb-border);text-align:left;color:var(--cb-muted)}.workflow-steps button:last-child{border:0}.workflow-steps button>span{font-size:calc(9px * var(--cb-type-scale));background:var(--cb-inset);width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;color:var(--cb-muted)}.workflow-steps strong{font-size:calc(11px * var(--cb-type-scale));font-weight:500;white-space:nowrap}.workflow-steps small{font-size:calc(8px * var(--cb-type-scale));margin-left:auto;white-space:nowrap;color:var(--cb-muted)}.workflow-steps button.active{background:var(--cb-selected);color:var(--cb-on-selected)}.workflow-steps button.active>span{background:var(--cb-selected);color:var(--cb-on-selected)}.workflow-steps button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cb-selected)}.studio-layout{display:grid;grid-template-columns:minmax(225px,250px) minmax(0,1fr) minmax(220px,260px);gap:0;background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);overflow:hidden;min-height:650px}.recipe-panel{border-right:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.9);background:var(--cb-surface);min-width:0}.assistant-panel{border-left:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 1);background:var(--cb-raised);display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.4);margin-bottom:20px}.panel-heading .eyebrow{font-size:calc(7px * var(--cb-type-scale));letter-spacing:.12em;color:var(--cb-muted)}.panel-heading h2{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:5px}.panel-heading>.text-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.selected-template{display:flex;gap:calc(var(--cb-space) * 0.5);padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.4);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);align-items:center;margin-bottom:19px}.selected-template img{width:58px;height:58px;object-fit:contain;mix-blend-mode:multiply}.selected-template strong{font-size:calc(10px * var(--cb-type-scale));display:block;color:var(--cb-text)}.selected-template small{display:block;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:3px}.selected-template div>span{font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);display:block;margin-top:3px}.recipe-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 0.5)}.recipe-fields .field{margin-bottom:5px}.recipe-panel .field>span,.drawer-recipe .field>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.recipe-panel .field select,.drawer-recipe .field select{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);border-color:var(--cb-border);background:var(--cb-surface);min-height:31px;padding:6px 8px}.field-note{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.8 * var(--cb-leading-scale));margin:8px 0 14px}.pose-spec{padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.55);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-raised);margin:17px 0}.pose-spec .eyebrow{font-size:calc(7px * var(--cb-type-scale));letter-spacing:.1em;color:var(--cb-muted)}.pose-spec strong{display:block;font-size:calc(10px * var(--cb-type-scale));font-weight:550;color:var(--cb-muted);margin-top:4px}.pose-spec p{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px;line-height:calc(1.9 * var(--cb-leading-scale))}.palette-label{display:flex;justify-content:space-between;align-items:center;font-size:calc(8px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.25);margin-bottom:10px;color:var(--cb-muted)}.palette-label strong{font-size:calc(9px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted)}.palette-options{display:flex;gap:calc(var(--cb-space) * 0.3)}.palette-choice{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.05);padding:calc(var(--cb-space) * 0.25);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);flex:1;min-width:0}.palette-choice.selected{border-color:var(--cb-border-strong);background:var(--cb-selected)}.palette-choice i{width:11px;height:16px;display:block}.palette-choice i:first-child{border-radius:calc(var(--cb-radius) * 0.25) 0 0 calc(var(--cb-radius) * 0.25)}.palette-choice i:nth-child(2){border-radius:0 calc(var(--cb-radius) * 0.25) calc(var(--cb-radius) * 0.25) 0}.palette-choice span{font-size:calc(8px * var(--cb-type-scale));margin-left:3px;color:var(--cb-muted)}.prompt-field{margin-top:17px;margin-bottom:8px}.prompt-field textarea{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.45);border-color:var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-surface);min-height:150px;line-height:calc(1.9 * var(--cb-leading-scale))}.recipe-footer{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.5)}.recipe-footer .text-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.recipe-footer .small-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);border-color:var(--cb-border);background:var(--cb-raised)}.studio-center{min-width:0;display:flex;flex-direction:column;background:var(--cb-surface)}.viewport-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.9);border-bottom:var(--cb-border-width) solid var(--cb-border)}.viewport-toolbar>div{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(9px * var(--cb-type-scale))}.viewport-toolbar strong{color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale));font-weight:500}.viewport-toolbar .muted{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.viewport-toolbar>.badge{font-size:calc(7px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.25);background:var(--cb-preview-surface);color:var(--cb-muted);border-color:var(--cb-border)}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--cb-inset)}.reference-viewport{position:relative;background:var(--cb-preview-surface);min-height:390px;flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--cb-space) * 1.9) calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 1.75);overflow:hidden}.reference-viewport>img{width:100%;max-height:430px;object-fit:contain}.viewport-coordinate{position:absolute;top:17px;left:18px;font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);letter-spacing:.12em;z-index:1}.viewport-note{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted)}.view-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:calc(var(--cb-space) * 0.25);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.4);background:var(--cb-raised);border-top:var(--cb-border-width) solid var(--cb-border)}.view-thumb{min-width:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.05) calc(var(--cb-space) * 0.2);background:var(--cb-surface);color:var(--cb-muted);display:flex;flex-direction:column;align-items:center;justify-content:end;min-height:76px}.view-thumb img{height:42px;width:100%;object-fit:contain}.view-thumb strong{font-size:calc(8px * var(--cb-type-scale));font-weight:500;margin-top:3px}.view-thumb small{font-size:calc(6px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}.view-thumb.active{background:var(--cb-selected);border-color:var(--cb-border-strong);box-shadow:0 0 0 1px var(--cb-focus)}.view-thumb.active strong{color:var(--cb-on-selected)}.view-thumb.missing{background:var(--cb-raised);border-style:dashed}.missing-thumb{width:100%;height:42px;display:flex;justify-content:center;align-items:center;font-size:calc(16px * var(--cb-type-scale));color:var(--cb-muted)}.viewport-footer{display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);font-size:calc(7px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.65);background:var(--cb-preview-surface);color:var(--cb-muted)}.viewport-footer b{font-weight:400;margin:0 5px}.viewport-footer .text-link,.viewport-footer .text-btn{font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);padding:0}.assistant-indicator{display:flex;align-items:center;justify-content:center;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);width:27px;height:27px}.assistant-message{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.6);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.58333)}.assistant-message strong{font-size:calc(10px * var(--cb-type-scale));font-weight:550;color:var(--cb-muted)}.assistant-message p{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-muted);margin-top:8px}.small-heading{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500;margin-top:23px}.check-list{list-style:none;margin:16px 0 0;padding:0}.check-list li{display:flex;gap:calc(var(--cb-space) * 0.45);margin-bottom:18px}.check-icon{height:15px;width:15px;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);border-radius:50%;margin-top:1px}.check-icon.done{background:var(--cb-inset);border-color:var(--cb-border);color:var(--cb-muted)}.check-icon.warning{background:var(--cb-warning-soft);border-color:var(--cb-warning);color:var(--cb-warning-ink)}.check-list strong{display:block;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500}.check-list small{display:block;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:4px;line-height:calc(1.7 * var(--cb-leading-scale))}.assistant-context{padding:calc(var(--cb-space) * 0.75) 0;border-top:var(--cb-border-width) solid var(--cb-border);border-bottom:var(--cb-border-width) solid var(--cb-border);margin-top:4px;display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.25)}.assistant-context>span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.assistant-context strong{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500;margin-bottom:6px}.assistant-context strong:last-child{margin-bottom:0}.assistant-bottom{margin-top:auto;padding-top:calc(var(--cb-space) * 1.1);text-align:center}.assistant-bottom>.btn{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.5);min-height:38px}.assistant-bottom p{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-top:9px}.assistant-bottom>.text-btn{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px}.studio-mobile-tools{display:none}.studio-bottom-note{display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);margin-top:12px;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.studio-bottom-note>a{color:var(--cb-muted)}.pending-viewport{background:var(--cb-preview-surface)}.pending-content{text-align:center;padding:calc(var(--cb-space) * 1.2)}.pending-plus{height:43px;width:43px;border:var(--cb-border-width) dashed var(--cb-border);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;border-radius:calc(var(--cb-radius) * 0.58333);color:var(--cb-muted);font-size:calc(22px * var(--cb-type-scale))}.pending-content h3{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading)}.pending-content p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-muted);margin:12px 0 20px}.pending-content .btn{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}.stage-empty{padding:calc(var(--cb-space) * 2.4) calc(var(--cb-space) * 1.5);min-height:580px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--cb-surface);flex:1}.stage-empty>.eyebrow{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.stage-number{font-size:calc(70px * var(--cb-type-scale));font-weight:300;letter-spacing:-.05em;color:var(--cb-muted);line-height:calc(1.3 * var(--cb-leading-scale));margin-top:15px}.stage-empty h2{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:9px}.stage-empty>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));color:var(--cb-muted);margin-top:15px}.stage-checks{padding:0;margin:24px 0 26px;list-style:none;align-self:stretch}.stage-checks li{display:flex;justify-content:space-between;border-top:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.6) 0;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}.stage-checks li>span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.stage-empty>.btn{font-size:calc(10px * var(--cb-type-scale))}.stage-empty>.field-note{font-size:calc(8px * var(--cb-type-scale))!important;color:var(--cb-muted)!important}
/* Working tables, task recovery, team controls. */
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 1);margin:0 0 26px}.metrics-grid article{background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.75);padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.25)}.metrics-grid article>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.metrics-grid article>strong{display:block;font-size:calc(36px * var(--cb-type-scale));font-weight:500;line-height:calc(1.4 * var(--cb-leading-scale));color:var(--cb-text);letter-spacing:-.05em;margin:8px 0}.metrics-grid article>strong>em{font-style:normal;font-size:calc(17px * var(--cb-type-scale));margin-left:4px}.metrics-grid article>small{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.table-panel{background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.75);overflow:hidden;min-width:0}.data-table-wrap{overflow:auto}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.75);padding:0 calc(var(--cb-space) * 1.1);border-bottom:var(--cb-border-width) solid var(--cb-border)}.table-toolbar>.muted{font-size:calc(9px * var(--cb-type-scale));white-space:nowrap}.compact-tabs{margin:0;border:0;gap:calc(var(--cb-space) * 1.15);min-height:59px}.compact-tabs button{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.95) 0}.table-heading{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 1.2);margin:0;border-bottom:var(--cb-border-width) solid var(--cb-border)}.table-heading h2{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading)}.table-heading p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.table-heading>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:calc(11px * var(--cb-type-scale))}th{font-size:calc(9px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted);background:var(--cb-raised);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 1.1);border-bottom:var(--cb-border-width) solid var(--cb-border)}td{padding:calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 1.1);border-bottom:var(--cb-border-width) solid var(--cb-border);color:var(--cb-muted);vertical-align:middle}tr:last-child>td{border-bottom:0}td>strong{font-size:calc(11px * var(--cb-type-scale));font-weight:500;display:block;color:var(--cb-muted)}td small{font-size:calc(8px * var(--cb-type-scale));display:block;margin-top:4px;color:var(--cb-muted)}td .badge{font-size:calc(8px * var(--cb-type-scale))}td .text-btn{font-size:calc(9px * var(--cb-type-scale));display:inline-block;margin-right:8px;color:var(--cb-muted)}.table-footnote{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 1.1);border-top:var(--cb-border-width) solid var(--cb-border);color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.progress-track{height:5px;border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-inset);overflow:hidden;min-width:85px}.progress-track span{height:100%;background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.41667);display:block;transition:width calc(var(--cb-motion) * 1.25)}.task-table td:nth-child(3){min-width:130px}.team-overview{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.5);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);margin-bottom:26px}.team-overview .eyebrow{color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}.team-overview h2{font-size:calc(26px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:7px;font-weight:var(--cb-heading-weight);color:var(--cb-heading)}.team-overview p{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:6px}.workspace-monogram{font-size:calc(33px * var(--cb-type-scale));font-weight:400;width:75px;height:75px;display:flex;align-items:center;justify-content:center;border:var(--cb-border-width) solid var(--cb-border);color:var(--cb-muted);border-radius:calc(var(--cb-radius) * 0.91667);background:var(--cb-inset);letter-spacing:-.05em}.team-layout{display:grid;grid-template-columns:1fr 310px;gap:calc(var(--cb-space) * 1.2);align-items:start}.member-cell{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6)}.member-cell .avatar{background:var(--cb-inset);color:var(--cb-muted);width:31px;height:31px;font-size:calc(10px * var(--cb-type-scale))}.member-cell strong{font-size:calc(11px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted)}.budget-panel{background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);padding:calc(var(--cb-space) * 1.2)}.budget-panel>.eyebrow{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.budget-panel h2{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);margin-top:7px;font-weight:var(--cb-heading-weight)}.budget-number{margin:22px 0 13px}.budget-number strong{font-size:calc(35px * var(--cb-type-scale));letter-spacing:-.04em;color:var(--cb-muted);font-weight:500}.budget-number>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-left:5px}.budget-rows{margin:21px 0}.budget-rows>div{display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) 0;color:var(--cb-muted)}.budget-rows strong{font-weight:500;color:var(--cb-muted)}.budget-panel>.btn{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);border-color:var(--cb-border);background:var(--cb-inset)}.budget-panel>p{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:13px;line-height:calc(1.9 * var(--cb-leading-scale))}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 1.2);border-top:var(--cb-border-width) solid var(--cb-border);border-bottom:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 1.2) 0}.permission-grid h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);font-weight:var(--cb-heading-weight)}.permission-grid p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:9px}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:calc(var(--cb-space) * 1.1);align-items:start}.selected-row{background:var(--cb-inset)}.exception-panel{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);background:var(--cb-surface);padding:calc(var(--cb-space) * 1.2)}.exception-title{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.35)}.exception-title>.eyebrow{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-warning-ink)}.exception-panel h2{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));letter-spacing:-.04em;font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:18px}.exception-panel>p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:8px;line-height:calc(1.9 * var(--cb-leading-scale))}.event-timeline{padding:0;margin:25px 0;list-style:none}.event-timeline li{position:relative;padding:0 0 calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 1.2);border-left:var(--cb-border-width) solid var(--cb-border);margin-left:5px}.event-timeline li:before{content:"";position:absolute;top:5px;left:-4px;width:7px;height:7px;border:var(--cb-border-width) solid var(--cb-border);border-radius:50%;background:var(--cb-raised)}.event-timeline li.complete:before{background:var(--cb-success-soft);border-color:var(--cb-success)}.event-timeline li.error:before{background:var(--cb-danger-soft);border-color:var(--cb-danger)}.event-timeline li:last-child{border-left:0;padding-bottom:0}.event-timeline strong{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500;display:block}.event-timeline span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);display:block;margin-top:5px}.credit-ledger{display:grid;grid-template-columns:repeat(3,1fr);padding:calc(var(--cb-space) * 0.75) 0;border-top:var(--cb-border-width) solid var(--cb-border);border-bottom:var(--cb-border-width) solid var(--cb-border);gap:calc(var(--cb-space) * 0.5)}.credit-ledger span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.credit-ledger strong{display:block;font-size:calc(15px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted);margin-top:4px}.exception-panel .field-note{font-size:calc(8px * var(--cb-type-scale));margin:10px 0 21px}.exception-panel>.btn{font-size:calc(10px * var(--cb-type-scale));min-height:40px}.exception-panel>.text-btn{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:9px}
/* Assets and device map. */
.asset-views{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 0.9)}.asset-views article{border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.66667);overflow:hidden}.asset-views img{height:220px;width:100%;object-fit:contain;background:var(--cb-surface)}.asset-views article>div{border-top:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.85);display:flex;justify-content:space-between;align-items:center;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.asset-views article strong{font-weight:500}.asset-views article a{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.asset-planned{max-width:850px;margin:35px auto;padding:calc(var(--cb-space) * 1.9);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333)}.asset-planned>.eyebrow{color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}.asset-planned h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);margin-top:14px}.asset-planned>p{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin-top:15px;line-height:calc(2 * var(--cb-leading-scale))}.wardrobe-list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 1.2);margin:27px 0}.wardrobe-list>div{border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-space) * 0.75)}.wardrobe-list span{display:block;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.wardrobe-list strong{display:block;font-size:calc(14px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted);margin-top:10px}.wardrobe-list p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:8px}.asset-planned>.btn{margin-top:24px}.device-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 1.2);margin-top:32px}.device-role-grid article{border-top:calc(var(--cb-border-width) * 2) solid var(--cb-border);padding:calc(var(--cb-space) * 1.1) 0 calc(var(--cb-space) * 1.25)}.device-role-grid article>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);letter-spacing:.08em}.device-role-grid h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);font-weight:var(--cb-heading-weight);margin-top:9px}.device-role-grid p{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-top:12px;max-width:320px}.device-preview-section{margin-top:20px}.device-toolbar{display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 1);align-items:center;margin-bottom:18px}.segmented{display:flex;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);padding:calc(var(--cb-space) * 0.15);background:var(--cb-inset);gap:calc(var(--cb-space) * 0.2)}.segmented button{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.65);border-radius:calc(var(--cb-radius) * 0.33333);color:var(--cb-muted)}.segmented button.active{background:var(--cb-selected);color:var(--cb-on-selected);box-shadow:var(--cb-shadow)}.inline-field{flex-direction:row;align-items:center;gap:calc(var(--cb-space) * 0.5);margin:0;min-width:215px}.inline-field>span{white-space:nowrap;font-size:calc(10px * var(--cb-type-scale))}.inline-field select{min-height:34px;background:var(--cb-surface);border-color:var(--cb-border)}.device-preview-scroll{padding:calc(var(--cb-space) * 1.1);background:var(--cb-preview-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);overflow-x:auto;max-height:865px;overscroll-behavior-x:contain}.device-frame{box-sizing:content-box;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);overflow:hidden;border-radius:calc(var(--cb-radius) * 0.75);box-shadow:var(--cb-shadow);max-width:none;flex-shrink:0;margin:0 auto}.device-chrome{height:29px;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);background:var(--cb-inset);border-bottom:var(--cb-border-width) solid var(--cb-border);padding:0 calc(var(--cb-space) * 0.6)}.device-chrome>i{width:5px;height:5px;border-radius:50%;background:var(--cb-inset)}.device-chrome>span{margin-left:12px;font-size:calc(8px * var(--cb-type-scale));letter-spacing:.03em;color:var(--cb-muted)}.device-frame iframe{display:block;border:0;max-width:none}.device-frame.phone{border:6px solid var(--cb-border);border-radius:calc(var(--cb-radius) * 2.25)}.device-frame.phone .device-chrome{height:25px}.device-frame.pad{border:7px solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1.5)}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 0.05);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);overflow:hidden}.sitemap-grid a{background:var(--cb-raised);padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 1.15);position:relative}.sitemap-grid a:hover{background:var(--cb-hover)}.sitemap-grid a>span{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted)}.sitemap-grid a>p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px;max-width:85%}.sitemap-grid a>b{position:absolute;right:21px;top:20px;font-size:calc(16px * var(--cb-type-scale));font-weight:400;color:var(--cb-muted)}
/* Dialogs remain native: keyboard focus, Escape and accessible titles. */
dialog{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1);padding:0;box-shadow:var(--cb-shadow);color:var(--text);width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 48px);background:var(--cb-surface);overflow:auto}dialog::backdrop{background:color-mix(in srgb, var(--cb-overlay-ink) 34%, transparent);backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 1);border-bottom:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 1.3);background:var(--cb-raised);position:sticky;top:0;z-index:3}.modal-heading .eyebrow{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.modal-heading h2{font-size:calc(20px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:6px}.close-btn{font-size:24px;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--cb-radius) * 0.41667);color:var(--cb-muted);flex-shrink:0}.close-btn:hover{background:var(--cb-hover)}.modal-copy{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.35)}.modal-copy>p{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin-bottom:17px;line-height:calc(1.95 * var(--cb-leading-scale))}.modal-copy>.btn{margin-top:10px}.modal-copy .notice{margin-top:10px;margin-bottom:20px}.modal-form{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.35)}.modal-form .field{margin-bottom:19px}.modal-form .field input,.modal-form .field select{font-size:calc(12px * var(--cb-type-scale));min-height:43px}.modal-form .field>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.modal-form .field-note{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin:0 0 21px}.detail-facts{margin:20px 0}.detail-facts>div{display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 1);border-bottom:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.55) 0}.detail-facts dt{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}.detail-facts dd{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);text-align:right;margin:0}.wide-modal{width:min(860px,calc(100vw - 32px))}.character-detail{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 1.25);padding:calc(var(--cb-space) * 1.35)}.detail-image{background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}.character-detail>.detail-image+div{padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.2)}.character-detail .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.character-detail h3{font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);margin-top:13px;line-height:calc(1.7 * var(--cb-leading-scale))}.character-detail p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-top:12px}.tag-list{display:flex;gap:calc(var(--cb-space) * 0.3);flex-wrap:wrap;margin:13px 0 20px}.tag-list .badge{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);border-color:var(--cb-border);background:var(--cb-raised)}.character-detail .btn{font-size:calc(11px * var(--cb-type-scale))}.requirements-list{padding:0;list-style:none;margin:20px 0 23px}.requirements-list li{display:flex;gap:calc(var(--cb-space) * 1.1);padding:calc(var(--cb-space) * 0.65) 0;border-bottom:var(--cb-border-width) solid var(--cb-border)}.requirements-list strong{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);flex:0 0 48px;font-weight:500}.requirements-list span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale))}.plain-list{padding-left:calc(var(--cb-space) * 0.9);color:var(--cb-muted);line-height:calc(2 * var(--cb-leading-scale));font-size:calc(12px * var(--cb-type-scale));margin:18px 0 25px}.plain-list li{padding:calc(var(--cb-space) * 0.25) 0}.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--cb-space) * 0.6);margin:20px 0}.guide-steps span{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.7);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale));border-radius:calc(var(--cb-radius) * 0.5)}.activity-list{margin:22px 0}.activity-list>div{padding:calc(var(--cb-space) * 0.65) 0 calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 1.55);position:relative;border-top:var(--cb-border-width) solid var(--cb-border)}.activity-list span{position:absolute;left:0;top:15px;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.activity-list strong{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500}.activity-list p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}.log-list{padding:0;list-style:none;margin:0 0 20px}.log-list li{padding:calc(var(--cb-space) * 0.85) 0;border-bottom:var(--cb-border-width) solid var(--cb-border)}.log-list time{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.log-list strong{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);display:block;margin-top:5px;font-weight:500}.log-list p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px}.filter-dialog{width:390px;max-width:calc(100vw - 24px);margin-top:24px;margin-bottom:24px}.drawer-filter-content,.drawer-recipe{padding:calc(var(--cb-space) * 1.2)}.drawer-filter-content .filter-title{display:none}.drawer-filter-content .filter-section{border-bottom-color:var(--cb-border)}.drawer-filter-content .filter-section:last-child{border-bottom:0}.drawer-filter-content .field>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.drawer-filter-content .field select{font-size:calc(12px * var(--cb-type-scale));min-height:41px}.drawer-filter-content .filter-hint{font-size:calc(10px * var(--cb-type-scale))}.drawer-filter-content h3{font-size:calc(11px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading)}.drawer-filter-content .filter-note{margin-top:15px}.drawer-footer{position:sticky;bottom:0;padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.05);border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}.drawer-recipe .panel-heading{display:none}.drawer-recipe .prompt-field textarea{font-size:calc(12px * var(--cb-type-scale));min-height:200px}.drawer-recipe .pose-spec p,.drawer-recipe .field-note{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .selected-template strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .selected-template small,.drawer-recipe .selected-template div>span{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .field>span{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .palette-label{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .palette-label strong{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .palette-choice{min-height:38px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.45)}.drawer-recipe .palette-choice span{font-size:calc(10px * var(--cb-type-scale));margin-left:7px}.drawer-recipe .field select{min-height:38px;font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .recipe-footer .btn,.drawer-recipe .recipe-footer .text-btn{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .check-list strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .check-list small,.drawer-recipe .assistant-context>span,.drawer-recipe .assistant-context strong,.drawer-recipe .assistant-message p{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .assistant-message strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .assistant-bottom .btn{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .assistant-bottom p{font-size:calc(10px * var(--cb-type-scale))}.motion-dialog{width:min(1000px,calc(100vw - 40px))}.motion-modal-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);min-height:490px}.motion-stage{background:var(--cb-raised);border-right:var(--cb-border-width) solid var(--cb-border);min-width:0;display:flex;flex-direction:column}.motion-modal-canvas{position:relative;min-height:380px;flex:1;display:flex;align-items:center;justify-content:center;padding:40px 15px 36px;background:var(--cb-preview-surface)}.motion-modal-canvas img{height:340px;width:100%;object-fit:contain}.playback-disclaimer{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.player-controls{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.7);padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.85);border-top:var(--cb-border-width) solid var(--cb-border)}.player-controls>.btn{font-size:calc(9px * var(--cb-type-scale));min-width:76px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.45);background:var(--cb-inset);color:var(--cb-muted);border-color:var(--cb-border)}.timeline-control{flex:1;min-width:0;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.5)}.timeline-control input{padding:0;min-height:20px;height:20px;width:100%;accent-color:var(--jade);border:0;background:transparent}.timeline-control>span:last-child{white-space:nowrap;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);min-width:57px}.speed-control select{font-size:calc(9px * var(--cb-type-scale));padding:5px 6px;background:var(--cb-surface);border-color:var(--cb-border);color:var(--cb-muted);width:50px;height:29px}.player-note{padding:0 calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.65);font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted)}.motion-modal-info{padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.25);background:var(--cb-info-soft)}.motion-modal-info>.eyebrow{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-info-ink)}.motion-modal-info h3{font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-info-ink);margin-top:12px;font-weight:var(--cb-heading-weight)}.motion-modal-info .tag-list{margin:14px 0}.motion-modal-info .detail-facts{margin:15px 0}.motion-modal-info .detail-facts>div{padding:calc(var(--cb-space) * 0.5) 0}.motion-modal-info .notice{margin-top:17px;margin-bottom:20px;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.55)}.motion-modal-info .notice p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-info-ink)}.motion-modal-info>.btn{font-size:calc(10px * var(--cb-type-scale));margin-top:9px}.motion-modal-info>.btn:not(.primary){background:var(--cb-primary);color:var(--cb-on-primary);border-color:var(--cb-primary)}.motion-modal-info>.field-note{font-size:calc(8px * var(--cb-type-scale));margin:12px 0 0}
/* Public product site. Editorial sections, real reference images, no screenshot facade. */
.marketing{background:var(--cb-raised)}.marketing-header{height:92px;max-width:1420px;margin:0 auto;padding:0 calc(var(--cb-space) * 3.2);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--cb-border-width) solid var(--cb-border);gap:calc(var(--cb-space) * 1.5)}.marketing-header>.brand{width:158px}.marketing-header>.brand img{width:158px;height:39px}.marketing-header nav{display:flex;gap:calc(var(--cb-space) * 1.55);align-items:center}.marketing-header nav a{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}.marketing-header nav a:hover{color:var(--jade)}.marketing-header>.btn{font-size:calc(11px * var(--cb-type-scale))}.marketing main{max-width:1420px;margin:0 auto}.marketing-hero{padding:calc(var(--cb-space) * 2.6) calc(var(--cb-space) * 3.2) calc(var(--cb-space) * 1.9);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 1.8);align-items:center;min-height:590px}.marketing-hero>div:first-child{padding-bottom:calc(var(--cb-space) * 1)}.marketing-hero .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-spotlight-muted);letter-spacing:.15em}.marketing-hero h1{font-size:calc(49px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);line-height:calc(1.4 * var(--cb-leading-scale));letter-spacing:-.045em;color:var(--cb-on-spotlight);margin-top:23px}.hero-description{font-size:calc(14px * var(--cb-type-scale));color:var(--cb-spotlight-muted);line-height:calc(2 * var(--cb-leading-scale));margin-top:23px}.marketing-hero .hero-actions{margin-top:29px;gap:calc(var(--cb-space) * 0.65)}.marketing-hero .hero-actions .btn{justify-content:center}.marketing-proof{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.8);margin-top:32px;color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}.marketing-proof i{display:block;width:3px;height:3px;border-radius:50%;background:var(--cb-inset)}.marketing-hero-art{position:relative;background:var(--cb-spotlight);border-radius:38% 38% calc(var(--cb-radius) * 1.33333) calc(var(--cb-radius) * 1.33333);padding:calc(var(--cb-space) * 1.85) calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 1.2);min-height:450px;display:flex;align-items:center;justify-content:center}.marketing-hero-art>img{width:100%;height:430px;object-fit:contain;mix-blend-mode:multiply}.marketing-hero-art>p{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-spotlight-muted)}.floating-note{position:absolute;z-index:2;border:var(--cb-border-width) solid var(--cb-border);background:color-mix(in srgb, var(--cb-raised) 94.90196%, transparent);border-radius:calc(var(--cb-radius) * 0.5);padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.75);box-shadow:var(--cb-shadow)}.floating-note>span{font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);letter-spacing:.13em}.floating-note strong{display:block;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500;margin-top:5px}.note-a{top:78px;left:-20px}.note-b{right:-10px;bottom:72px}.marketing-line{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 3.2);border-top:var(--cb-border-width) solid var(--cb-border);border-bottom:var(--cb-border-width) solid var(--cb-border);color:var(--cb-muted);letter-spacing:.2em;font-size:calc(11px * var(--cb-type-scale))}.marketing-line b{font-weight:300;letter-spacing:0;color:var(--cb-muted)}.marketing-section{padding:calc(var(--cb-space) * 3.75) calc(var(--cb-space) * 3.2);border-bottom:var(--cb-border-width) solid var(--cb-border);scroll-margin-top:30px}.marketing-section-heading>.eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.marketing-section-heading h2{font-size:calc(35px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.45 * var(--cb-leading-scale));letter-spacing:-.03em;font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:16px}.marketing-section-heading>p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin-top:18px;line-height:calc(2 * var(--cb-leading-scale))}.marketing-section-heading>.text-link{display:inline-block;margin-top:22px;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.marketing-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--cb-space) * 1.35);margin-top:42px}.marketing-workflow article{border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-space) * 1)}.marketing-workflow article>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.marketing-workflow article h3{font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale));color:var(--cb-heading);margin-top:15px;font-weight:var(--cb-heading-weight)}.marketing-workflow article p{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:11px;line-height:calc(2 * var(--cb-leading-scale))}.characters-showcase{background:var(--cb-inset)}.showcase-lineup{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--cb-space) * 0.95);margin-top:35px}.showcase-lineup figure{margin:0;border-bottom:var(--cb-border-width) solid var(--cb-border);padding-bottom:calc(var(--cb-space) * 0.9)}.showcase-lineup img{height:240px;width:100%;object-fit:contain;mix-blend-mode:multiply}.showcase-lineup figcaption{text-align:center;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:13px}.showcase-lineup figcaption>span{display:block;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));margin-top:5px}.motion-feature{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 3.4);align-items:center}.motion-feature-copy .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.motion-feature-copy h2{font-size:calc(36px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);line-height:calc(1.45 * var(--cb-leading-scale));margin-top:17px}.motion-feature-copy>p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);margin-top:20px;line-height:calc(2 * var(--cb-leading-scale));max-width:395px}.motion-feature-copy ul{padding-left:calc(var(--cb-space) * 0.8);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(2.2 * var(--cb-leading-scale));margin:22px 0}.motion-feature-copy>.btn{margin-top:4px;font-size:calc(11px * var(--cb-type-scale))}.marketing-motion-list{border-top:var(--cb-border-width) solid var(--cb-border)}.marketing-motion-list>button{display:flex;align-items:center;gap:calc(var(--cb-space) * 1.15);width:100%;padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 0.2);border-bottom:var(--cb-border-width) solid var(--cb-border);text-align:left}.marketing-motion-list>button:hover{background:var(--cb-hover)}.motion-list-number{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);width:20px}.marketing-motion-list>button>span:nth-child(2){flex:1}.marketing-motion-list strong{font-size:calc(17px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted);display:block}.marketing-motion-list small{display:block;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:6px}.marketing-motion-list>button>span:nth-child(3){font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.marketing-motion-list b{font-size:calc(20px * var(--cb-type-scale));color:var(--cb-muted);font-weight:300}.marketing-motion-list>p{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-top:15px}.devices-feature{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 3.5);background:var(--cb-inset);align-items:center}.devices-feature .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.devices-feature h2{font-size:calc(35px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:17px}.devices-feature p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));color:var(--cb-muted);margin:19px 0 20px}.devices-feature .text-link{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}.device-copy-grid{display:grid;gap:calc(var(--cb-space) * 1)}.device-copy-grid>div{border-top:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.9) 0;display:grid;grid-template-columns:100px 1fr;gap:calc(var(--cb-space) * 0.3);align-items:center}.device-copy-grid>div>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);grid-row:1/3}.device-copy-grid strong{font-size:calc(19px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500}.device-copy-grid small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:calc(var(--cb-space) * 3)}.faq-section .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.faq-section h2{font-size:calc(32px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading);line-height:calc(1.5 * var(--cb-leading-scale));margin-top:17px}.faq-list{border-top:var(--cb-border-width) solid var(--cb-border)}.faq-list details{border-bottom:var(--cb-border-width) solid var(--cb-border)}.faq-list summary{cursor:pointer;list-style:none;padding:calc(var(--cb-space) * 1.05) 0;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 1)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:calc(16px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0;line-height:calc(1.5 * var(--cb-leading-scale))}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(2 * var(--cb-leading-scale));padding:0 calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.05) 0}.marketing-cta{text-align:center;padding:calc(var(--cb-space) * 3.9) calc(var(--cb-space) * 1.75);background:var(--cb-spotlight)}.marketing-cta .eyebrow{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-spotlight-muted)}.marketing-cta h2{font-size:calc(31px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-on-spotlight);line-height:calc(1.6 * var(--cb-leading-scale));margin:19px auto 28px}.marketing-cta>.btn{font-size:calc(12px * var(--cb-type-scale));min-width:205px}.marketing-cta>p:last-child{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:19px}.marketing-footer{max-width:1420px;margin:0 auto;padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 3.2);display:flex;align-items:center;gap:calc(var(--cb-space) * 1.4);border-top:var(--cb-border-width) solid var(--cb-border);color:var(--cb-muted)}.marketing-footer img{width:130px;height:32px;object-fit:contain}.marketing-footer>span{font-size:calc(10px * var(--cb-type-scale));margin-left:15px}.marketing-footer>a{font-size:calc(10px * var(--cb-type-scale));margin-left:auto;color:var(--cb-muted)}.marketing-footer>small{font-size:calc(8px * var(--cb-type-scale))}
/* Correct contrast without changing Clipbank's quiet palette. */
.page-description,.results-heading,.section-heading p,.section-heading>.muted,.filter-hint,.field-note,.reference-label,.card-path,.meta-line,.card-type,.card-category,.tab-note,.card-actions .text-btn,.motion-card-footer>span,.motion-tags>span:last-child:not(.badge){color:var(--cb-muted)}
.hero-copy>p>span,.hero-meta,.hero-label strong,.hero-label span,.image-caption,.hero-copy .eyebrow,.project-info p,.project-category,.floating-label,.project-note p,.library-banner p,.banner-caption,.library-banner .eyebrow,.bank-intro p,.bank-count span{color:var(--cb-info-ink)}
.filter-panel .field>span,.filter-section h3,.filter-note strong,.filter-note p,.filter-note>span,.filter-panel select,.filter-title .text-btn,.sort-field select,.search-field>span,.search-field input::placeholder,.results-heading>span:last-child{color:var(--cb-muted)}
.character-card-body h3,.motion-title h3,.start-item h3,.project-info h3{color:var(--cb-info-ink)}.meta-line,.reference-label,.card-path,.motion-body>.card-path,.motion-card-footer>span,.motion-tags>span:last-child:not(.badge){color:var(--cb-muted)}.card-actions .small-btn,.motion-card-footer>.text-btn{color:var(--cb-text)}.character-card-body .text-btn{color:var(--cb-text)}.character-card .favorite-btn,.motion-card .favorite-btn{color:var(--cb-muted)}.character-card .favorite-btn.selected,.motion-card .favorite-btn.selected{color:var(--cb-on-selected)}
.recipe-panel .field>span,.drawer-recipe .field>span,.palette-label,.palette-label strong,.palette-choice span,.selected-template strong,.selected-template small,.selected-template div>span,.recipe-panel .field select,.recipe-footer .small-btn,.recipe-footer .text-btn,.prompt-field textarea,.pose-spec strong,.pose-spec p,.pose-spec .eyebrow,.panel-heading .eyebrow,.panel-heading>.text-btn{color:var(--cb-muted)}
.panel-heading h2,.assistant-message strong,.small-heading,.check-list strong,.assistant-context strong,.viewport-toolbar strong{color:var(--cb-text)}.assistant-message p,.check-list small,.assistant-context>span,.assistant-bottom p,.assistant-bottom>.text-btn,.viewport-toolbar .muted,.viewport-toolbar>.badge,.viewport-coordinate,.viewport-note,.viewport-footer,.viewport-footer .text-link,.viewport-footer .text-btn,.view-thumb small,.view-thumb strong,.studio-bottom-note,.workflow-steps small,.workflow-steps button{color:var(--cb-muted)}.view-thumb.active strong{color:var(--cb-on-selected)}.assistant-message,.assistant-context,.pose-spec{border-color:var(--cb-border)}.studio-bottom-note>a{color:var(--cb-muted)}
.stage-empty h2,.pending-content h3{color:var(--cb-heading)}.stage-empty>p:not(.eyebrow),.pending-content p,.stage-checks li,.stage-checks li>span{color:var(--cb-muted)}.stage-empty>.field-note{color:var(--cb-muted)!important}.stage-empty .eyebrow{color:var(--cb-muted)}
.metrics-grid article>span,.metrics-grid article>small,.table-heading p,.table-heading>span,th,td,td small,.table-footnote,.team-overview p,.team-overview .eyebrow,.budget-panel>.eyebrow,.budget-panel>p,.budget-rows>div,.permissions-section p,.permission-grid p,.exception-panel>p,.event-timeline span,.credit-ledger span{color:var(--cb-muted)}.metrics-grid article>strong{color:var(--cb-text)}.team-overview h2{color:var(--cb-heading)}td>strong,.member-cell strong,.budget-panel h2,.budget-number strong,.budget-rows strong,.permission-grid h3,.exception-panel h2,.event-timeline strong,.credit-ledger strong{color:var(--cb-text)}td .text-btn,.budget-panel>.btn,.exception-panel>.text-btn{color:var(--cb-text)}.table-footnote{font-size:calc(9px * var(--cb-type-scale))}.asset-planned>p,.wardrobe-list p,.asset-planned>.eyebrow,.asset-views article a,.device-role-grid p,.device-role-grid article>span,.sitemap-grid a>p,.device-chrome>span{color:var(--cb-muted)}.asset-planned h2,.wardrobe-list strong,.asset-views article strong,.sitemap-grid a>span,.device-role-grid h2{color:var(--cb-heading)}
.modal-heading .eyebrow,.modal-copy>p,.modal-form .field-note,.detail-facts dt,.detail-facts dd,.character-detail p:not(.eyebrow),.character-detail .eyebrow,.requirements-list span,.requirements-list strong,.plain-list,.guide-steps span,.activity-list strong,.activity-list p,.log-list time,.log-list p,.drawer-filter-content .field>span,.drawer-filter-content h3,.playback-disclaimer,.player-note,.timeline-control>span:last-child,.motion-modal-info>.eyebrow,.motion-modal-info .notice p,.motion-modal-info>.field-note{color:var(--cb-info-ink)}.modal-heading h2,.character-detail h3,.motion-modal-info h3,.log-list strong,.modal-form .field>span{color:var(--cb-info-ink)}.modal-copy .notice p{color:var(--cb-muted)}.motion-modal-info>.btn:not(.primary){color:var(--cb-on-primary)}.player-controls>.btn,.speed-control select{color:var(--cb-text)}
.marketing-header nav a,.marketing-hero .eyebrow,.hero-description,.marketing-proof,.marketing-hero-art>p,.floating-note>span,.marketing-section-heading>.eyebrow,.marketing-section-heading>p:not(.eyebrow),.marketing-workflow article p,.showcase-lineup figcaption>span,.motion-feature-copy>p:not(.eyebrow),.motion-feature-copy ul,.marketing-motion-list small,.marketing-motion-list>p,.devices-feature p:not(.eyebrow),.device-copy-grid small,.faq-list details>p,.marketing-cta>p:last-child,.marketing-footer>span,.marketing-footer>small{color:var(--cb-spotlight-muted)}.floating-note strong,.marketing-workflow article h3,.showcase-lineup figcaption,.marketing-motion-list strong,.faq-list summary,.device-copy-grid strong{color:var(--cb-muted)}.marketing-line{color:var(--cb-muted)}.marketing-section-heading h2,.motion-feature-copy h2,.devices-feature h2,.faq-section h2,.marketing-cta h2{color:var(--cb-on-spotlight)}.marketing-hero .hero-description{color:var(--cb-spotlight-muted)}.marketing-footer>a,.marketing-section-heading>.text-link,.devices-feature .text-link{color:var(--cb-text)}
/* Desktop density, tablet drawers, phone single-column. No scaled screenshots. */
@media(min-width:1650px){:root{--sidebar:235px}.page{padding-left:calc(var(--cb-space) * 2.25);padding-right:calc(var(--cb-space) * 2.25)}.sidebar{padding-left:calc(var(--cb-space) * 1.1);padding-right:calc(var(--cb-space) * 1.1)}.character-grid,.motion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-image{height:230px}.motion-preview{height:205px}.studio-layout{grid-template-columns:275px minmax(0,1fr) 285px;min-height:720px}.reference-viewport>img{max-height:510px}.recipe-panel,.assistant-panel{padding:calc(var(--cb-space) * 1.2)}.prompt-field textarea{font-size:calc(11px * var(--cb-type-scale))}.selected-template strong{font-size:calc(12px * var(--cb-type-scale))}.selected-template small,.field-note{font-size:calc(10px * var(--cb-type-scale))}.assistant-message p{font-size:calc(11px * var(--cb-type-scale))}.check-list strong{font-size:calc(11px * var(--cb-type-scale))}.check-list small{font-size:calc(10px * var(--cb-type-scale))}.assistant-bottom>.btn{font-size:calc(12px * var(--cb-type-scale))}.viewport-toolbar strong,.viewport-toolbar .muted{font-size:calc(11px * var(--cb-type-scale))}.view-thumb img{height:55px}.view-thumb strong{font-size:calc(10px * var(--cb-type-scale))}.view-thumb small{font-size:calc(8px * var(--cb-type-scale))}.viewport-footer{font-size:calc(9px * var(--cb-type-scale))}.viewport-footer .text-link{font-size:calc(9px * var(--cb-type-scale))}.studio-page{padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 1.7) calc(var(--cb-space) * 2)}}
@media(min-width:1280px) and (max-width:1390px){:root{--sidebar:198px}.page{padding:calc(var(--cb-space) * 1.4)}.topbar{padding:0 calc(var(--cb-space) * 1.4)}.sidebar{padding-left:calc(var(--cb-space) * 0.7);padding-right:calc(var(--cb-space) * 0.7)}.studio-page{padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1)}.studio-layout{grid-template-columns:215px minmax(0,1fr) 215px}.recipe-panel{padding:calc(var(--cb-space) * 0.9) calc(var(--cb-space) * 0.7)}.assistant-panel{padding:calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 0.7)}.workflow-steps button{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.65)}.workflow-steps small{font-size:calc(7px * var(--cb-type-scale))}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:calc(var(--cb-space) * 1.1)}.filter-panel{padding-right:calc(var(--cb-space) * 0.9)}.character-grid,.motion-grid{gap:calc(var(--cb-space) * 0.7)}.character-image{height:185px}.motion-preview{height:165px}.view-strip{padding-left:calc(var(--cb-space) * 0.4);padding-right:calc(var(--cb-space) * 0.4);gap:calc(var(--cb-space) * 0.15)}.view-thumb{min-height:70px}.view-thumb img{height:35px}.viewport-toolbar{padding-left:calc(var(--cb-space) * 0.65);padding-right:calc(var(--cb-space) * 0.65)}.reference-viewport{min-height:385px}.hero-copy h2{font-size:calc(37px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-grid{gap:calc(var(--cb-space) * 0.6)}.start-item{padding:calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.5)}.start-item h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}.project-grid{gap:calc(var(--cb-space) * 0.75)}.project-note{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1)}.project-note h3{font-size:calc(21px * var(--cb-type-scale) * var(--cb-heading-scale))}.ops-layout{grid-template-columns:minmax(0,1fr) 295px;gap:calc(var(--cb-space) * 0.9)}.exception-panel{padding:calc(var(--cb-space) * 1.05)}.ops-page td,.ops-page th{padding-left:calc(var(--cb-space) * 0.75);padding-right:calc(var(--cb-space) * 0.75)}}
@media(min-width:768px) and (max-width:1279px){:root{--sidebar:176px}.sidebar{padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.75)}.sidebar>.brand{margin-left:4px}.brand{width:143px}.brand img{width:141px;height:34px}.brand>span{top:32px;left:34px}.tenant-select{gap:calc(var(--cb-space) * 0.25);padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.3)}.tenant-select select{font-size:calc(10px * var(--cb-type-scale));padding-right:0}.primary-nav a{height:43px;padding:0 calc(var(--cb-space) * 0.55);gap:calc(var(--cb-space) * 0.45);font-size:calc(11px * var(--cb-type-scale))}.primary-nav .nav-symbol{font-size:calc(8px * var(--cb-type-scale));min-width:13px}.sidebar-footer{padding-left:calc(var(--cb-space) * 0.25);padding-right:calc(var(--cb-space) * 0.25)}.sidebar-footer>p{font-size:calc(8px * var(--cb-type-scale))}.account{gap:calc(var(--cb-space) * 0.3)}.account strong{font-size:calc(10px * var(--cb-type-scale))}.account small{font-size:calc(7px * var(--cb-type-scale))}.topbar{padding:0 calc(var(--cb-space) * 1.25);height:64px}.topbar-actions{gap:calc(var(--cb-space) * 0.65)}.demo-pill{font-size:calc(8px * var(--cb-type-scale))}.breadcrumb{font-size:calc(10px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.5)}.page{padding:calc(var(--cb-space) * 1.3) calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.85)}.page-heading{align-items:start;gap:calc(var(--cb-space) * 0.85)}.page-heading h1{font-size:calc(26px * var(--cb-type-scale) * var(--cb-heading-scale))}.page-description{font-size:calc(11px * var(--cb-type-scale));max-width:430px}.heading-actions{gap:calc(var(--cb-space) * 0.35)}.heading-actions .btn{font-size:calc(10px * var(--cb-type-scale));min-height:36px;padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.55)}.page-heading .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.home-hero{min-height:300px;grid-template-columns:1fr 45%}.hero-copy{padding:calc(var(--cb-space) * 1.45) calc(var(--cb-space) * 1.3)}.hero-copy h2{font-size:calc(34px * var(--cb-type-scale) * var(--cb-heading-scale))}.hero-copy>p:not(.eyebrow){font-size:calc(10px * var(--cb-type-scale))}.hero-copy>p>span{font-size:calc(9px * var(--cb-type-scale))}.hero-actions{gap:calc(var(--cb-space) * 0.75)}.hero-actions .btn{min-width:112px;font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.6)}.hero-actions .text-btn{font-size:calc(10px * var(--cb-type-scale))}.hero-label{left:15px;top:15px}.hero-label strong{font-size:calc(9px * var(--cb-type-scale))}.hero-label span{font-size:calc(7px * var(--cb-type-scale))}.hero-character{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.75)}.hero-character>img{height:295px;max-height:none;object-fit:contain}.hero-watermark{font-size:calc(110px * var(--cb-type-scale))}.hero-meta{font-size:calc(8px * var(--cb-type-scale))}.stat-strip>div{padding:0 calc(var(--cb-space) * 0.9)}.stat-strip strong{font-size:calc(25px * var(--cb-type-scale))}.stat-strip span{font-size:calc(9px * var(--cb-type-scale))}.stat-strip small{font-size:calc(8px * var(--cb-type-scale));margin-left:5px}.start-grid{gap:calc(var(--cb-space) * 0.5)}.start-item{padding:calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 0.6);gap:calc(var(--cb-space) * 0.45);flex-wrap:wrap;position:relative}.start-item .step-number{width:27px;height:29px;font-size:calc(10px * var(--cb-type-scale))}.start-item>div{flex:1}.start-item h3{font-size:calc(11px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-item p{font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.start-item .arrow{display:none}.project-grid{grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 0.8)}.project-note{grid-column:1/-1;padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.3);display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--cb-space) * 1.25);position:relative}.project-note>.eyebrow{grid-column:1/2;font-size:calc(8px * var(--cb-type-scale))}.project-note h3{font-size:calc(21px * var(--cb-type-scale) * var(--cb-heading-scale));grid-column:1;grid-row:2/4;margin-top:6px}.project-note p{font-size:calc(10px * var(--cb-type-scale));grid-row:1/3;grid-column:2;margin:0}.project-note>a{font-size:calc(10px * var(--cb-type-scale));margin-top:10px;grid-column:2}.project-preview{height:180px}.project-preview img{height:193px}.library-banner{padding:calc(var(--cb-space) * 1.25);height:190px}.library-banner h2{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale))}.library-banner p{font-size:calc(9px * var(--cb-type-scale))}.library-banner .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.banner-figures{width:49%;height:200px}.banner-figures img{height:180px;object-fit:contain;width:41%;max-width:none;margin:0 -4%}.banner-figures img:nth-child(2){height:200px}.tabs{gap:calc(var(--cb-space) * 1.1)}.tabs button{font-size:calc(11px * var(--cb-type-scale))}.catalog-layout{grid-template-columns:170px minmax(0,1fr);gap:calc(var(--cb-space) * 0.95)}.filter-panel{padding-right:calc(var(--cb-space) * 0.85)}.character-grid,.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.75)}.character-image{height:190px}.motion-preview{height:175px}.character-card-body,.motion-body{padding:calc(var(--cb-space) * 0.6)}.character-card-body h3,.motion-title h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}.catalog-toolbar{gap:calc(var(--cb-space) * 0.45);flex-wrap:wrap}.search-field{min-width:150px}.sort-field{min-width:115px}.sort-field select{font-size:calc(9px * var(--cb-type-scale))}.results-heading{font-size:calc(9px * var(--cb-type-scale))}.results-heading>span:last-child{font-size:calc(8px * var(--cb-type-scale))}.bank-intro{padding:calc(var(--cb-space) * 1.25)}.bank-intro h2{font-size:calc(26px * var(--cb-type-scale) * var(--cb-heading-scale))}.bank-count{padding-right:calc(var(--cb-space) * 0.1);gap:calc(var(--cb-space) * 0.75)}.bank-count strong{font-size:calc(60px * var(--cb-type-scale))}.bank-count span{font-size:calc(9px * var(--cb-type-scale))}.tab-note{display:none}.studio-page{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1) calc(var(--cb-space) * 1.5)}.studio-page .page-heading h1{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale))}.workflow-steps button{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.55);gap:calc(var(--cb-space) * 0.35);flex-wrap:wrap}.workflow-steps strong{font-size:calc(10px * var(--cb-type-scale))}.workflow-steps small{display:none}.studio-layout{grid-template-columns:220px minmax(0,1fr);min-height:660px}.recipe-panel{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.75)}.assistant-panel{display:none}.studio-mobile-tools{display:flex;justify-content:flex-end;gap:calc(var(--cb-space) * 0.45);margin:-4px 0 13px}.studio-mobile-tools .btn{font-size:calc(10px * var(--cb-type-scale));min-height:32px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.6)}.studio-mobile-tools>.btn:first-child{display:none}.viewport-toolbar{padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.65);flex-wrap:wrap}.reference-viewport{padding:calc(var(--cb-space) * 1.75) calc(var(--cb-space) * 0.2);min-height:430px}.view-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(var(--cb-space) * 0.5);gap:calc(var(--cb-space) * 0.25)}.view-thumb{min-height:65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.25)}.view-thumb>img,.missing-thumb{grid-row:1/3;height:45px;width:100%;object-fit:contain}.view-thumb strong{margin:8px 0 0;font-size:calc(8px * var(--cb-type-scale))}.view-thumb small{font-size:calc(7px * var(--cb-type-scale));align-self:start}.viewport-footer{padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.65);flex-wrap:wrap;gap:calc(var(--cb-space) * 0.25);font-size:calc(8px * var(--cb-type-scale))}.viewport-footer .text-link{font-size:calc(8px * var(--cb-type-scale))}.stage-empty{padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 1.2)}.stage-empty h2{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale))}.stage-empty>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale))}.stage-checks li{font-size:calc(10px * var(--cb-type-scale))}.stage-checks li>span{font-size:calc(8px * var(--cb-type-scale))}.metrics-grid{gap:calc(var(--cb-space) * 0.7)}.metrics-grid article{padding:calc(var(--cb-space) * 0.95)}.metrics-grid article>strong{font-size:calc(32px * var(--cb-type-scale))}.metrics-grid article>span{font-size:calc(10px * var(--cb-type-scale))}.metrics-grid article>small{font-size:calc(8px * var(--cb-type-scale))}.team-layout{grid-template-columns:1fr}.budget-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--cb-space) * 1.4)}.budget-panel>.eyebrow,.budget-panel h2,.budget-number,.budget-panel>.progress-track{grid-column:1}.budget-panel>.budget-rows{grid-column:2;grid-row:1/5;margin:0}.budget-panel>.btn{grid-column:2;margin-top:13px;grid-row:5/6}.budget-panel>p{grid-column:1;grid-row:5/6}.permission-grid{gap:calc(var(--cb-space) * 0.85)}.permission-grid h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}.permission-grid p{font-size:calc(10px * var(--cb-type-scale))}.ops-layout{grid-template-columns:1fr}.exception-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(var(--cb-space) * 1.5)}.exception-title,.exception-panel h2,.exception-panel>p:not(.field-note){grid-column:1}.exception-title{align-items:start;max-width:290px}.exception-panel h2{margin-top:12px}.event-timeline{grid-column:2;grid-row:1/7;margin:8px 0}.credit-ledger{grid-column:1;margin-top:18px}.exception-panel .field-note{grid-column:1}.exception-panel>.btn{grid-column:1}.exception-panel>.text-btn{grid-column:1}.asset-views{gap:calc(var(--cb-space) * 0.75)}.asset-views img{height:180px}.asset-views article>div{padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.6);gap:calc(var(--cb-space) * 0.35);font-size:calc(10px * var(--cb-type-scale))}.asset-views article a{font-size:calc(8px * var(--cb-type-scale))}.device-role-grid{gap:calc(var(--cb-space) * 1)}.device-role-grid h2{font-size:calc(19px * var(--cb-type-scale) * var(--cb-heading-scale))}.device-role-grid p{font-size:calc(10px * var(--cb-type-scale))}.device-role-grid article>span{font-size:calc(8px * var(--cb-type-scale))}.device-toolbar{flex-wrap:wrap}.sitemap-grid{grid-template-columns:repeat(2,1fr)}.device-preview-scroll{padding:calc(var(--cb-space) * 0.7)}.marketing-header{padding:0 calc(var(--cb-space) * 1.75);height:80px;gap:calc(var(--cb-space) * 1)}.marketing-header nav{gap:calc(var(--cb-space) * 0.9)}.marketing-header nav a{font-size:calc(10px * var(--cb-type-scale))}.marketing-header>.brand,.marketing-header>.brand img{width:140px}.marketing-header>.btn{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.65)}.marketing-hero{padding:calc(var(--cb-space) * 2.4) calc(var(--cb-space) * 1.75) calc(var(--cb-space) * 1.8);gap:calc(var(--cb-space) * 1.1);min-height:510px}.marketing-hero h1{font-size:calc(39px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-hero .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.hero-description{font-size:calc(12px * var(--cb-type-scale))}.marketing-hero .large-btn{font-size:calc(11px * var(--cb-type-scale));min-height:43px;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.75)}.marketing-hero-art{min-height:375px}.marketing-hero-art>img{height:365px}.floating-note{padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.55)}.note-a{top:56px;left:-12px}.note-b{right:-7px;bottom:63px}.marketing-line{padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.75);font-size:calc(10px * var(--cb-type-scale))}.marketing-section{padding:calc(var(--cb-space) * 3) calc(var(--cb-space) * 1.75)}.marketing-section-heading h2{font-size:calc(30px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-section-heading>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale))}.marketing-workflow{gap:calc(var(--cb-space) * 1.1)}.marketing-workflow article h3{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-workflow article p{font-size:calc(10px * var(--cb-type-scale))}.showcase-lineup{gap:calc(var(--cb-space) * 0.6)}.showcase-lineup img{height:190px}.motion-feature{gap:calc(var(--cb-space) * 2)}.motion-feature-copy h2{font-size:calc(31px * var(--cb-type-scale) * var(--cb-heading-scale))}.motion-feature-copy>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale))}.motion-feature-copy ul{font-size:calc(10px * var(--cb-type-scale))}.marketing-motion-list>button{gap:calc(var(--cb-space) * 0.85);padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 0.15)}.marketing-motion-list strong{font-size:calc(15px * var(--cb-type-scale))}.devices-feature{gap:calc(var(--cb-space) * 2)}.devices-feature h2{font-size:calc(30px * var(--cb-type-scale) * var(--cb-heading-scale))}.devices-feature p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale))}.device-copy-grid>div{grid-template-columns:75px 1fr}.device-copy-grid strong{font-size:calc(17px * var(--cb-type-scale))}.faq-section{gap:calc(var(--cb-space) * 1.75)}.faq-section h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale))}.faq-list summary{font-size:calc(11px * var(--cb-type-scale))}.faq-list details>p{font-size:calc(10px * var(--cb-type-scale))}.marketing-footer{padding:calc(var(--cb-space) * 1.3) calc(var(--cb-space) * 1.75);gap:calc(var(--cb-space) * 1)}.marketing-footer>span{font-size:calc(9px * var(--cb-type-scale));margin-left:0}.marketing-footer>small{display:none}.marketing-cta h2{font-size:calc(27px * var(--cb-type-scale) * var(--cb-heading-scale))}.motion-dialog{width:calc(100vw - 36px)}.motion-modal-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.motion-modal-info{padding:calc(var(--cb-space) * 1)}.motion-modal-canvas{min-height:350px}.motion-modal-canvas img{height:310px}.player-controls{gap:calc(var(--cb-space) * 0.45);padding:calc(var(--cb-space) * 0.65)}.timeline-control{gap:calc(var(--cb-space) * 0.3)}.timeline-control>span:last-child{font-size:calc(7px * var(--cb-type-scale));min-width:48px}.player-controls>.btn{font-size:calc(8px * var(--cb-type-scale));min-width:67px}.speed-control select{font-size:calc(8px * var(--cb-type-scale));width:43px}}
@media(min-width:768px) and (max-width:1000px){:root{--sidebar:164px}.sidebar{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.7)}.brand,.brand img{width:135px}.tenant-select .avatar{display:none}.tenant-select select{padding-left:calc(var(--cb-space) * 0.25)}.topbar{padding:0 calc(var(--cb-space) * 1.05)}.help-button{display:none}.page{padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 1.75)}.page-heading{flex-wrap:wrap;margin-bottom:23px}.heading-actions{margin-left:auto}.page-heading h1{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale))}.home-page .heading-actions{margin-left:0}.home-hero{grid-template-columns:1fr 43%;min-height:305px}.hero-copy{padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1)}.hero-copy h2{font-size:calc(31px * var(--cb-type-scale) * var(--cb-heading-scale))}.hero-copy>p>span{font-size:calc(8px * var(--cb-type-scale))}.hero-character>img{height:260px}.hero-actions{gap:calc(var(--cb-space) * 0.6)}.hero-actions .text-btn{font-size:calc(9px * var(--cb-type-scale))}.hero-meta{font-size:calc(7px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.2)}.hero-meta .separator{margin:0 3px}.stat-strip>div{padding:0 calc(var(--cb-space) * 0.6)}.stat-strip small{display:block;margin-left:0;margin-top:3px}.start-grid{grid-template-columns:1fr}.start-item{padding:calc(var(--cb-space) * 0.75);gap:calc(var(--cb-space) * 0.65);flex-wrap:nowrap}.start-item h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-item p{font-size:calc(9px * var(--cb-type-scale))}.start-item .arrow{display:block;font-size:16px}.project-preview{height:160px}.project-preview img{height:178px}.project-note p{font-size:calc(9px * var(--cb-type-scale))}.project-note h3{font-size:calc(18px * var(--cb-type-scale) * var(--cb-heading-scale))}.section-heading{gap:calc(var(--cb-space) * 0.6)}.section-heading>.muted{display:none}.catalog-layout{grid-template-columns:1fr;gap:0}.filter-panel{display:none}.filter-toggle{display:inline-flex;min-height:39px;font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.55)}.search-field{flex:1;min-width:130px}.sort-field{min-width:105px}.sort-field select{font-size:calc(9px * var(--cb-type-scale))}.character-grid,.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.75)}.character-image{height:200px}.motion-preview{height:190px}.library-banner{padding:calc(var(--cb-space) * 1.1);height:180px}.library-banner h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}.library-banner p{font-size:calc(8px * var(--cb-type-scale))}.library-banner .eyebrow{font-size:calc(7px * var(--cb-type-scale))}.banner-figures{width:46%}.banner-caption{font-size:calc(7px * var(--cb-type-scale))}.bank-intro{padding:calc(var(--cb-space) * 1.15)}.bank-intro h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale))}.bank-intro p{font-size:calc(9px * var(--cb-type-scale))}.bank-count strong{font-size:calc(53px * var(--cb-type-scale))}.bank-count span{font-size:calc(8px * var(--cb-type-scale))}.studio-page{padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 0.9) calc(var(--cb-space) * 1.5)}.studio-page .page-heading{gap:calc(var(--cb-space) * 0.65)}.studio-page .heading-actions{margin-left:0}.studio-layout{grid-template-columns:190px minmax(0,1fr);min-height:660px}.recipe-panel{padding:calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.6)}.selected-template{padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.25);gap:calc(var(--cb-space) * 0.3)}.selected-template img{width:46px;height:52px}.selected-template strong{font-size:calc(9px * var(--cb-type-scale))}.recipe-panel .field>span{font-size:calc(8px * var(--cb-type-scale))}.recipe-fields{gap:calc(var(--cb-space) * 0.35)}.palette-choice{padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.15)}.palette-choice i{width:8px;height:14px}.palette-choice span{font-size:calc(7px * var(--cb-type-scale))}.recipe-panel .field-note{font-size:calc(8px * var(--cb-type-scale))}.prompt-field textarea{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35)}.viewport-toolbar{padding:calc(var(--cb-space) * 0.6);gap:calc(var(--cb-space) * 0.35)}.viewport-toolbar>div{flex-wrap:wrap;gap:calc(var(--cb-space) * 0.25)}.viewport-toolbar .muted{font-size:calc(7px * var(--cb-type-scale))}.viewport-toolbar strong{font-size:calc(8px * var(--cb-type-scale))}.viewport-toolbar .badge{display:none}.reference-viewport{min-height:405px;padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 0.1)}.viewport-coordinate{font-size:calc(6px * var(--cb-type-scale));left:12px}.viewport-note{font-size:calc(6px * var(--cb-type-scale));padding:0 calc(var(--cb-space) * 0.4)}.view-strip{padding:calc(var(--cb-space) * 0.4);gap:calc(var(--cb-space) * 0.2)}.view-thumb{min-height:62px;padding:calc(var(--cb-space) * 0.15)}.view-thumb strong{font-size:calc(7px * var(--cb-type-scale))}.view-thumb small{font-size:calc(6px * var(--cb-type-scale))}.view-thumb>img,.missing-thumb{height:35px}.workflow-steps button{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.4);gap:calc(var(--cb-space) * 0.25);justify-content:center}.workflow-steps button>span{width:20px;height:20px;font-size:calc(8px * var(--cb-type-scale))}.workflow-steps strong{font-size:calc(9px * var(--cb-type-scale))}.studio-bottom-note{font-size:calc(7px * var(--cb-type-scale))}.stage-empty{padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1)}.stage-empty h2{font-size:calc(20px * var(--cb-type-scale) * var(--cb-heading-scale))}.stage-empty>p:not(.eyebrow){font-size:calc(10px * var(--cb-type-scale))}.stage-checks li{font-size:calc(9px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.4)}.stage-checks li>span{font-size:calc(7px * var(--cb-type-scale))}.metrics-grid{gap:calc(var(--cb-space) * 0.5)}.metrics-grid article{padding:calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.65)}.metrics-grid article>span{font-size:calc(9px * var(--cb-type-scale))}.metrics-grid article>strong{font-size:calc(28px * var(--cb-type-scale))}.metrics-grid article>small{font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));display:block}.table-toolbar{padding:0 calc(var(--cb-space) * 0.8);gap:calc(var(--cb-space) * 0.5)}.compact-tabs{gap:calc(var(--cb-space) * 0.85)}.compact-tabs button{font-size:calc(10px * var(--cb-type-scale))}.table-toolbar>.muted{font-size:calc(8px * var(--cb-type-scale))}.team-overview{padding:calc(var(--cb-space) * 1.2)}.team-overview h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}.team-overview p{font-size:calc(10px * var(--cb-type-scale))}.team-overview .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.team-overview .workspace-monogram{width:65px;height:65px;font-size:calc(29px * var(--cb-type-scale))}.asset-views{grid-template-columns:repeat(2,1fr)}.asset-views img{height:195px}.asset-planned{padding:calc(var(--cb-space) * 1.4)}.asset-planned h2{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale))}.wardrobe-list{gap:calc(var(--cb-space) * 0.9)}.wardrobe-list strong{font-size:calc(13px * var(--cb-type-scale))}.wardrobe-list p{font-size:calc(8px * var(--cb-type-scale))}.device-role-grid{gap:calc(var(--cb-space) * 0.85)}.device-role-grid h2{font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale))}.device-role-grid article>span{font-size:calc(7px * var(--cb-type-scale))}.device-role-grid p{font-size:calc(9px * var(--cb-type-scale))}.device-toolbar{gap:calc(var(--cb-space) * 0.65)}.segmented button{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5)}.inline-field{min-width:190px}.inline-field>span{font-size:calc(9px * var(--cb-type-scale))}.inline-field select{font-size:calc(10px * var(--cb-type-scale))}.exception-panel{column-gap:calc(var(--cb-space) * 1.15);padding:calc(var(--cb-space) * 1.05)}.exception-title>.eyebrow{font-size:calc(7px * var(--cb-type-scale))}.exception-title>.badge{font-size:calc(8px * var(--cb-type-scale))}.event-timeline strong{font-size:calc(10px * var(--cb-type-scale))}.event-timeline span{font-size:calc(7px * var(--cb-type-scale))}.marketing-header nav{gap:calc(var(--cb-space) * 0.65)}.marketing-header nav a{font-size:calc(9px * var(--cb-type-scale))}.marketing-header>.brand,.marketing-header>.brand img{width:125px}.marketing-header{padding:0 calc(var(--cb-space) * 1.4);gap:calc(var(--cb-space) * 0.75)}.marketing-hero{padding:calc(var(--cb-space) * 2) calc(var(--cb-space) * 1.4) calc(var(--cb-space) * 1.6);gap:calc(var(--cb-space) * 0.9)}.marketing-hero h1{font-size:calc(34px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-hero .eyebrow{font-size:calc(7px * var(--cb-type-scale))}.hero-description{font-size:calc(11px * var(--cb-type-scale))}.marketing-hero-art{min-height:330px}.marketing-hero-art>img{height:315px}.marketing-proof{font-size:calc(8px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.55)}.marketing-hero .hero-actions{gap:calc(var(--cb-space) * 0.45)}.marketing-hero .large-btn{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.6);min-height:41px}.floating-note>span{font-size:calc(6px * var(--cb-type-scale))}.floating-note strong{font-size:calc(9px * var(--cb-type-scale))}.note-a{left:-10px;top:48px}.note-b{right:-7px;bottom:52px}.marketing-section{padding:calc(var(--cb-space) * 2.6) calc(var(--cb-space) * 1.4)}.marketing-line{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 1.4)}.marketing-workflow{gap:calc(var(--cb-space) * 0.9)}.marketing-workflow article h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-workflow article p{font-size:calc(9px * var(--cb-type-scale))}.marketing-section-heading h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale))}.showcase-lineup img{height:165px}.showcase-lineup figcaption{font-size:calc(10px * var(--cb-type-scale))}.motion-feature{gap:calc(var(--cb-space) * 1.5)}.motion-feature-copy h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-motion-list strong{font-size:calc(14px * var(--cb-type-scale))}.marketing-motion-list small{font-size:calc(8px * var(--cb-type-scale))}.marketing-motion-list>button{gap:calc(var(--cb-space) * 0.65)}.devices-feature{gap:calc(var(--cb-space) * 1.5)}.devices-feature h2{font-size:calc(27px * var(--cb-type-scale) * var(--cb-heading-scale))}.device-copy-grid>div{grid-template-columns:65px 1fr}.device-copy-grid>div>span{font-size:calc(8px * var(--cb-type-scale))}.device-copy-grid strong{font-size:calc(15px * var(--cb-type-scale))}.faq-section{gap:calc(var(--cb-space) * 1.45)}.faq-section h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-footer{padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.4)}.marketing-footer img{width:115px}}
@media(max-width:767px){:root{--sidebar:245px;font-size:var(--cb-font-size)}.sidebar{transform:translateX(-100%);transition:transform calc(var(--cb-motion) * 1.375);z-index:120;padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 1.1);background:var(--cb-inset)}.sidebar>.brand{margin-bottom:32px}.primary-nav a{height:44px;font-size:calc(13px * var(--cb-type-scale))}.nav-symbol{font-size:calc(10px * var(--cb-type-scale))}.tenant-select select{font-size:calc(12px * var(--cb-type-scale))}.tenant-select{padding:calc(var(--cb-space) * 0.5)}.nav-caption{font-size:calc(10px * var(--cb-type-scale));margin-top:22px}.sidebar-footer>p{font-size:calc(10px * var(--cb-type-scale))}.local-tag{font-size:calc(11px * var(--cb-type-scale))}.account strong{font-size:calc(12px * var(--cb-type-scale))}.account small{font-size:calc(9px * var(--cb-type-scale))}.sidebar-footer{padding-top:calc(var(--cb-space) * 0.9)}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-shade{display:block;position:fixed;inset:0;z-index:110;background:color-mix(in srgb, var(--cb-overlay-ink) 38.03922%, transparent);backdrop-filter:blur(2px);width:100%;height:100%}.shell-main{margin-left:0}.topbar{height:61px;padding:0 calc(var(--cb-space) * 0.9);position:sticky;top:0;z-index:40;background:color-mix(in srgb, var(--cb-raised) 96.07843%, transparent);backdrop-filter:blur(14px)}.topbar-left{gap:calc(var(--cb-space) * 0.6)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:20px;color:var(--cb-text);padding:0}.breadcrumb{gap:calc(var(--cb-space) * 0.45);font-size:calc(11px * var(--cb-type-scale))}.breadcrumb>span:first-child{display:none}.breadcrumb>span:nth-child(2){display:none}.breadcrumb strong{font-weight:600;color:var(--cb-text)}.topbar-actions{gap:calc(var(--cb-space) * 0.6)}.demo-pill{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.35)}.help-button{display:none}.top-avatar{width:27px;height:27px;font-size:calc(10px * var(--cb-type-scale))}.page{padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 0.9) calc(var(--cb-space) * 1.7);min-height:calc(100dvh - 143px)}.page-heading{margin-bottom:23px;align-items:start;gap:calc(var(--cb-space) * 0.75);flex-wrap:wrap}.page-heading .eyebrow{font-size:calc(8px * var(--cb-type-scale));margin-bottom:8px}.page-heading h1{font-size:calc(26px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);line-height:calc(1.4 * var(--cb-leading-scale))}.page-description{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));max-width:340px;margin-top:8px}.heading-actions{width:100%;gap:calc(var(--cb-space) * 0.45)}.heading-actions .btn{font-size:calc(11px * var(--cb-type-scale));min-height:38px;padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.7)}.page-footer{margin:0 18px;padding:calc(var(--cb-space) * 0.95) 0 calc(var(--cb-space) * 4.6);gap:calc(var(--cb-space) * 0.75);font-size:calc(8px * var(--cb-type-scale));flex-wrap:wrap}.page-footer>span:nth-child(2){display:none}.page-footer>a{margin-left:auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:65;height:69px;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--cb-raised) 94.90196%, transparent);backdrop-filter:blur(16px);border-top:var(--cb-border-width) solid var(--cb-border);box-shadow:var(--cb-shadow)}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--cb-space) * 0.3);font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.35) 0 calc(var(--cb-space) * 0.45)}.mobile-nav-mark{height:4px;width:16px;border-radius:calc(var(--cb-radius) * 0.25);background:var(--cb-inset)}.mobile-nav a.active{color:var(--jade);font-weight:650}.mobile-nav a.active .mobile-nav-mark{background:var(--jade)}.toast{bottom:85px;font-size:calc(12px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.85);max-width:calc(100vw - 30px);width:max-content}.section{margin-top:28px}.section-heading{align-items:center;gap:calc(var(--cb-space) * 0.6);margin-bottom:17px}.section-heading .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.section-heading h2{font-size:calc(18px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight)}.section-heading>.muted{display:none}.section-heading p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}.section-heading .text-btn{font-size:calc(10px * var(--cb-type-scale))}.home-hero{display:grid;grid-template-columns:1fr;min-height:0;border-radius:calc(var(--cb-radius) * 0.83333)}.hero-copy{padding:calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.25)}.hero-copy .eyebrow{font-size:calc(8px * var(--cb-type-scale));margin-bottom:12px}.hero-copy h2{font-size:calc(37px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.32 * var(--cb-leading-scale))}.hero-copy>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));margin-top:14px}.hero-copy>p>span{font-size:calc(10px * var(--cb-type-scale))}.hero-actions{margin-top:19px;gap:calc(var(--cb-space) * 1.05)}.hero-actions .btn{font-size:calc(11px * var(--cb-type-scale));min-height:39px;padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.65);min-width:125px}.hero-actions .text-btn{font-size:calc(10px * var(--cb-type-scale))}.hero-meta{font-size:calc(9px * var(--cb-type-scale));margin-top:19px;gap:calc(var(--cb-space) * 0.3)}.hero-meta .separator{margin:0 6px}.hero-character{height:238px;border-left:0;border-top:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.85) 0 calc(var(--cb-space) * 0.4);background:var(--cb-spotlight)}.hero-character>img{height:250px;object-fit:contain;width:100%;max-height:none;margin-top:10px}.hero-label{top:12px;left:17px}.hero-label span{font-size:calc(7px * var(--cb-type-scale))}.hero-label strong{font-size:calc(8px * var(--cb-type-scale))}.image-caption{font-size:calc(7px * var(--cb-type-scale));right:13px;bottom:10px}.hero-watermark{font-size:calc(112px * var(--cb-type-scale));bottom:184px;left:24%;z-index:0;color:var(--cb-spotlight-muted)}.stat-strip{grid-template-columns:repeat(2,1fr);row-gap:calc(var(--cb-space) * 1);padding:calc(var(--cb-space) * 1.15) 0}.stat-strip>div{padding:0 calc(var(--cb-space) * 1)}.stat-strip>div:nth-child(2){border-right:0}.stat-strip>div:nth-child(3){padding-left:0}.stat-strip span{font-size:calc(9px * var(--cb-type-scale))}.stat-strip strong{font-size:calc(26px * var(--cb-type-scale));margin-top:4px;line-height:calc(1.4 * var(--cb-leading-scale))}.stat-strip small{font-size:calc(8px * var(--cb-type-scale));margin-left:7px}.start-grid{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.5)}.start-item{padding:calc(var(--cb-space) * 0.85) calc(var(--cb-space) * 0.8);gap:calc(var(--cb-space) * 0.7);border-radius:calc(var(--cb-radius) * 0.66667)}.step-number{width:33px;height:37px;font-size:calc(11px * var(--cb-type-scale))}.start-item h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-item p{font-size:calc(10px * var(--cb-type-scale));margin-top:4px;line-height:calc(1.8 * var(--cb-leading-scale))}.arrow{font-size:18px}.project-grid{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.8)}.project-card{display:grid;grid-template-columns:42% 1fr;min-height:165px;border-radius:calc(var(--cb-radius) * 0.66667)}.project-preview{height:100%;min-height:165px}.project-preview img{height:165px;margin-top:25px;width:100%;object-fit:contain}.floating-label{font-size:calc(7px * var(--cb-type-scale));top:10px;left:10px;padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.3)}.project-info{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.85)}.project-category{font-size:calc(7px * var(--cb-type-scale))}.project-info h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:6px}.project-info p{font-size:calc(9px * var(--cb-type-scale));margin-top:7px;line-height:calc(1.8 * var(--cb-leading-scale))}.project-info>a{font-size:calc(10px * var(--cb-type-scale));margin-top:15px}.project-note{padding:calc(var(--cb-space) * 1.35)}.project-note>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.project-note h3{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));margin-top:13px}.project-note p{font-size:calc(11px * var(--cb-type-scale));margin-top:15px;max-width:340px}.project-note>a{font-size:calc(11px * var(--cb-type-scale));margin-top:19px}.library-banner{height:auto;min-height:230px;padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.1);display:block;margin-bottom:21px;border-radius:calc(var(--cb-radius) * 0.66667)}.library-banner h2{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));margin-top:10px;position:relative;z-index:2}.library-banner .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.library-banner p{font-size:calc(9px * var(--cb-type-scale));margin-top:12px;position:relative;z-index:2;max-width:180px}.banner-figures{position:absolute;right:-27px;bottom:5px;width:54%;height:175px;opacity:.75;overflow:visible;margin:0;justify-content:center}.banner-figures img{width:105px;height:150px;flex-shrink:0;object-fit:contain;max-width:none;margin:0 -25px}.banner-figures img:nth-child(2){height:178px}.banner-caption{font-size:calc(7px * var(--cb-type-scale));bottom:8px;right:12px;z-index:3}.tabs{gap:calc(var(--cb-space) * 1.15);min-height:43px;margin-bottom:18px;overflow-x:auto}.tabs button{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.5) 0 calc(var(--cb-space) * 0.6);min-height:43px}.tabs button>span{font-size:calc(8px * var(--cb-type-scale));margin-left:4px}.catalog-layout{display:block}.filter-panel{display:none}.catalog-toolbar{gap:calc(var(--cb-space) * 0.35);flex-wrap:wrap;margin-bottom:15px}.search-field{flex:1;min-width:0;width:calc(100% - 59px)}.search-field input{font-size:calc(11px * var(--cb-type-scale));min-height:41px;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.45)}.search-field>span{font-size:calc(9px * var(--cb-type-scale));padding-left:calc(var(--cb-space) * 0.5);padding-right:calc(var(--cb-space) * 0.4)}.filter-toggle{display:inline-flex;font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.6);min-height:41px;min-width:52px}.sort-field{width:100%;min-width:0;display:flex;justify-content:flex-end}.sort-field select{font-size:calc(10px * var(--cb-type-scale));width:130px;min-height:35px;padding:7px 8px;background:var(--cb-surface)}.results-heading{font-size:calc(10px * var(--cb-type-scale));margin-bottom:15px;align-items:start}.results-heading>span:first-child{max-width:62%;line-height:calc(1.8 * var(--cb-leading-scale))}.results-heading>span:last-child{font-size:calc(8px * var(--cb-type-scale));text-align:right;max-width:45%;line-height:calc(1.9 * var(--cb-leading-scale))}.selected-filters{margin-bottom:15px}.filter-chip{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.4)}.selected-filters>.text-btn{font-size:calc(10px * var(--cb-type-scale))}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.6)}.character-card{border-radius:calc(var(--cb-radius) * 0.58333)}.character-image{height:166px}.image-open{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.05) 0}.card-type{font-size:calc(7px * var(--cb-type-scale));top:9px;left:9px}.favorite-btn{font-size:calc(7px * var(--cb-type-scale));right:7px;top:7px;min-height:24px;min-width:30px;padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.25)}.character-card-body{padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.5)}.character-card-body h3{font-size:calc(11px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:5px;line-height:calc(1.6 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight)}.card-path{font-size:calc(7px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.meta-line{gap:calc(var(--cb-space) * 0.25);font-size:calc(7px * var(--cb-type-scale));margin-top:7px;line-height:calc(1.9 * var(--cb-leading-scale))}.meta-line>span+span{padding-left:calc(var(--cb-space) * 0.25)}.reference-label{font-size:calc(7px * var(--cb-type-scale));margin-top:7px;line-height:calc(1.8 * var(--cb-leading-scale))}.card-actions{flex-direction:column;align-items:stretch;gap:calc(var(--cb-space) * 0.35);margin-top:9px;padding-top:calc(var(--cb-space) * 0.45)}.card-actions .text-btn{font-size:calc(9px * var(--cb-type-scale));text-align:left}.card-actions .small-btn{font-size:calc(9px * var(--cb-type-scale));min-height:31px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4)}.bank-intro{padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.1);margin-bottom:20px;min-height:185px;align-items:start;gap:calc(var(--cb-space) * 0.65)}.bank-intro .eyebrow{font-size:calc(7px * var(--cb-type-scale));max-width:180px;line-height:calc(1.8 * var(--cb-leading-scale))}.bank-intro h2{font-size:calc(27px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:8px}.bank-intro p{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));max-width:225px}.bank-count{display:block;padding:calc(var(--cb-space) * 0.9) 0 0;min-width:52px}.bank-count strong{font-size:calc(47px * var(--cb-type-scale))}.bank-count span{font-size:calc(7px * var(--cb-type-scale));display:block;line-height:calc(1.8 * var(--cb-leading-scale));margin-top:9px}.tab-note{display:none}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.6)}.motion-preview{height:148px;padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.2) 0}.motion-code{font-size:calc(6px * var(--cb-type-scale));left:8px;top:9px;letter-spacing:.05em}.static-caption{font-size:calc(6px * var(--cb-type-scale));left:8px;bottom:8px}.duration{font-size:calc(7px * var(--cb-type-scale));bottom:8px;right:8px}.preview-play{display:none}.motion-body{padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.5)}.motion-title h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.6 * var(--cb-leading-scale))}.favorite-btn.inline{font-size:calc(7px * var(--cb-type-scale));min-height:23px;min-width:27px;padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.2)}.motion-body>.card-path{font-size:calc(7px * var(--cb-type-scale));margin-top:7px;line-height:calc(1.7 * var(--cb-leading-scale))}.motion-tags{gap:calc(var(--cb-space) * 0.2);margin-top:9px}.motion-tags .badge{font-size:calc(7px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.2)}.motion-tags>span:last-child:not(.badge){font-size:calc(7px * var(--cb-type-scale));margin-left:0;width:100%;margin-top:3px}.motion-card-footer{flex-direction:column;align-items:flex-start;gap:calc(var(--cb-space) * 0.25);margin-top:9px;padding-top:calc(var(--cb-space) * 0.4)}.motion-card-footer>span{font-size:calc(7px * var(--cb-type-scale))}.motion-card-footer>.text-btn{font-size:calc(9px * var(--cb-type-scale))}.empty-state{padding:calc(var(--cb-space) * 2) calc(var(--cb-space) * 1);min-height:250px}.empty-state h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale))}.empty-state p{font-size:calc(11px * var(--cb-type-scale))}.studio-page{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 1.45)}.studio-page .page-heading{margin-bottom:19px}.studio-page .page-heading h1{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale))}.studio-page .page-description{font-size:calc(10px * var(--cb-type-scale))}.studio-page .heading-actions .btn{min-height:35px;padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.65);font-size:calc(10px * var(--cb-type-scale))}.workflow-steps{margin-bottom:14px;border-radius:calc(var(--cb-radius) * 0.5)}.workflow-steps button{padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.2);gap:calc(var(--cb-space) * 0.25);display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow-steps button>span{width:20px;height:20px;font-size:calc(8px * var(--cb-type-scale))}.workflow-steps strong{font-size:calc(9px * var(--cb-type-scale));font-weight:500}.workflow-steps small{display:none}.studio-mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);margin-bottom:13px}.studio-mobile-tools .btn{font-size:calc(10px * var(--cb-type-scale));min-height:35px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.65);flex:1;background:var(--cb-raised)}.studio-layout{display:block;min-height:0;border-radius:calc(var(--cb-radius) * 0.66667)}.recipe-panel,.assistant-panel{display:none}.studio-center{min-height:0}.viewport-toolbar{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.4)}.viewport-toolbar>div{gap:calc(var(--cb-space) * 0.3);flex-wrap:wrap}.viewport-toolbar strong{font-size:calc(9px * var(--cb-type-scale))}.viewport-toolbar .muted{font-size:calc(8px * var(--cb-type-scale))}.viewport-toolbar>.badge{font-size:calc(7px * var(--cb-type-scale));white-space:nowrap}.reference-viewport{min-height:355px;padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 1.65)}.reference-viewport>img{height:auto;max-height:395px;width:100%;object-fit:contain}.viewport-coordinate{font-size:calc(6px * var(--cb-type-scale));left:13px;top:13px}.viewport-note{font-size:calc(7px * var(--cb-type-scale));bottom:13px;padding:0 calc(var(--cb-space) * 0.65);line-height:calc(1.8 * var(--cb-leading-scale))}.view-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cb-space) * 0.3);padding:calc(var(--cb-space) * 0.55)}.view-thumb{min-height:78px;padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.15);display:flex}.view-thumb img,.missing-thumb{height:42px;width:100%;object-fit:contain}.view-thumb strong{font-size:calc(8px * var(--cb-type-scale));margin-top:3px}.view-thumb small{font-size:calc(7px * var(--cb-type-scale))}.viewport-footer{font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.7);flex-wrap:wrap;gap:calc(var(--cb-space) * 0.35)}.viewport-footer .text-link,.viewport-footer .text-btn{font-size:calc(8px * var(--cb-type-scale))}.studio-bottom-note{font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));gap:calc(var(--cb-space) * 0.75);align-items:start}.studio-bottom-note>span{max-width:65%}.studio-bottom-note>a{white-space:nowrap}.pending-content{padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 1.1)}.pending-content h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale))}.pending-content p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.pending-content .btn{font-size:calc(11px * var(--cb-type-scale))}.stage-empty{padding:calc(var(--cb-space) * 1.75) calc(var(--cb-space) * 1.2);min-height:470px}.stage-empty>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.stage-number{font-size:calc(65px * var(--cb-type-scale));margin-top:12px}.stage-empty h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.6 * var(--cb-leading-scale))}.stage-empty>p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.stage-checks{margin:24px 0}.stage-checks li{font-size:calc(11px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.5)}.stage-checks li>span{font-size:calc(9px * var(--cb-type-scale))}.stage-empty>.btn{font-size:calc(12px * var(--cb-type-scale))}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 0.45);margin-bottom:22px}.metrics-grid article{padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.55);border-radius:calc(var(--cb-radius) * 0.58333)}.metrics-grid article>span{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));display:block}.metrics-grid article>strong{font-size:calc(27px * var(--cb-type-scale));margin:8px 0}.metrics-grid article>strong>em{font-size:calc(12px * var(--cb-type-scale))}.metrics-grid article>small{font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));display:block}.table-panel{border-radius:calc(var(--cb-radius) * 0.66667)}.table-toolbar{padding:0 calc(var(--cb-space) * 0.65);display:block}.table-toolbar>.muted{display:block;font-size:calc(9px * var(--cb-type-scale));padding:0 0 calc(var(--cb-space) * 0.55)}.compact-tabs{gap:calc(var(--cb-space) * 1.05);min-height:50px}.compact-tabs button{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.7) 0}.data-table-wrap{scrollbar-width:thin}.data-table-wrap table{min-width:580px}.team-page table{min-width:420px}.ops-page table{min-width:470px}.task-table{min-width:680px!important}th{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.75)}td{padding:calc(var(--cb-space) * 0.75);font-size:calc(10px * var(--cb-type-scale))}td>strong{font-size:calc(11px * var(--cb-type-scale))}td small{font-size:calc(8px * var(--cb-type-scale))}.table-heading{padding:calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 0.95)}.table-heading h2{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale))}.table-heading p{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.table-footnote{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.85);font-size:calc(9px * var(--cb-type-scale))}.notice{padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.4);margin-top:20px}.notice p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}.notice-dot{margin-top:7px}.team-overview{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 1.05);margin-bottom:21px}.team-overview .eyebrow{font-size:calc(7px * var(--cb-type-scale))}.team-overview h2{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:9px}.team-overview p{font-size:calc(9px * var(--cb-type-scale));margin-top:9px;line-height:calc(1.9 * var(--cb-leading-scale));max-width:210px}.workspace-monogram{width:57px;height:57px;font-size:calc(25px * var(--cb-type-scale));border-radius:calc(var(--cb-radius) * 0.66667);margin-left:15px}.team-layout{grid-template-columns:1fr;gap:calc(var(--cb-space) * 1)}.budget-panel{padding:calc(var(--cb-space) * 1.15)}.budget-panel>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.budget-panel h2{font-size:calc(19px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:8px}.budget-number{margin:20px 0 14px}.budget-number strong{font-size:calc(38px * var(--cb-type-scale))}.budget-number>span{font-size:calc(12px * var(--cb-type-scale))}.budget-rows>div{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) 0}.budget-panel>.btn{font-size:calc(12px * var(--cb-type-scale))}.budget-panel>p{font-size:calc(10px * var(--cb-type-scale))}.permission-grid{grid-template-columns:1fr;gap:calc(var(--cb-space) * 1);padding:calc(var(--cb-space) * 1.15) 0}.permission-grid h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale))}.permission-grid p{font-size:calc(11px * var(--cb-type-scale));margin-top:7px;line-height:calc(1.8 * var(--cb-leading-scale))}.ops-layout{display:block}.exception-panel{margin-top:21px;padding:calc(var(--cb-space) * 1.15)}.exception-title>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.exception-panel h2{font-size:calc(27px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:18px}.exception-panel>p{font-size:calc(11px * var(--cb-type-scale))}.event-timeline{margin:27px 0}.event-timeline li{padding-bottom:calc(var(--cb-space) * 1.2)}.event-timeline strong{font-size:calc(12px * var(--cb-type-scale))}.event-timeline span{font-size:calc(9px * var(--cb-type-scale));margin-top:6px}.credit-ledger{padding:calc(var(--cb-space) * 0.85) 0}.credit-ledger span{font-size:calc(10px * var(--cb-type-scale))}.credit-ledger strong{font-size:calc(18px * var(--cb-type-scale));margin-top:6px}.exception-panel .field-note{font-size:calc(9px * var(--cb-type-scale));margin:13px 0 20px}.exception-panel>.btn{font-size:calc(12px * var(--cb-type-scale));min-height:43px}.exception-panel>.text-btn{font-size:calc(11px * var(--cb-type-scale))}.asset-views{grid-template-columns:repeat(2,1fr);gap:calc(var(--cb-space) * 0.6)}.asset-views img{height:165px}.asset-views article>div{padding:calc(var(--cb-space) * 0.55);display:block;font-size:calc(10px * var(--cb-type-scale))}.asset-views article a{font-size:calc(9px * var(--cb-type-scale));display:block;margin-top:6px}.asset-planned{padding:calc(var(--cb-space) * 1.2);margin:25px 0}.asset-planned>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.asset-planned h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.6 * var(--cb-leading-scale));margin-top:13px}.asset-planned>p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.wardrobe-list{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.85);margin:24px 0}.wardrobe-list>div{display:grid;grid-template-columns:29px 1fr;gap:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.55);padding-top:calc(var(--cb-space) * 0.75)}.wardrobe-list span{grid-row:1/3;padding-top:calc(var(--cb-space) * 0.25);font-size:calc(10px * var(--cb-type-scale))}.wardrobe-list strong{margin:0;font-size:calc(14px * var(--cb-type-scale))}.wardrobe-list p{margin:0;font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.asset-planned>.btn{font-size:calc(11px * var(--cb-type-scale));margin-top:22px}.device-role-grid{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.2);margin-top:25px}.device-role-grid article{padding:calc(var(--cb-space) * 1) 0 calc(var(--cb-space) * 1.15)}.device-role-grid article>span{font-size:calc(9px * var(--cb-type-scale))}.device-role-grid h2{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:8px}.device-role-grid p{font-size:calc(11px * var(--cb-type-scale));margin-top:10px;max-width:100%}.device-preview-section{margin-top:20px}.device-toolbar{flex-direction:column;align-items:stretch;gap:calc(var(--cb-space) * 0.6);margin-bottom:15px}.segmented{justify-content:space-between}.segmented button{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.5);flex:1}.inline-field{min-width:0;justify-content:flex-end}.inline-field>span{font-size:calc(10px * var(--cb-type-scale))}.inline-field select{width:150px;min-height:37px;font-size:calc(11px * var(--cb-type-scale))}.device-preview-scroll{padding:calc(var(--cb-space) * 0.6);border-radius:calc(var(--cb-radius) * 0.66667);max-height:640px}.device-frame iframe{height:580px}.device-frame.phone{border-width:calc(var(--cb-border-width) * 5);border-radius:calc(var(--cb-radius) * 1.83333)}.sitemap-grid{grid-template-columns:repeat(2,1fr)}.sitemap-grid a{padding:calc(var(--cb-space) * 0.9) calc(var(--cb-space) * 0.75)}.sitemap-grid a>span{font-size:calc(12px * var(--cb-type-scale))}.sitemap-grid a>p{font-size:calc(9px * var(--cb-type-scale));margin-top:8px;line-height:calc(1.9 * var(--cb-leading-scale));max-width:100%}.sitemap-grid a>b{position:static;display:block;margin-top:9px;font-size:calc(15px * var(--cb-type-scale))}.marketing-header{padding:0 calc(var(--cb-space) * 1);height:75px;gap:calc(var(--cb-space) * 0.75)}.marketing-header>.brand,.marketing-header>.brand img{width:133px}.marketing-header nav{display:none}.marketing-header>.btn{font-size:calc(10px * var(--cb-type-scale));min-height:36px;padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.55)}.marketing-hero{padding:calc(var(--cb-space) * 1.85) calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.3);display:flex;flex-direction:column;gap:calc(var(--cb-space) * 1.5);align-items:stretch;min-height:0}.marketing-hero>div:first-child{padding:0}.marketing-hero .eyebrow{font-size:calc(7px * var(--cb-type-scale));letter-spacing:.13em;line-height:calc(1.8 * var(--cb-leading-scale))}.marketing-hero h1{font-size:calc(35px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.45 * var(--cb-leading-scale));font-weight:var(--cb-heading-weight);margin-top:18px;letter-spacing:-.035em}.hero-description{font-size:calc(12px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));margin-top:19px}.marketing-hero .hero-actions{margin-top:25px;gap:calc(var(--cb-space) * 0.55)}.marketing-hero .large-btn{font-size:calc(11px * var(--cb-type-scale));min-height:43px;padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.7);min-width:0}.marketing-proof{font-size:calc(8px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.65);margin-top:25px}.marketing-hero-art{min-height:330px;border-radius:36% 36% calc(var(--cb-radius) * 1) calc(var(--cb-radius) * 1);margin:3px 11px 8px;padding:calc(var(--cb-space) * 1.2) 0 calc(var(--cb-space) * 1)}.marketing-hero-art>img{height:320px;width:100%;object-fit:contain}.floating-note{padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);border-radius:calc(var(--cb-radius) * 0.5)}.floating-note>span{font-size:calc(6px * var(--cb-type-scale))}.floating-note strong{font-size:calc(9px * var(--cb-type-scale));margin-top:4px}.note-a{top:49px;left:-12px}.note-b{right:-12px;bottom:61px}.marketing-hero-art>p{font-size:calc(7px * var(--cb-type-scale));bottom:13px}.marketing-line{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 1.15);font-size:calc(7px * var(--cb-type-scale));letter-spacing:.12em}.marketing-line b{font-size:calc(9px * var(--cb-type-scale))}.marketing-section{padding:calc(var(--cb-space) * 2.15) calc(var(--cb-space) * 1.2);scroll-margin-top:20px}.marketing-section-heading>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.marketing-section-heading h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:15px;line-height:calc(1.5 * var(--cb-leading-scale))}.marketing-section-heading>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));margin-top:17px;line-height:calc(2 * var(--cb-leading-scale))}.marketing-section-heading>.text-link{font-size:calc(11px * var(--cb-type-scale));margin-top:20px}.marketing-workflow{grid-template-columns:repeat(2,1fr);gap:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.15);margin-top:32px}.marketing-workflow article{padding-top:calc(var(--cb-space) * 0.85)}.marketing-workflow article>span{font-size:calc(10px * var(--cb-type-scale))}.marketing-workflow article h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:13px}.marketing-workflow article p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));margin-top:10px}.showcase-lineup{grid-template-columns:repeat(2,1fr);gap:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 0.65);margin-top:29px}.showcase-lineup img{height:190px}.showcase-lineup figcaption{font-size:calc(11px * var(--cb-type-scale));margin-top:11px}.showcase-lineup figcaption>span{font-size:calc(8px * var(--cb-type-scale))}.showcase-lineup figure{padding-bottom:calc(var(--cb-space) * 0.8)}.motion-feature{display:block}.motion-feature-copy>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.motion-feature-copy h2{font-size:calc(29px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:16px;line-height:calc(1.5 * var(--cb-leading-scale))}.motion-feature-copy>p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));margin-top:17px;max-width:100%}.motion-feature-copy ul{font-size:calc(10px * var(--cb-type-scale));line-height:calc(2.1 * var(--cb-leading-scale));margin:20px 0}.motion-feature-copy>.btn{font-size:calc(11px * var(--cb-type-scale))}.marketing-motion-list{margin-top:34px}.marketing-motion-list>button{gap:calc(var(--cb-space) * 0.95);padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 0.15)}.marketing-motion-list strong{font-size:calc(16px * var(--cb-type-scale))}.marketing-motion-list small{font-size:calc(9px * var(--cb-type-scale))}.marketing-motion-list>button>span:nth-child(3){font-size:calc(10px * var(--cb-type-scale))}.marketing-motion-list>p{font-size:calc(9px * var(--cb-type-scale));margin-top:15px;line-height:calc(2 * var(--cb-leading-scale))}.devices-feature{display:block}.devices-feature .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.devices-feature h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));margin-top:16px}.devices-feature p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));margin-top:18px;line-height:calc(2 * var(--cb-leading-scale))}.devices-feature .text-link{font-size:calc(11px * var(--cb-type-scale))}.device-copy-grid{gap:calc(var(--cb-space) * 0.7);margin-top:30px}.device-copy-grid>div{grid-template-columns:90px 1fr;padding:calc(var(--cb-space) * 0.9) 0}.device-copy-grid>div>span{font-size:calc(9px * var(--cb-type-scale))}.device-copy-grid strong{font-size:calc(18px * var(--cb-type-scale))}.device-copy-grid small{font-size:calc(10px * var(--cb-type-scale))}.faq-section{display:block}.faq-section .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.faq-section h2{font-size:calc(28px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:15px;line-height:calc(1.5 * var(--cb-leading-scale))}.faq-list{margin-top:28px}.faq-list summary{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 1) 0;line-height:calc(1.8 * var(--cb-leading-scale))}.faq-list details>p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale));padding-bottom:calc(var(--cb-space) * 1)}.faq-list summary>span{font-size:calc(16px * var(--cb-type-scale))}.marketing-cta{padding:calc(var(--cb-space) * 2.4) calc(var(--cb-space) * 1.25)}.marketing-cta .eyebrow{font-size:calc(7px * var(--cb-type-scale));letter-spacing:.11em}.marketing-cta h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.7 * var(--cb-leading-scale));margin:18px auto 25px;max-width:310px}.marketing-cta>.btn{font-size:calc(11px * var(--cb-type-scale));min-height:44px;min-width:200px}.marketing-cta>p:last-child{font-size:calc(9px * var(--cb-type-scale));margin-top:18px}.marketing-footer{padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.2);gap:calc(var(--cb-space) * 0.85);flex-wrap:wrap}.marketing-footer img{width:117px;height:29px}.marketing-footer>span{font-size:calc(9px * var(--cb-type-scale));margin:0}.marketing-footer>a{font-size:calc(9px * var(--cb-type-scale));margin-left:0}.marketing-footer>small{font-size:calc(8px * var(--cb-type-scale));margin-left:auto}.marketing-footer>span{flex:1;text-align:right}.marketing-footer>a,.marketing-footer>small{margin-top:4px}.marketing .hero-actions .btn.primary{min-width:128px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:calc(var(--cb-radius) * 0.83333)}.modal-heading{padding:calc(var(--cb-space) * 0.95) calc(var(--cb-space) * 1)}.modal-heading .eyebrow{font-size:calc(7px * var(--cb-type-scale))}.modal-heading h2{font-size:calc(19px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:6px;line-height:calc(1.5 * var(--cb-leading-scale))}.close-btn{width:30px;height:30px;font-size:23px}.modal-copy{padding:calc(var(--cb-space) * 1.1)}.modal-copy>p{font-size:calc(12px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.modal-form{padding:calc(var(--cb-space) * 1.1)}.modal-form .field input,.modal-form .field select{font-size:calc(12px * var(--cb-type-scale));min-height:43px}.modal-form .field>span{font-size:calc(11px * var(--cb-type-scale))}.modal-form .field-note{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}.modal-form>.btn{width:100%;min-height:42px}.detail-facts>div{padding:calc(var(--cb-space) * 0.6) 0;gap:calc(var(--cb-space) * 0.9)}.detail-facts dt,.detail-facts dd{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}.character-detail{display:block;padding:calc(var(--cb-space) * 1.05)}.detail-image{height:235px}.detail-image img{height:230px}.character-detail>.detail-image+div{padding:calc(var(--cb-space) * 1.1) 0 0}.character-detail .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.character-detail h3{font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.8 * var(--cb-leading-scale));margin-top:10px}.character-detail p:not(.eyebrow){font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.character-detail .btn{min-height:42px;font-size:calc(12px * var(--cb-type-scale))}.character-detail .tag-list .badge{font-size:calc(9px * var(--cb-type-scale))}.requirements-list li{gap:calc(var(--cb-space) * 0.8);padding:calc(var(--cb-space) * 0.65) 0}.requirements-list strong{font-size:calc(11px * var(--cb-type-scale));flex-basis:45px}.requirements-list span{font-size:calc(11px * var(--cb-type-scale));line-height:calc(2 * var(--cb-leading-scale))}.filter-dialog{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:88dvh;margin:0;border-radius:calc(var(--cb-radius) * 1.41667) calc(var(--cb-radius) * 1.41667) 0 0;border-bottom:0;border-left:0;border-right:0}.filter-dialog .modal-heading{padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 1.15)}.drawer-filter-content,.drawer-recipe{padding:calc(var(--cb-space) * 1.15)}.drawer-filter-content .field{margin-bottom:18px}.drawer-filter-content .field>span{font-size:calc(11px * var(--cb-type-scale))}.drawer-filter-content .field select{min-height:44px;font-size:calc(13px * var(--cb-type-scale))}.drawer-filter-content .filter-section h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));margin-bottom:17px}.drawer-filter-content .filter-hint{font-size:calc(10px * var(--cb-type-scale))}.drawer-footer{padding:15px 23px calc(20px + env(safe-area-inset-bottom,0px))}.drawer-footer>.btn{min-height:44px;font-size:calc(13px * var(--cb-type-scale))}.drawer-recipe .selected-template img{width:76px;height:76px}.drawer-recipe .selected-template strong{font-size:calc(13px * var(--cb-type-scale))}.drawer-recipe .selected-template small,.drawer-recipe .selected-template div>span{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .recipe-fields .field select{min-height:42px;font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .pose-spec .eyebrow{font-size:calc(8px * var(--cb-type-scale))}.drawer-recipe .pose-spec strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .pose-spec p{font-size:calc(10px * var(--cb-type-scale))}.drawer-recipe .palette-choice{padding:calc(var(--cb-space) * 0.4);min-height:40px}.drawer-recipe .palette-choice i{width:17px;height:21px}.drawer-recipe .palette-choice span{font-size:calc(11px * var(--cb-type-scale));margin-left:7px}.drawer-recipe .prompt-field textarea{font-size:calc(12px * var(--cb-type-scale));min-height:210px;padding:calc(var(--cb-space) * 0.6);line-height:calc(2 * var(--cb-leading-scale))}.drawer-recipe .recipe-footer .text-btn{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .recipe-footer .btn{min-height:40px;font-size:calc(12px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.8)}.motion-dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 26px)}.motion-modal-layout{display:block;min-height:0}.motion-stage{border-right:0;border-bottom:var(--cb-border-width) solid var(--cb-border)}.motion-modal-canvas{min-height:260px;padding:30px 13px}.motion-modal-canvas img{height:250px;width:100%;object-fit:contain}.playback-disclaimer{font-size:calc(7px * var(--cb-type-scale));bottom:12px;padding:0 calc(var(--cb-space) * 0.6);line-height:calc(1.8 * var(--cb-leading-scale))}.player-controls{gap:calc(var(--cb-space) * 0.45);padding:calc(var(--cb-space) * 0.6)}.player-controls>.btn{min-width:74px;font-size:calc(9px * var(--cb-type-scale));min-height:32px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.4)}.timeline-control{gap:calc(var(--cb-space) * 0.3)}.timeline-control>span:last-child{font-size:calc(7px * var(--cb-type-scale));min-width:49px}.speed-control select{width:43px;font-size:calc(8px * var(--cb-type-scale));min-height:29px}.player-note{font-size:calc(8px * var(--cb-type-scale));padding:0 calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.6);line-height:calc(1.9 * var(--cb-leading-scale))}.motion-modal-info{padding:calc(var(--cb-space) * 1.1)}.motion-modal-info>.eyebrow{font-size:calc(8px * var(--cb-type-scale))}.motion-modal-info h3{font-size:calc(18px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:10px}.motion-modal-info .tag-list{margin:13px 0}.motion-modal-info .tag-list .badge{font-size:calc(9px * var(--cb-type-scale))}.motion-modal-info .detail-facts{margin:16px 0}.motion-modal-info .detail-facts>div{padding:calc(var(--cb-space) * 0.55) 0}.motion-modal-info .notice p{font-size:calc(10px * var(--cb-type-scale))}.motion-modal-info>.btn{min-height:42px;font-size:calc(12px * var(--cb-type-scale));margin-top:9px}.motion-modal-info>.field-note{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}.guide-steps{gap:calc(var(--cb-space) * 0.5)}.guide-steps span{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.6)}.activity-list strong{font-size:calc(11px * var(--cb-type-scale))}.activity-list p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}.log-list time{font-size:calc(10px * var(--cb-type-scale))}.log-list strong{font-size:calc(12px * var(--cb-type-scale))}.log-list p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}}
@media(max-width:370px){.page{padding-left:calc(var(--cb-space) * 0.7);padding-right:calc(var(--cb-space) * 0.7)}.hero-copy{padding-left:calc(var(--cb-space) * 1.05);padding-right:calc(var(--cb-space) * 1.05)}.hero-copy h2{font-size:calc(34px * var(--cb-type-scale) * var(--cb-heading-scale))}.character-grid,.motion-grid{gap:calc(var(--cb-space) * 0.45)}.character-image{height:149px}.motion-preview{height:137px}.character-card-body{padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.45)}.character-card-body h3{font-size:calc(10px * var(--cb-type-scale) * var(--cb-heading-scale))}.motion-body{padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.45)}.motion-title h3{font-size:calc(11px * var(--cb-type-scale) * var(--cb-heading-scale))}.favorite-btn.inline{font-size:calc(6px * var(--cb-type-scale));min-width:25px}.library-banner{padding-left:calc(var(--cb-space) * 0.95);padding-right:calc(var(--cb-space) * 0.95)}.library-banner h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}.banner-figures{right:-33px;width:51%}.metrics-grid article{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.45)}.metrics-grid article>span{font-size:calc(8px * var(--cb-type-scale))}.metrics-grid article>strong{font-size:calc(24px * var(--cb-type-scale))}.marketing-hero h1{font-size:calc(31px * var(--cb-type-scale) * var(--cb-heading-scale))}.marketing-hero{padding-left:calc(var(--cb-space) * 1.05);padding-right:calc(var(--cb-space) * 1.05)}.marketing-proof{gap:calc(var(--cb-space) * 0.5);font-size:calc(7px * var(--cb-type-scale))}.marketing-header{padding-left:calc(var(--cb-space) * 0.85);padding-right:calc(var(--cb-space) * 0.85)}.marketing-header>.brand,.marketing-header>.brand img{width:120px}.marketing-header>.btn{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.5)}.marketing-hero-art>img{height:290px}.marketing-hero-art{min-height:300px}.marketing-section{padding-left:calc(var(--cb-space) * 1.05);padding-right:calc(var(--cb-space) * 1.05)}.marketing-section-heading h2{font-size:calc(26px * var(--cb-type-scale) * var(--cb-heading-scale))}.showcase-lineup img{height:170px}.marketing-line{font-size:calc(6px * var(--cb-type-scale))}.topbar{padding-left:calc(var(--cb-space) * 0.75);padding-right:calc(var(--cb-space) * 0.75)}.demo-pill{font-size:calc(7px * var(--cb-type-scale))}.breadcrumb{font-size:calc(10px * var(--cb-type-scale))}.topbar-actions{gap:calc(var(--cb-space) * 0.45)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final brand and reading scale: original Clipbank jade, warm porcelain, useful contrast. */
body{background:var(--cb-bg)}.marketing{background:var(--cb-raised)}.eyebrow{color:var(--cb-muted)}.btn.primary{background:var(--cb-primary);border-color:var(--cb-primary)}.btn.primary:hover{background:var(--cb-primary-hover);border-color:var(--cb-primary-hover)}.text-link,.text-btn{color:var(--cb-text)}.topbar{background:var(--cb-raised)}.sidebar{background:var(--cb-inset)}.primary-nav a.active{color:var(--cb-on-selected);background:var(--cb-selected)}.hero-copy h2,.marketing-hero h1{color:var(--cb-on-spotlight)}.hero-copy>p:not(.eyebrow),.library-banner h2,.bank-intro h2{color:var(--cb-on-spotlight)}.marketing-section-heading h2,.motion-feature-copy h2,.devices-feature h2,.faq-section h2,.marketing-cta h2{color:var(--cb-on-spotlight)}.hero-character{background:var(--cb-spotlight)}.library-banner,.bank-intro{background:var(--cb-inset)}.home-hero{background:var(--cb-spotlight)}.project-note{background:var(--cb-spotlight)}.marketing-hero-art{background:var(--cb-spotlight)}.marketing-workflow article h3,.showcase-lineup figcaption,.marketing-motion-list strong,.device-copy-grid strong{color:var(--cb-text)}.notice p{color:var(--cb-text)}.page-description,.results-heading,.section-heading p,.section-heading>.muted,.filter-hint,.field-note,.reference-label,.card-path,.meta-line,.card-type,.tab-note,.results-heading>span:last-child{color:var(--cb-muted)}.stat-strip span,.stat-strip small,.sidebar-footer>p,.local-tag,.account small,.help-button,.demo-pill{color:var(--cb-muted)}.selected-template small,.selected-template div>span,.recipe-panel .field>span,.recipe-panel .field select,.pose-spec p,.pose-spec .eyebrow,.palette-label,.palette-label strong,.palette-choice span,.recipe-footer .text-btn,.recipe-footer .small-btn,.panel-heading .eyebrow,.panel-heading>.text-btn,.prompt-field textarea,.assistant-message p,.check-list small,.assistant-context>span,.assistant-bottom p,.assistant-bottom>.text-btn{color:var(--cb-muted)}.filter-panel select,.filter-panel .field>span,.filter-section h3,.filter-note strong,.filter-note p,.filter-note>span,.filter-title .text-btn,.sort-field select,.search-field>span,.search-field input::placeholder,.motion-body>.card-path,.motion-card-footer>span,.motion-tags>span:last-child:not(.badge){color:var(--cb-muted)}.table-footnote,.metrics-grid article>span,.metrics-grid article>small,.table-heading p,.table-heading>span,th,td,td small,.team-overview p,.team-overview .eyebrow,.budget-panel>.eyebrow,.budget-panel>p,.budget-rows>div,.permission-grid p,.exception-panel>p,.event-timeline span,.credit-ledger span{color:var(--cb-muted)}.marketing-header nav a,.marketing-hero .eyebrow,.hero-description,.marketing-proof,.marketing-section-heading>.eyebrow,.marketing-section-heading>p:not(.eyebrow),.marketing-workflow article p,.motion-feature-copy>p:not(.eyebrow),.motion-feature-copy ul,.marketing-motion-list small,.marketing-motion-list>p,.devices-feature p:not(.eyebrow),.device-copy-grid small,.faq-list details>p,.marketing-cta>p:last-child,.marketing-footer>span{color:var(--cb-spotlight-muted)}.modal-copy>p,.detail-facts dt,.detail-facts dd,.character-detail p:not(.eyebrow),.requirements-list span,.requirements-list strong,.plain-list,.modal-form .field-note,.motion-modal-info>.field-note{color:var(--cb-info-ink)}
.page-description{font-size:calc(12px * var(--cb-type-scale))}.character-card-body h3,.motion-title h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}.character-card-body .card-path,.motion-body>.card-path,.reference-label{font-size:calc(10px * var(--cb-type-scale))}.meta-line,.card-type,.character-card .favorite-btn,.motion-card .favorite-btn{font-size:calc(9px * var(--cb-type-scale))}.card-actions .text-btn,.card-actions .small-btn,.motion-card-footer>.text-btn{font-size:calc(10px * var(--cb-type-scale))}.motion-tags .badge,.motion-card-footer>span,.motion-tags>span:last-child:not(.badge){font-size:calc(9px * var(--cb-type-scale))}.field>span,.filter-section h3{font-size:calc(11px * var(--cb-type-scale) * var(--cb-heading-scale))}.filter-panel select{font-size:calc(11px * var(--cb-type-scale))}.filter-hint,.filter-note p,.filter-note>span{font-size:calc(10px * var(--cb-type-scale))}.filter-title h2{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale))}.search-field input{font-size:calc(12px * var(--cb-type-scale))}.sort-field select{font-size:calc(11px * var(--cb-type-scale))}.results-heading{font-size:calc(11px * var(--cb-type-scale))}.results-heading>span:last-child{font-size:calc(10px * var(--cb-type-scale))}.filter-chip{font-size:calc(10px * var(--cb-type-scale))}.badge{font-size:calc(10px * var(--cb-type-scale))}.start-item h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-item p{font-size:calc(11px * var(--cb-type-scale))}.project-info p{font-size:calc(11px * var(--cb-type-scale))}.project-category{font-size:calc(9px * var(--cb-type-scale))}.project-info>a{font-size:calc(11px * var(--cb-type-scale))}.project-note p{font-size:calc(12px * var(--cb-type-scale))}.recipe-panel .field>span,.recipe-panel .field select,.selected-template small,.selected-template div>span,.pose-spec strong,.pose-spec p,.palette-label,.palette-label strong,.palette-choice span,.recipe-footer .small-btn,.recipe-footer .text-btn{font-size:calc(10px * var(--cb-type-scale))}.selected-template strong{font-size:calc(11px * var(--cb-type-scale))}.recipe-panel .field-note{font-size:calc(10px * var(--cb-type-scale))}.prompt-field textarea{font-size:calc(11px * var(--cb-type-scale))}.assistant-message strong{font-size:calc(11px * var(--cb-type-scale))}.assistant-message p,.check-list strong{font-size:calc(10px * var(--cb-type-scale))}.check-list small,.assistant-context>span,.assistant-context strong,.assistant-bottom p{font-size:calc(9px * var(--cb-type-scale))}.small-heading{font-size:calc(11px * var(--cb-type-scale))}.panel-heading h2{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale))}.viewport-toolbar strong,.viewport-toolbar .muted{font-size:calc(10px * var(--cb-type-scale))}.viewport-note{font-size:calc(9px * var(--cb-type-scale))}.viewport-coordinate{font-size:calc(8px * var(--cb-type-scale))}.view-thumb strong{font-size:calc(9px * var(--cb-type-scale))}.view-thumb small{font-size:calc(8px * var(--cb-type-scale))}.viewport-footer,.viewport-footer .text-link,.viewport-footer .text-btn{font-size:calc(9px * var(--cb-type-scale))}.studio-bottom-note{font-size:calc(10px * var(--cb-type-scale))}.workflow-steps strong{font-size:calc(12px * var(--cb-type-scale))}.workflow-steps small{font-size:calc(9px * var(--cb-type-scale))}.metrics-grid article>span{font-size:calc(12px * var(--cb-type-scale))}.metrics-grid article>small{font-size:calc(10px * var(--cb-type-scale))}.table-heading p,.table-footnote{font-size:calc(10px * var(--cb-type-scale))}th{font-size:calc(11px * var(--cb-type-scale))}td{font-size:calc(12px * var(--cb-type-scale))}td>strong{font-size:calc(12px * var(--cb-type-scale))}td small{font-size:calc(10px * var(--cb-type-scale))}td .badge{font-size:calc(10px * var(--cb-type-scale))}td .text-btn{font-size:calc(11px * var(--cb-type-scale))}.exception-panel>p,.event-timeline strong{font-size:calc(12px * var(--cb-type-scale))}.event-timeline span,.exception-panel .field-note{font-size:calc(10px * var(--cb-type-scale))}.modal-copy>p,.character-detail p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale))}.detail-facts dt,.detail-facts dd{font-size:calc(11px * var(--cb-type-scale))}.motion-modal-info .detail-facts dt,.motion-modal-info .detail-facts dd{font-size:calc(11px * var(--cb-type-scale))}.motion-modal-info>.eyebrow,.motion-modal-info>.field-note,.motion-modal-info .notice p{font-size:calc(10px * var(--cb-type-scale))}.motion-modal-info>.btn{font-size:calc(12px * var(--cb-type-scale))}.modal-heading .eyebrow{font-size:calc(9px * var(--cb-type-scale))}.playback-disclaimer,.player-note{font-size:calc(9px * var(--cb-type-scale))}.motion-modal-info .tag-list .badge{font-size:calc(10px * var(--cb-type-scale))}.marketing-section-heading>p:not(.eyebrow),.motion-feature-copy>p:not(.eyebrow),.devices-feature p:not(.eyebrow){font-size:calc(13px * var(--cb-type-scale))}.marketing-workflow article p,.faq-list details>p{font-size:calc(12px * var(--cb-type-scale))}.marketing-motion-list small{font-size:calc(11px * var(--cb-type-scale))}.faq-list summary{font-size:calc(13px * var(--cb-type-scale))}.marketing-header nav a{font-size:calc(12px * var(--cb-type-scale))}
@media(min-width:1280px) and (max-width:1439px){.workflow-steps small{display:none}.recipe-panel .field-note{font-size:calc(9px * var(--cb-type-scale))}.prompt-field textarea{font-size:calc(10px * var(--cb-type-scale))}.selected-template strong{font-size:calc(10px * var(--cb-type-scale))}.recipe-panel .field>span,.recipe-panel .field select,.palette-label,.palette-label strong,.palette-choice span{font-size:calc(9px * var(--cb-type-scale))}.assistant-message strong{font-size:calc(10px * var(--cb-type-scale))}.assistant-message p{font-size:calc(9px * var(--cb-type-scale))}.check-list strong{font-size:calc(9px * var(--cb-type-scale))}.viewport-toolbar .muted{font-size:calc(8px * var(--cb-type-scale))}.view-thumb small{font-size:calc(7px * var(--cb-type-scale))}.viewport-footer,.viewport-footer .text-link{font-size:calc(8px * var(--cb-type-scale))}}
@media(max-width:1279px) and (min-width:768px){.workflow-steps strong{font-size:calc(11px * var(--cb-type-scale))}.page-description{font-size:calc(12px * var(--cb-type-scale))}.recipe-panel .field>span,.recipe-panel .field select,.palette-label,.palette-label strong,.palette-choice span{font-size:calc(9px * var(--cb-type-scale))}.selected-template strong{font-size:calc(10px * var(--cb-type-scale))}.selected-template small,.selected-template div>span{font-size:calc(9px * var(--cb-type-scale))}.recipe-panel .field-note{font-size:calc(9px * var(--cb-type-scale))}.prompt-field textarea{font-size:calc(10px * var(--cb-type-scale))}.viewport-toolbar .muted{font-size:calc(8px * var(--cb-type-scale))}.studio-bottom-note{font-size:calc(9px * var(--cb-type-scale))}.marketing-header nav a{font-size:calc(11px * var(--cb-type-scale))}.marketing-workflow article p{font-size:calc(11px * var(--cb-type-scale))}}
@media(max-width:767px){.page-description{font-size:calc(12px * var(--cb-type-scale))}.character-card-body h3,.motion-title h3{font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}.character-card-body .card-path,.motion-body>.card-path,.reference-label{font-size:calc(9px * var(--cb-type-scale))}.meta-line,.card-type{font-size:calc(8px * var(--cb-type-scale))}.character-card .favorite-btn,.motion-card .favorite-btn{font-size:calc(8px * var(--cb-type-scale))}.card-actions .text-btn,.card-actions .small-btn,.motion-card-footer>.text-btn{font-size:calc(10px * var(--cb-type-scale))}.motion-tags .badge,.motion-card-footer>span,.motion-tags>span:last-child:not(.badge){font-size:calc(8px * var(--cb-type-scale))}.sort-field select{font-size:calc(11px * var(--cb-type-scale))}.results-heading{font-size:calc(10px * var(--cb-type-scale))}.results-heading>span:last-child{font-size:calc(9px * var(--cb-type-scale))}.start-item h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}.start-item p{font-size:calc(11px * var(--cb-type-scale))}.project-info p{font-size:calc(10px * var(--cb-type-scale))}.project-category{font-size:calc(8px * var(--cb-type-scale))}.project-info>a{font-size:calc(11px * var(--cb-type-scale))}.workflow-steps strong{font-size:calc(10px * var(--cb-type-scale))}.viewport-toolbar strong{font-size:calc(10px * var(--cb-type-scale))}.viewport-toolbar .muted{font-size:calc(8px * var(--cb-type-scale))}.viewport-note{font-size:calc(8px * var(--cb-type-scale))}.viewport-coordinate{font-size:calc(7px * var(--cb-type-scale))}.viewport-footer,.viewport-footer .text-link{font-size:calc(9px * var(--cb-type-scale))}.studio-bottom-note{font-size:calc(9px * var(--cb-type-scale))}.metrics-grid article>span{font-size:calc(10px * var(--cb-type-scale))}.metrics-grid article>small{font-size:calc(9px * var(--cb-type-scale))}.metrics-grid article>strong{font-size:calc(26px * var(--cb-type-scale))}.table-heading p,.table-footnote{font-size:calc(10px * var(--cb-type-scale))}td{font-size:calc(11px * var(--cb-type-scale))}th{font-size:calc(10px * var(--cb-type-scale))}.marketing-section-heading>p:not(.eyebrow),.motion-feature-copy>p:not(.eyebrow),.devices-feature p:not(.eyebrow){font-size:calc(12px * var(--cb-type-scale))}.marketing-workflow article p,.faq-list details>p{font-size:calc(11px * var(--cb-type-scale))}.faq-list summary{font-size:calc(12px * var(--cb-type-scale))}.marketing-motion-list small{font-size:calc(10px * var(--cb-type-scale))}.player-controls>.btn{font-size:calc(9px * var(--cb-type-scale))}.playback-disclaimer,.player-note{font-size:calc(8px * var(--cb-type-scale))}.timeline-control>span:last-child{font-size:calc(8px * var(--cb-type-scale))}.drawer-recipe .selected-template strong{font-size:calc(13px * var(--cb-type-scale))}.drawer-recipe .selected-template small,.drawer-recipe .selected-template div>span{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .field-note{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .pose-spec strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .pose-spec p{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .palette-choice span{font-size:calc(11px * var(--cb-type-scale))}.drawer-recipe .assistant-message strong{font-size:calc(13px * var(--cb-type-scale))}.drawer-recipe .assistant-message p,.drawer-recipe .check-list strong{font-size:calc(12px * var(--cb-type-scale))}.drawer-recipe .check-list small,.drawer-recipe .assistant-context>span,.drawer-recipe .assistant-context strong{font-size:calc(11px * var(--cb-type-scale))}}

.drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 1)}.drawer-footer>.text-btn{white-space:nowrap;font-size:calc(11px * var(--cb-type-scale))}.drawer-footer>.btn{flex:1}

/* Desktop workshop: the reference strip and primary action stay in the viewport. */
@media(min-width:1280px){
  .studio-page{padding-top:calc(var(--cb-space) * 1);padding-bottom:calc(var(--cb-space) * 0.9);min-height:auto}
  .studio-page .page-heading{margin-bottom:16px}
  .studio-page .workflow-steps{margin-bottom:14px}
  .studio-layout{height:calc(100dvh - 300px);min-height:440px;max-height:820px;align-items:stretch}
  .studio-layout>.recipe-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
  .studio-layout>.studio-center{min-height:0;overflow:hidden}
  .studio-center>.viewport-toolbar,.studio-center>.view-strip,.studio-center>.viewport-footer{flex-shrink:0}
  .studio-center>.reference-viewport{min-height:0;flex:1 1 0;padding:calc(var(--cb-space) * 1.4) calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 1.5)}
  .studio-center>.reference-viewport>img{height:100%;max-height:100%;object-fit:contain;width:100%}
  .studio-layout>.assistant-panel{padding:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}
  .assistant-panel>.assistant-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.7)}
  .assistant-panel>.assistant-bottom{flex:0 0 auto;margin:0;padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.6);background:var(--cb-raised);border-top:var(--cb-border-width) solid var(--cb-border);box-shadow:var(--cb-shadow)}
  .assistant-panel>.assistant-bottom>.btn{min-height:40px}
  .assistant-panel>.assistant-bottom>p{margin-top:7px}
  .assistant-panel>.assistant-bottom>.text-btn{margin-top:4px}
  .studio-center>.stage-empty{min-height:0;overflow-y:auto;display:block;padding:calc(var(--cb-space) * 1.4) calc(var(--cb-space) * 1.5)}
  .studio-center .stage-number{display:block;margin-top:10px;font-size:calc(54px * var(--cb-type-scale))}
  .studio-center .stage-empty>.btn{margin-top:4px}
}

/* Phone collection hero: text and reference lineup occupy separate flow rows. */
@media(max-width:767px){
  .library-banner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;height:auto;padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 0.7)}
  .library-banner>div:first-child{position:relative;z-index:1}
  .library-banner p{max-width:none}
  .library-banner .banner-figures{position:static;display:flex;align-items:center;justify-content:center;right:auto;bottom:auto;width:100%;height:104px;min-height:104px;margin:13px 0 5px;opacity:1;overflow:hidden}
  .library-banner .banner-figures img,.library-banner .banner-figures img:nth-child(2){flex:1 1 0;min-width:0;width:33.333%;max-width:100%;height:104px;margin:0;object-fit:contain}
  .library-banner .banner-caption{position:static;display:block;align-self:flex-end;text-align:right;font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));margin-top:1px}
}

/* Eight production stages: browse the whole workflow without changing quality state. */
.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));background:var(--cb-raised)}
.workflow-steps button{min-width:0;min-height:52px;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.4);border:0;border-right:var(--cb-border-width) solid var(--cb-border);border-bottom:var(--cb-border-width) solid var(--cb-border)}
.workflow-steps button:nth-child(4n){border-right:0}
.workflow-steps button:nth-child(n+5){border-bottom:0}
.workflow-steps button:last-child{border:0}
.workflow-steps button>span{width:25px;height:25px;font-size:calc(10px * var(--cb-type-scale))}
.workflow-steps strong{font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale))}
.workflow-steps small{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.workflow-steps button.active{background:var(--cb-selected);color:var(--cb-on-selected)}
.workflow-mobile-nav{display:none}
.reference-actions{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.75);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface)}
.reference-actions>div:first-child{display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.15)}
.reference-actions strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;color:var(--cb-text)}
.reference-actions span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.reference-actions>div:last-child{display:flex;gap:calc(var(--cb-space) * 0.3);flex-wrap:wrap}
.reference-actions .btn{font-size:calc(10px * var(--cb-type-scale));min-height:32px;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.45)}
.pending-content>.text-btn{display:block;margin:10px auto 0}
.stage-transition{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.45);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.7);border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}
.stage-transition>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.stage-transition>div{display:flex;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.35);margin-left:auto}
.stage-transition .btn{font-size:calc(11px * var(--cb-type-scale));min-height:36px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5);white-space:normal}
.pipeline-stage-content{flex:1;min-height:0;padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 1.3);background:var(--cb-surface);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.stage-heading{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.5);flex-wrap:wrap;padding-bottom:calc(var(--cb-space) * 1);border-bottom:var(--cb-border-width) solid var(--cb-border);margin-bottom:21px}
.stage-step-label{font-size:calc(10px * var(--cb-type-scale));letter-spacing:.13em;font-weight:600;color:var(--cb-text)}
.stage-heading>.badge{margin-left:auto;font-size:calc(9px * var(--cb-type-scale))}
.stage-heading h2{font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.5 * var(--cb-leading-scale));width:100%;font-weight:var(--cb-heading-weight);color:var(--cb-heading);margin-top:3px}
.stage-heading>p{font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-muted);width:100%}
.stage-contract{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.6)}
.stage-contract>section{padding:calc(var(--cb-space) * 0.75);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);min-width:0}
.stage-contract .eyebrow{font-size:calc(8px * var(--cb-type-scale));letter-spacing:.13em;color:var(--cb-muted)}
.stage-contract h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));margin:4px 0 7px;color:var(--cb-heading)}
.stage-contract p{font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-text)}
.stage-contract small{display:block;font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-muted);margin-top:9px}
.stage-operations,.stage-acceptance{margin-top:24px}
.stage-operations h3,.stage-acceptance h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading)}
.stage-operations ol{padding-left:calc(var(--cb-space) * 1.05);margin:12px 0 0;color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale))}
.stage-operations li+li{margin-top:8px}
.stage-operations li::marker{color:var(--cb-muted)}
.stage-acceptance ul{padding:0;margin:12px 0 0;list-style:none}
.stage-acceptance li{display:flex;gap:calc(var(--cb-space) * 0.45);align-items:flex-start;font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-text);margin-bottom:9px}
.stage-acceptance li>span{flex:0 0 auto;color:var(--cb-muted)}
.pipeline-stage-content>.notice{margin-top:25px;padding:calc(var(--cb-space) * 0.6)}
.pipeline-stage-content>.notice p{font-size:calc(10px * var(--cb-type-scale))}
.diagnostic-panel{margin-top:27px;padding-top:calc(var(--cb-space) * 1.2);border-top:var(--cb-border-width) solid var(--cb-border)}
.diagnostic-panel .section-heading{align-items:flex-start;gap:calc(var(--cb-space) * 0.6);margin-bottom:15px;flex-wrap:wrap}
.diagnostic-panel .section-heading h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);color:var(--cb-heading)}
.diagnostic-panel .section-heading p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-muted);max-width:32em}
.diagnostic-panel .section-heading>.btn{font-size:calc(10px * var(--cb-type-scale));min-height:34px;flex-shrink:0}
.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.5)}
.diagnostic-grid article{padding:calc(var(--cb-space) * 0.7);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-surface);min-width:0}
.diagnostic-grid strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;color:var(--cb-text)}
.diagnostic-grid p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-muted);margin:7px 0 11px}
.diagnostic-grid .badge{font-size:calc(9px * var(--cb-type-scale))}
.diagnostic-panel .issue-heading{margin-top:24px}
.diagnostic-empty{padding:calc(var(--cb-space) * 0.75);border:var(--cb-border-width) dashed var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);background:var(--cb-surface)}
.diagnostic-issues{display:grid;gap:calc(var(--cb-space) * 0.5)}
.diagnostic-issues article{padding:calc(var(--cb-space) * 0.7);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);min-width:0}
.diagnostic-issues article>div:first-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.35)}
.diagnostic-issues strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;color:var(--cb-text)}
.diagnostic-issues .badge{font-size:calc(9px * var(--cb-type-scale));white-space:normal}
.diagnostic-issues p{font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-text);margin:10px 0;overflow-wrap:anywhere}
.diagnostic-issues small{display:block;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.issue-actions{display:flex;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.85);margin-top:11px}
.issue-actions>.text-btn{font-size:calc(11px * var(--cb-type-scale))}
.repair-route,.quality-lock{margin-top:15px;padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.75);background:var(--cb-warning-soft);border:var(--cb-border-width) solid var(--cb-warning);border-radius:calc(var(--cb-radius) * 0.66667)}
.repair-route strong,.quality-lock strong{display:block;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-warning-ink);font-weight:600}
.repair-route p,.quality-lock p{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-warning-ink);margin-top:5px}
.quality-lock{background:var(--cb-warning-soft);border-color:var(--cb-warning)}
.quality-lock strong{color:var(--cb-warning-ink)}
.quality-lock p{color:var(--cb-warning-ink)}
.production-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.8)}
.production-asset-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--cb-space) * 1.1);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.75);min-width:0}
.production-asset-grid .eyebrow{font-size:calc(9px * var(--cb-type-scale));letter-spacing:.09em}
.production-asset-grid h3{font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));margin:10px 0;color:var(--cb-heading);font-weight:var(--cb-heading-weight)}
.production-asset-grid p{font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin-bottom:17px;flex:1}
.production-asset-grid .badge{font-size:calc(10px * var(--cb-type-scale))}
.production-asset-grid .text-btn{font-size:calc(11px * var(--cb-type-scale));margin-top:13px}
.pipeline-overview-list{display:grid;gap:calc(var(--cb-space) * 0.4)}
.pipeline-overview-list .btn{justify-content:flex-start;white-space:normal;min-height:47px;text-align:left}
#diagnostic-form .field>small{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.8 * var(--cb-leading-scale))}
@media(min-width:1280px){
  .studio-layout{height:calc(100dvh - 360px);min-height:490px;max-height:850px}
  .studio-center>.reference-actions,.studio-center>.stage-transition{flex-shrink:0}
}
@media(min-width:768px) and (max-width:1439px){
  .workflow-steps small{display:none}
  .workflow-steps button{flex-wrap:nowrap}
}
@media(min-width:768px) and (max-width:1279px){
  .pipeline-stage-content{padding:calc(var(--cb-space) * 1.05) calc(var(--cb-space) * 0.95)}
  .stage-contract{grid-template-columns:1fr}
  .stage-heading h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .diagnostic-grid{grid-template-columns:1fr}
  .production-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .studio-page .workflow-steps{display:none}
  .workflow-mobile-nav{display:flex;align-items:flex-end;gap:calc(var(--cb-space) * 0.5);margin-bottom:14px;padding:calc(var(--cb-space) * 0.6);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75)}
  .workflow-mobile-nav .field{flex:1;min-width:0;margin:0}
  .workflow-mobile-nav .field>span{display:block;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-bottom:6px}
  .workflow-mobile-nav select{font-size:calc(12px * var(--cb-type-scale));min-height:44px;padding-left:calc(var(--cb-space) * 0.45);background:var(--cb-surface)}
  .workflow-mobile-nav>.btn{font-size:calc(11px * var(--cb-type-scale));min-height:44px;padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.5)}
  .studio-mobile-tools{margin:0 0 13px}
  .studio-mobile-tools .btn{min-height:38px;font-size:calc(11px * var(--cb-type-scale))}
  .reference-actions{padding:calc(var(--cb-space) * 0.65) calc(var(--cb-space) * 0.6);gap:calc(var(--cb-space) * 0.55)}
  .reference-actions strong{font-size:calc(13px * var(--cb-type-scale))}
  .reference-actions span{font-size:calc(11px * var(--cb-type-scale))}
  .reference-actions .btn{font-size:calc(11px * var(--cb-type-scale));min-height:39px}
  .reference-actions>div:last-child{width:100%}
  .reference-actions>div:last-child>.btn{flex:1}
  .studio-center>.reference-viewport{min-height:340px}
  .viewport-footer{line-height:calc(1.8 * var(--cb-leading-scale))}
  .stage-transition{padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.6);align-items:flex-start;flex-direction:column;gap:calc(var(--cb-space) * 0.5)}
  .stage-transition>span{font-size:calc(11px * var(--cb-type-scale))}
  .stage-transition>div{width:100%;margin:0;gap:calc(var(--cb-space) * 0.4)}
  .stage-transition .btn{min-height:43px;font-size:calc(11px * var(--cb-type-scale));flex:1}
  .pipeline-stage-content{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 0.9);overflow:visible}
  .stage-heading{gap:calc(var(--cb-space) * 0.5);margin-bottom:19px;padding-bottom:calc(var(--cb-space) * 0.9)}
  .stage-heading h2{font-size:calc(23px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:3px}
  .stage-heading>.badge{font-size:calc(9px * var(--cb-type-scale));margin-left:0}
  .stage-heading>p{font-size:calc(12px * var(--cb-type-scale))}
  .stage-contract{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.5)}
  .stage-contract>section{padding:calc(var(--cb-space) * 0.75)}
  .stage-contract small{font-size:calc(11px * var(--cb-type-scale))}
  .stage-operations,.stage-acceptance{margin-top:23px}
  .stage-operations h3,.stage-acceptance h3{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .stage-operations ol,.stage-acceptance li{font-size:calc(12px * var(--cb-type-scale))}
  .diagnostic-grid{grid-template-columns:1fr}
  .diagnostic-grid article{padding:calc(var(--cb-space) * 0.75)}
  .diagnostic-grid strong{font-size:calc(13px * var(--cb-type-scale))}
  .diagnostic-grid p{font-size:calc(12px * var(--cb-type-scale))}
  .diagnostic-panel .section-heading>.btn{min-height:42px;font-size:calc(11px * var(--cb-type-scale))}
  .diagnostic-panel .section-heading p{font-size:calc(12px * var(--cb-type-scale))}
  .issue-actions>.text-btn{font-size:calc(12px * var(--cb-type-scale));min-height:40px}
  .repair-route p,.quality-lock p,.diagnostic-empty{font-size:calc(12px * var(--cb-type-scale))}
  .pipeline-stage-content>.notice p{font-size:calc(11px * var(--cb-type-scale))}
  .production-asset-grid{grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.65)}
  .production-asset-grid article{padding:calc(var(--cb-space) * 1.05)}
  .production-asset-grid .text-btn{min-height:40px;font-size:calc(12px * var(--cb-type-scale))}
  .studio-bottom-note{flex-direction:column;gap:calc(var(--cb-space) * 0.35);font-size:calc(10px * var(--cb-type-scale))}
}

/* V06 uses the same icon vocabulary in navigation and creation tools. */
.nav-symbol{display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;color:var(--cb-muted)}
.primary-nav a.active .nav-symbol{color:var(--cb-on-selected)}
.help-button{display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.35)}
.demo-pill{display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(10px * var(--cb-type-scale))}
.demo-pill b{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-text);letter-spacing:.04em}
.guide-steps>span{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4)}
.mobile-nav a{gap:calc(var(--cb-space) * 0.2)}
.mobile-nav a .cb-icon{color:inherit}
.marketing-footer small{letter-spacing:.05em}

/* Desktop sidebar rail. Collapsing is a view preference, so it only reshapes the
   sidebar and the shell margin; the <=767px drawer and its .menu-open state stay
   as they are and ignore this class. commerce-ui.css restyles the same sidebar parts
   from a later sheet, and its body.commerce-enabled chains outrank a plain class
   prefix, so the rail rules anchor on the #sidebar element instead of relying on
   source order. */
.sidebar-collapse{display:none}
@media(min-width:768px){
  .sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-inset);color:var(--cb-text);cursor:pointer;flex-shrink:0}
  .sidebar-collapse:hover{background:var(--cb-hover);border-color:var(--cb-border-strong);color:var(--cb-link)}
  .sidebar-collapse:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
  .app-shell.sidebar-collapsed{--sidebar:72px}
  .sidebar-collapsed #sidebar{padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.7);align-items:center}
  /* The brand is a single wordmark file; a clipped box keeps the mark and drops the
     lettering, so the rail needs no second asset. 36px is where the mark ends. */
  .sidebar-collapsed #sidebar>.brand{width:36px;height:44px;margin:0 0 20px;overflow:hidden;justify-content:flex-start}
  .sidebar-collapsed #sidebar .brand img{width:auto;height:44px;max-width:none;flex-shrink:0;object-fit:contain}
  .sidebar-collapsed #sidebar .brand>span{display:none}
  /* The native select stays in the accessibility tree; the avatar becomes its face. */
  .sidebar-collapsed #sidebar .tenant-select{position:relative;width:40px;height:40px;padding:0;border-color:transparent;background:transparent;justify-content:center}
  /* The 768–1000px density rule hides this avatar; the rail needs it back as the
     workspace switcher's only visible face. */
  .sidebar-collapsed #sidebar .tenant-select .avatar.small{display:inline-flex;width:32px;height:32px;border-radius:calc(var(--cb-radius) * 0.5)}
  .sidebar-collapsed #sidebar .tenant-select select{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
  .sidebar-collapsed #sidebar .tenant-select:focus-within{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px;border-radius:calc(var(--cb-radius) * 0.66667)}
  .sidebar-collapsed #sidebar .nav-caption{display:none}
  .sidebar-collapsed #sidebar .primary-nav{width:100%;align-items:center;margin-top:16px}
  .sidebar-collapsed #sidebar .primary-nav a{width:48px;height:44px;min-height:44px;justify-content:center;gap:0;padding:0;position:relative}
  .sidebar-collapsed #sidebar .primary-nav a>span:nth-child(2){display:none}
  .sidebar-collapsed #sidebar .nav-symbol{min-width:0;font-size:calc(10px * var(--cb-type-scale))}
  .sidebar-collapsed #sidebar .nav-count{position:absolute;top:3px;right:3px;margin-left:0;min-width:15px;padding:0 calc(var(--cb-space) * 0.1);font-size:calc(8px * var(--cb-type-scale));line-height:15px}
  .sidebar-collapsed #sidebar .nav-divider{width:26px;margin:12px auto 8px}
  .sidebar-collapsed #sidebar .sidebar-footer{width:100%;padding:calc(var(--cb-space) * 0.9) 0 0;display:flex;flex-direction:column;align-items:center}
  .sidebar-collapsed #sidebar .local-tag{font-size:0;gap:0;justify-content:center}
  .sidebar-collapsed #sidebar .sidebar-footer>p{display:none}
  .sidebar-collapsed #sidebar .sidebar-footer .account{justify-content:center;gap:0;margin-top:14px;padding-top:calc(var(--cb-space) * 0.7)}
  .sidebar-collapsed #sidebar .account>span:nth-child(2),.sidebar-collapsed #sidebar .account>span:last-child{display:none}
  .sidebar-collapsed #sidebar .account:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px;border-radius:calc(var(--cb-radius) * 0.5)}
}