.studio{--studio-hair:calc(var(--truffle-space-38) / 6);--studio-tight:calc(var(--truffle-space-38) / 4);--studio-snug:calc(var(--truffle-space-38) / 2);background:var(--truffle-color-paper-soft);height:100dvh;padding:0 var(--studio-snug);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.studio .builder-header{align-items:center;gap:var(--studio-snug);padding:var(--studio-tight) 0}.studio .builder-header svg{height:auto;width:var(--truffle-space-96)}.studio .builder-header>div{align-items:baseline;gap:var(--studio-snug);margin-left:auto;display:flex}.studio .builder-header .eyebrow{display:none}.studio .builder-header h1{font-size:var(--truffle-font-size-16);line-height:var(--truffle-line-height-16)}.studio .builder-header>div>p{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14);line-height:var(--truffle-line-height-14)}.studio .builder-header nav{gap:var(--studio-snug);margin-top:0}.studio .builder-header nav a{font-size:var(--truffle-font-size-14)}.studio-bar{align-items:center;gap:var(--studio-snug);padding:var(--studio-tight) 0;display:flex}.studio-count{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14)}.studio-selected{color:var(--truffle-color-accent);font-size:var(--truffle-font-size-14);align-items:center;gap:var(--studio-tight);display:flex}.studio-bar-actions{gap:var(--studio-tight);margin-left:auto;display:flex}.studio button{border:var(--truffle-space-2) solid transparent;border-radius:var(--truffle-radius-pill);color:var(--truffle-color-primary);cursor:pointer;font:inherit;font-size:var(--truffle-font-size-14);min-height:0;padding:var(--truffle-space-2) var(--studio-tight);transition:background var(--truffle-duration-standard), color var(--truffle-duration-standard);background:0 0}.studio button:hover,.studio button.is-on{background:var(--truffle-color-primary);border-color:var(--truffle-color-primary);color:var(--truffle-color-foreground-inverse)}.studio-body{gap:var(--studio-snug);grid-template-columns:minmax(0, 1fr) var(--truffle-space-367);min-height:0;display:grid}.studio-canvas{justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.slide-frame{width:100%;container-type:inline-size}.studio-canvas>.slide-frame,.canvas-holder{width:min(100%,177.778cqh)}.canvas-holder{position:relative}.canvas-holder>.slide-frame{width:100%}.studio .layout-toggle{border-radius:var(--truffle-radius-square);color:var(--truffle-color-foreground-soft);padding:var(--truffle-space-2);right:var(--truffle-space-38);top:calc(-1 * var(--studio-snug) - var(--studio-tight));justify-content:center;align-items:center;display:flex;position:absolute}.studio .layout-toggle:hover,.studio .layout-toggle[aria-pressed=true]{color:var(--truffle-color-primary);background:0 0;border-color:#0000}.layout-picker{background:var(--truffle-color-background);outline:var(--truffle-space-2) solid var(--truffle-color-paper-soft);padding:var(--studio-tight);right:0;top:var(--studio-tight);width:var(--truffle-space-367);z-index:4;position:absolute}.layout-picker-bar{justify-content:space-between;align-items:center;display:flex}.layout-picker-bar span{font-size:var(--truffle-font-size-14);font-weight:var(--truffle-font-weight-bold);text-transform:uppercase}.layout-grid{gap:var(--studio-tight);margin-top:var(--studio-tight);grid-template-columns:1fr 1fr;max-height:50dvh;display:grid;overflow-y:auto}.layout{gap:var(--truffle-space-2);justify-items:start;display:grid}.studio .layout-apply{width:100%;padding:0;display:block}.studio .layout-apply:hover{background:0 0;border-color:#0000}.layout-diagram{aspect-ratio:16/9;background:var(--truffle-color-paper-soft);outline:var(--truffle-space-2) solid transparent;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);gap:2px;width:100%;padding:3px;display:grid}.layout.is-current .layout-diagram{outline-color:var(--truffle-color-primary)}.studio .layout-apply:hover .layout-diagram{outline-color:var(--truffle-color-accent)}.layout-diagram span{background:var(--truffle-color-background);display:block}.layout-name{font-size:var(--truffle-font-size-14)}.studio .layout-add{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14);padding:0}.studio .grid-toggle{border-radius:var(--truffle-radius-square);color:var(--truffle-color-foreground-soft);padding:var(--truffle-space-2);right:0;top:calc(-1 * var(--studio-snug) - var(--studio-tight));justify-content:center;align-items:center;display:flex;position:absolute}.studio .grid-toggle:hover,.studio .grid-toggle[aria-pressed=true]{color:var(--truffle-color-primary);background:0 0;border-color:#0000}.slide{aspect-ratio:16/9;background:var(--truffle-color-background);grid-template-rows:auto minmax(0,1fr);gap:2.2cqw;padding:3.4cqw 4cqw;display:grid;overflow:hidden}.slide-head{gap:.6cqw;display:grid}.slide-eyebrow{color:var(--truffle-color-primary);font-size:1.1cqw;font-weight:var(--truffle-font-weight-bold);text-transform:uppercase;margin:0}.slide-title{color:var(--truffle-color-primary);font-family:var(--truffle-font-serif);font-size:3.6cqw;font-weight:var(--truffle-font-weight-regular);margin:0;line-height:1.15}.slide.is-cover .slide-title{max-width:16ch;font-size:6.4cqw}.slide.is-cover .sb{border-top:0;padding-top:0}.slide.is-cover .canvas-holder.is-grid .slot{outline:.16cqw dashed var(--truffle-color-accent);outline-offset:calc(-1 * .16cqw)}.slot.is-empty{border:0}.slide.is-cover .sb-body{font-size:1.8cqw}.slide-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:2.4cqw;min-height:0;display:grid}.slot{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.slot>.sb{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.canvas-holder.is-grid .slot{outline:.16cqw dashed var(--truffle-color-accent);outline-offset:calc(-1 * .16cqw)}.slot.is-empty{border:.16cqw dashed var(--truffle-color-paper-soft);justify-content:center;align-items:center}.slot-hint{color:var(--truffle-color-foreground-soft);text-align:center;margin:0;padding:1cqw;font-size:1.3cqw}.slot.is-open{border-color:var(--truffle-color-accent)}.slot.is-open.is-filled{outline:.16cqw dashed var(--truffle-color-accent);outline-offset:.6cqw}.slot.is-target{background:var(--truffle-color-paper-soft);border-style:solid}.slot.is-target.is-filled{outline-style:solid}.sb{border-top:.16cqw solid var(--truffle-color-paper-soft);min-width:0;padding-top:1.4cqw;position:relative}.sb-is-narrative{border-top-color:var(--truffle-color-primary)}.sb-is-content{border-top:0;padding-top:0}.sb-is-content .post-frame{flex:0 auto;min-height:0}.slot .post-instagram,.slot .post-facebook,.slot .post-youtube{flex-direction:column;height:100%;display:flex}.slot .post-instagram .ig-media,.slot .post-facebook .fb-media,.slot .post-youtube .yt-thumb{flex:1;min-height:0}.slot .post-youtube .yt-media{height:100%}.slot .post-instagram .ig-media img,.slot .post-facebook .fb-media img,.slot .post-youtube .yt-media img{aspect-ratio:auto;height:100%}.slot .post-story,.slot .post-tiktok{width:auto;height:100%;margin:0 auto}.slot .post-x{height:100%}.sb-label{margin:0;font-size:1.4cqw}.sb-value{font-family:var(--truffle-font-serif);font-size:4.6cqw;font-weight:var(--truffle-font-weight-regular);margin-top:1cqw;line-height:1.05;display:block}.sb-delta{font-size:1.4cqw}.sb-delta-authored{color:var(--truffle-color-primary)}.sb-title{font-family:var(--truffle-font-serif);font-size:2.4cqw;font-weight:var(--truffle-font-weight-regular);margin:0 0 1.2cqw;line-height:1.2}.sb-body{margin:0;font-size:1.5cqw;line-height:1.45}.sb-list{gap:.9cqw;margin:0;padding-left:1.8cqw;font-size:1.5cqw;line-height:1.4;display:grid}.sb-stat{flex:none;order:-1;margin:0 0 .8cqw;font-size:1.3cqw}.sb-note-mark{background:var(--truffle-color-primary);width:4cqw;height:.16cqw;margin:0 0 1.2cqw}.sb-trend{color:var(--truffle-color-accent);width:100%;overflow:visible}.sb-trend-line{fill:none;stroke:currentColor;stroke-width:2px}.sb-trend-area{fill:var(--truffle-color-paper-soft);fill-opacity:.55;stroke:none}.sb-trend circle{fill:var(--truffle-color-background);stroke:currentColor;stroke-width:2px}.sb-trend-labels{color:var(--truffle-color-accent);justify-content:space-between;font-size:1.1cqw;display:flex}.sb-bar{grid-template-columns:5cqw 1fr 2.6cqw;align-items:center;gap:1.2cqw;margin-top:1.2cqw;font-size:1.4cqw;display:grid}.sb-bar i{background:var(--truffle-color-paper-soft);height:1.6cqw;display:block}.sb-bar b{background:var(--truffle-color-accent);height:100%;display:block}.sb-bar strong{font-family:var(--truffle-font-serif);font-size:2cqw;font-weight:var(--truffle-font-weight-regular)}.sb-chrome{opacity:0;pointer-events:none;max-width:100%;transition:opacity var(--truffle-duration-standard);align-items:stretch;gap:.4cqw;padding-bottom:.4cqw;display:flex;position:absolute;bottom:100%;left:0}.sb-chrome em,.sb-chrome i{white-space:nowrap;align-items:center;padding:0 .5cqw;font-size:1cqw;font-style:normal;display:flex}.sb-chrome em{background:var(--truffle-color-accent);color:var(--truffle-color-foreground-inverse)}.sb-chrome i{background:var(--truffle-color-paper-soft);min-width:0;overflow:hidden}.studio .sb-chrome button{background:var(--truffle-color-paper-soft);border-radius:var(--truffle-radius-square);color:var(--truffle-color-foreground);border:0;justify-content:center;align-items:center;min-height:0;padding:.25cqw .5cqw;display:flex}.studio .sb-chrome button:hover,.studio .sb-chrome button:focus-visible{background:var(--truffle-color-primary);color:var(--truffle-color-foreground-inverse)}.studio .sb-chrome button svg{width:1.3cqw;height:1.3cqw}.studio-canvas .sb{cursor:grab}.studio-canvas .sb:hover,.studio-canvas .sb.is-selected,.studio-canvas .sb:focus-within{overflow:visible}.studio-canvas .slot:has(>.sb:hover){overflow:visible}.studio-canvas .slot:has(>.sb.is-selected){overflow:visible}.studio-canvas .slot:has(>.sb:focus-within){overflow:visible}.studio-canvas .sb:hover{outline:.16cqw solid var(--truffle-color-accent);outline-offset:.8cqw}.studio-canvas .sb:hover .sb-chrome,.studio-canvas .sb.is-selected .sb-chrome,.studio-canvas .sb:focus-within .sb-chrome{opacity:1;pointer-events:auto}.studio-canvas .sb.is-selected{outline:.16cqw solid var(--truffle-color-primary);outline-offset:.8cqw}.studio-canvas .sb.is-dragging{opacity:.3}.sb.is-preview{background:var(--truffle-color-background);cursor:grabbing}.drag-ghost{background:var(--truffle-color-background);cursor:grabbing;opacity:.92;outline:var(--truffle-space-2) solid var(--truffle-color-primary)}.drag-ghost .sb{border-top:0;padding-top:0}.sb.is-preview .sb-chrome{display:none}.schematic{width:100%;display:block}.sb.is-unbound{border-top:0;padding-top:0}.sb.is-unbound .schematic{flex:1;min-height:0}.data-picker{max-width:100vw;max-height:100dvh;padding:var(--studio-snug);background:0 0;border:0;margin:auto}.data-picker::backdrop{background:#0006}.data-picker-field{background:var(--truffle-color-background);outline:var(--truffle-space-2) solid var(--truffle-color-paper-soft);max-height:70dvh;padding:var(--studio-tight);width:min(calc(var(--truffle-space-367) + var(--truffle-space-160)), calc(100vw - 2 * var(--truffle-space-38)));flex-direction:column;display:flex}.data-picker-bar{padding:0 var(--studio-tight) var(--studio-tight);justify-content:space-between;align-items:center;display:flex}.data-picker-bar em{font-size:var(--truffle-font-size-14);font-style:normal;font-weight:var(--truffle-font-weight-bold);text-transform:uppercase}.studio .data-picker-bar button{padding:var(--truffle-space-2);display:flex}.data-picker-list{scrollbar-color:var(--truffle-color-paper-soft) transparent;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.studio .picker-row{border-radius:var(--truffle-radius-square);border:0;border-top:var(--truffle-space-2) solid var(--truffle-color-paper-soft);color:var(--truffle-color-foreground);font-size:var(--truffle-font-size-14);align-items:center;gap:var(--studio-tight);grid-template-columns:var(--studio-snug) fit-content(55%) minmax(0, 1fr) auto;line-height:var(--truffle-line-height-14);padding:var(--studio-tight);text-align:left;flex:none;display:grid}.studio .picker-row:hover,.studio .picker-row:focus-visible{background:var(--truffle-color-background-bright);border-color:#0000;border-top-color:var(--truffle-color-paper-soft);color:var(--truffle-color-foreground)}.picker-row i{background:var(--truffle-color-accent);height:var(--truffle-space-2);width:var(--studio-snug);display:block}.picker-row.is-authored i{background:var(--truffle-color-primary)}.picker-row.is-missing i{background:var(--truffle-color-paper-soft)}.picker-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-row em{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.studio .picker-row.is-current,.studio .picker-row.is-current em{color:var(--truffle-color-primary)}.picker-row svg{justify-self:end}.filmstrip{--thumb-scale:.16875;--thumb-width:216px;gap:var(--studio-tight);padding:var(--studio-tight) 0 var(--studio-snug);display:flex;overflow-x:auto}.thumb{cursor:pointer;width:var(--thumb-width);flex:none;position:relative}.thumb-slide{height:calc(720px * var(--thumb-scale));pointer-events:none;width:var(--thumb-width);overflow:hidden}.thumb .slide-frame{height:720px;transform:scale(var(--thumb-scale));transform-origin:0 0;width:1280px}.thumb .slide{width:100%;height:100%}.thumb-slide{outline:var(--truffle-space-2) solid transparent;transition:outline-color var(--truffle-duration-standard)}.thumb.is-active .thumb-slide{outline-color:var(--truffle-color-primary)}.thumb.is-over .thumb-slide{outline-color:var(--truffle-color-accent)}.thumb.is-dragging{opacity:.3}.thumb.is-preview{width:var(--thumb-width)}.thumb-number{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14)}.sidebar{border-left:var(--truffle-space-2) solid var(--truffle-color-background);gap:var(--studio-tight);min-height:0;padding-left:var(--studio-snug);flex-direction:column;display:flex}.palette{align-content:start;gap:var(--studio-tight);grid-template-columns:2fr 3fr;grid-template-areas:"metric trend""content breakdown""content narrative""annotation annotation";grid-template-rows:var(--truffle-space-112) var(--truffle-space-128) var(--truffle-space-128) var(--truffle-space-56);min-height:0;padding-right:var(--studio-hair);flex:1;display:grid;overflow-y:auto}.tile-metric{grid-area:metric}.tile-trend{grid-area:trend}.tile-content{grid-area:content}.tile-breakdown{grid-area:breakdown}.tile-narrative{grid-area:narrative}.tile-annotation{grid-area:annotation}.palette,.filmstrip{scrollbar-color:var(--truffle-color-background) transparent;scrollbar-width:thin}.palette::-webkit-scrollbar{width:6px;height:6px}.filmstrip::-webkit-scrollbar{width:6px;height:6px}.palette::-webkit-scrollbar-thumb{background:var(--truffle-color-background)}.filmstrip::-webkit-scrollbar-thumb{background:var(--truffle-color-background)}.palette::-webkit-scrollbar-track{background:0 0}.filmstrip::-webkit-scrollbar-track{background:0 0}.tile{background:var(--truffle-color-background);cursor:grab;gap:var(--studio-tight);outline:var(--truffle-space-2) solid transparent;outline-offset:calc(-1 * var(--truffle-space-2));min-width:0;min-height:0;padding:var(--studio-snug);transition:outline-color var(--truffle-duration-standard);flex-direction:column;display:flex;overflow:hidden}.tile:hover{outline-color:var(--truffle-color-primary)}.tile-name{color:var(--truffle-color-foreground-soft);font-size:var(--truffle-font-size-14);line-height:var(--truffle-line-height-14);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile .schematic{flex:1;width:100%;min-height:0;display:block}.tile-annotation{align-items:center;gap:var(--studio-snug);flex-direction:row}.tile-annotation .schematic{flex:1;height:auto}.tile.is-dragging{opacity:.4}.studio.is-present{grid-template-rows:auto minmax(0,1fr) auto;max-width:none;padding:0}.studio.is-present .studio-body{grid-template-columns:1fr}.studio.is-present .studio-bar{padding:var(--studio-tight) var(--studio-snug)}.present-nav{gap:var(--studio-snug);padding:var(--studio-tight) 0 var(--studio-snug);justify-content:center;display:flex}.studio-sheet-toggle{display:none}.studio.is-present .studio-sheet-toggle{display:none!important}@media (width<=1000px){.studio-body{grid-template-columns:1fr}.studio-sheet-toggle{display:inline-block}.sidebar{background:var(--truffle-color-paper-soft);border-left:0;border-top:var(--truffle-space-2) solid var(--truffle-color-background);height:72dvh;padding:var(--studio-snug);transition:transform var(--truffle-duration-standard);z-index:5;height:52dvh;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.studio.is-sheet-open .sidebar{transform:none}.palette{grid-template-columns:2fr 3fr 2fr;grid-template-areas:"metric trend content""breakdown narrative content""annotation annotation content";grid-template-rows:var(--truffle-space-112) var(--truffle-space-128) var(--truffle-space-56);max-width:calc(var(--truffle-space-367) + var(--truffle-space-288));width:100%;margin:0 auto}.studio.is-sheet-open .studio-body{padding-bottom:52dvh}.studio.is-sheet-open .filmstrip{display:none}}@media (width<=700px){.studio{padding:0 var(--studio-tight)}.studio .builder-header{gap:var(--studio-tight);display:flex}.studio .builder-header>div{gap:var(--studio-tight);flex-wrap:wrap;display:flex}.studio .builder-header>div>p{display:none}.studio .builder-header h1{font-size:var(--truffle-font-size-14);line-height:var(--truffle-line-height-14)}.studio .builder-header svg{width:var(--truffle-space-80)}.filmstrip{--thumb-scale:.1;--thumb-width:128px}}