@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.running{animation-play-state:running}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--hair1:1px;--hair:1.5px;--panel-w:380px;--menu-type:28px;--title-tracking:-.03em;--brand-type:28px;--bar-h:53px;--background:#141414;--foreground:#f4f2eb;--muted:#f4f2eb8c;--line:#f4f2eb29;--accent:#f4f2eb;--on-accent:#111;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#141414;--surface:#111;--field-bg:#ffffff08;--hover:#ffffff0d;--line-strong:#f4f2eb52;--accent-ink:#f4f2eb;--accent-tint:#f4f2eb12;--accent-edge:#f4f2eb80}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-height:100%;margin:0}body{color:var(--foreground);font-family:Instrument Sans,Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.studio{grid-template-columns:minmax(0, 1fr) var(--panel-w);background:#141414;display:grid;position:fixed;inset:0;overflow:hidden}.studio-panel{z-index:5;min-height:0;color:var(--foreground);background:var(--panel-bg);scrollbar-width:thin;flex-direction:column;order:2;display:flex;position:relative;overflow-y:auto}.panel-mark{color:var(--foreground);display:block}.panel-section{border-bottom:round(calc(2px * var(--k,.8)), var(--snap,1px)) solid #f4f2eb;flex:none}.section-head{position:relative}.panel-player{height:round(calc(var(--bar-h) * var(--k,.8)), var(--snap,1px));padding-right:round(calc(12px * var(--k,.8)), var(--snap,1px));border-bottom:round(calc(2px * var(--k,.8)), var(--snap,1px)) solid #f4f2eb;flex:none;justify-content:space-between;align-items:center;display:flex}.panel-player button{width:round(calc(40px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));color:#f4f2eb8c;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}.panel-player button:hover,.panel-player button.active{color:#fff}.panel-player button:focus-visible{outline:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--accent-ink)}.panel-zoom{height:round(calc(var(--bar-h) * var(--k,.8)), var(--snap,1px));border-top:round(calc(2px * var(--k,.8)), var(--snap,1px)) solid #f4f2eb;background:var(--panel-bg);font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking);flex:none;align-items:center;margin-top:auto;line-height:1;display:flex;position:sticky;bottom:0}.section-toggle{align-items:center;gap:round(calc(10px * var(--k,.8)), var(--snap,1px));width:100%;min-height:round(calc(var(--bar-h) * var(--k,.8)), var(--snap,1px));padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) round(calc(40px * var(--k,.8)), var(--snap,1px)) round(calc(8px * var(--k,.8)), var(--snap,1px)) 0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}:is(.section-toggle:focus-visible,.section-pin:focus-visible){outline:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--accent-ink);outline-offset:round(calc(-1px * var(--k,.8)), var(--snap,1px))}.section-toggle h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking);flex:1;margin:0;font-weight:400;line-height:1.05;overflow:hidden}.section-chevron{right:round(calc(12px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(-7.5px * var(--k,.8)), var(--snap,1px));color:var(--muted);transition:opacity .2s,transform .3s;position:absolute;top:50%}.panel-section.open .section-chevron{opacity:0;transform:scale(.6)}.section-pin{right:round(calc(4px * var(--k,.8)), var(--snap,1px));width:round(calc(30px * var(--k,.8)), var(--snap,1px));height:round(calc(30px * var(--k,.8)), var(--snap,1px));color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.6)}.panel-section.open .section-pin{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.section-pin:hover{color:var(--foreground)}.section-pin i{width:round(calc(12px * var(--k,.8)), var(--snap,1px));height:round(calc(12px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) solid currentColor;background:0 0;border-radius:50%;transition:background .2s,transform .2s;display:block}.section-pin[aria-pressed=true]{color:var(--foreground)}.section-pin[aria-pressed=true] i{background:currentColor}.section-body{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1);display:grid}.panel-section.open .section-body{grid-template-rows:1fr}.section-clip{min-height:0;overflow:hidden}html.is-safari .panel-section:not(.open) .section-clip{height:0}.section-content{padding:round(calc(4px * var(--k,.8)), var(--snap,1px)) round(calc(14px * var(--k,.8)), var(--snap,1px)) round(calc(22px * var(--k,.8)), var(--snap,1px)) 0;opacity:0;transform:translateY(round(calc(-6px * var(--k,.8)), var(--snap,1px)));transition:opacity .25s,transform .35s}.panel-section.open .section-content{opacity:1;transition-delay:.1s;transform:none}.section-note{align-items:center;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));margin:0;display:flex}.pdf-dropzone{align-items:center;gap:round(calc(4px * var(--k,.8)), var(--snap,1px)) round(calc(11px * var(--k,.8)), var(--snap,1px));width:100%;min-height:round(calc(80px * var(--k,.8)), var(--snap,1px));padding:round(calc(15px * var(--k,.8)), var(--snap,1px));border:round(calc(1px * var(--k,.8)), var(--snap,1px)) dashed var(--line-strong);border-radius:round(calc(13px * var(--k,.8)), var(--snap,1px));color:inherit;background:var(--field-bg);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;transition:border-color .16s,background .16s;display:grid}:is(.pdf-dropzone:hover,.pdf-dropzone:focus-visible){border-color:var(--accent-ink);background:var(--accent-tint);outline:none}.pdf-dropzone.has-file{border-style:solid;border-color:var(--accent-edge)}.pdf-dropzone svg{color:var(--accent-ink);grid-row:1/3}.pdf-dropzone strong{min-width:0;font-size:round(calc(12.8px * var(--k,.8)), var(--snap,1px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-dropzone span{color:var(--muted);font-size:round(calc(11.2px * var(--k,.8)), var(--snap,1px))}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-error{margin:round(calc(9px * var(--k,.8)), var(--snap,1px)) 0 0;color:#ff897b;font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px));line-height:1.35}.file-facts{gap:round(calc(1px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px));background:var(--line);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.file-facts div{gap:round(calc(5px * var(--k,.8)), var(--snap,1px));padding:round(calc(10px * var(--k,.8)), var(--snap,1px));background:var(--surface);display:grid}.file-facts span{color:var(--muted);font-size:round(calc(9.92px * var(--k,.8)), var(--snap,1px))}.file-facts strong{font-size:round(calc(12.16px * var(--k,.8)), var(--snap,1px));white-space:nowrap}.thumbnail-row{align-items:center;gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));display:flex}.thumbnail-row img{width:round(calc(34px * var(--k,.8)), var(--snap,1px));height:round(calc(45px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(3px * var(--k,.8)), var(--snap,1px));object-fit:cover}.thumbnail-row>span{width:round(calc(34px * var(--k,.8)), var(--snap,1px));height:round(calc(45px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(3px * var(--k,.8)), var(--snap,1px));color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));place-items:center;display:grid}.binding-grid{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));grid-template-columns:repeat(3,1fr);display:grid}.binding-grid.two{grid-template-columns:repeat(2,1fr)}.binding-grid button{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));min-width:0;padding:round(calc(11px * var(--k,.8)), var(--snap,1px)) round(calc(6px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(9px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;display:grid}.binding-grid button:hover{background:var(--hover)}.binding-grid button.active{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.binding-grid.three{margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));grid-template-columns:repeat(3,1fr)}.binding-grid .format-glyph{min-width:round(calc(6px * var(--k,.8)), var(--snap,1px));min-height:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-bottom:round(calc(4px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) solid currentColor;border-radius:round(calc(2px * var(--k,.8)), var(--snap,1px));opacity:.8;place-self:end center;display:block}.binding-grid button:has(.format-glyph){grid-template-rows:round(calc(28px * var(--k,.8)), var(--snap,1px)) auto auto;text-align:center;justify-items:center}.binding-grid strong{font-size:round(calc(11.2px * var(--k,.8)), var(--snap,1px))}.binding-grid span{color:var(--muted);font-size:round(calc(9.28px * var(--k,.8)), var(--snap,1px))}.binding-grid .active span{color:#00000094}.field-row{justify-content:space-between;align-items:center;gap:round(calc(10px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(14px * var(--k,.8)), var(--snap,1px));display:flex}.field-row>span{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));min-width:0;display:grid}.field-row strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.field-row small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px))}.field-inputs{align-items:center;gap:round(calc(5px * var(--k,.8)), var(--snap,1px));flex:none;display:flex}.field-inputs .field-label{margin-left:round(calc(6px * var(--k,.8)), var(--snap,1px));font-weight:500}.demo-size .field-inputs{flex:auto}.demo-size .field-label{margin-left:auto}.field-inputs i{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));font-style:normal}.number-field{width:round(calc(46px * var(--k,.8)), var(--snap,1px));height:round(calc(28px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(7px * var(--k,.8)), var(--snap,1px));color:inherit;background:var(--field-bg);font-family:var(--font-geist-mono), monospace;font-size:round(calc(11.2px * var(--k,.8)), var(--snap,1px));text-align:center}.number-field:focus{border-color:var(--accent);outline:none}.number-field.scrub:not(:focus){cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.field-reset{height:round(calc(28px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(7px * var(--k,.8)), var(--snap,1px));color:var(--muted);font-size:round(calc(9.6px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0}.field-reset.active,.field-reset:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.cover-row{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));display:flex}.cover-drop{align-items:center;gap:round(calc(10px * var(--k,.8)), var(--snap,1px));min-width:0;padding:round(calc(9px * var(--k,.8)), var(--snap,1px)) round(calc(12px * var(--k,.8)), var(--snap,1px));border:round(calc(1px * var(--k,.8)), var(--snap,1px)) dashed var(--line);border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px));color:inherit;text-align:left;cursor:pointer;background:0 0;flex:1;display:flex}:is(.cover-drop:hover,.cover-drop:focus-visible){border-color:var(--accent-ink);background:var(--accent-tint);outline:none}.cover-drop.has-file{border-style:solid}.cover-drop svg{color:var(--accent-ink);flex:none}.cover-drop>span{gap:round(calc(2px * var(--k,.8)), var(--snap,1px));min-width:0;display:grid}.cover-drop strong{font-size:round(calc(11.2px * var(--k,.8)), var(--snap,1px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cover-drop small{color:var(--muted);font-size:round(calc(9.92px * var(--k,.8)), var(--snap,1px))}.cover-row .field-reset{height:auto}.toggle-row{justify-content:space-between;align-items:center;gap:round(calc(12px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(15px * var(--k,.8)), var(--snap,1px));cursor:pointer;display:flex}.toggle-row>span{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));display:grid}.toggle-row strong,.range-field strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.toggle-row small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px))}.color-field{color-scheme:normal;width:round(calc(44px * var(--k,.8)), var(--snap,1px));height:round(calc(28px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(7px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;padding:0}.toggle-row input:disabled{opacity:.55}.toggle-row input{width:round(calc(36px * var(--k,.8)), var(--snap,1px));height:round(calc(20px * var(--k,.8)), var(--snap,1px));accent-color:var(--accent)}.binding-grid button:disabled{opacity:.55;cursor:default}.step-field{gap:round(calc(9px * var(--k,.8)), var(--snap,1px));display:grid}.step-field>span{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));display:grid}.step-field strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.step-field small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));line-height:1.35}.step-list{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));flex-wrap:wrap;display:flex}.step-chip{align-items:center;gap:round(calc(4px * var(--k,.8)), var(--snap,1px));height:round(calc(34px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(4px * var(--k,.8)), var(--snap,1px)) 0 round(calc(8px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(9px * var(--k,.8)), var(--snap,1px));background:var(--field-bg);display:inline-flex}.step-chip:focus-within{border-color:var(--accent-ink)}.step-chip.invalid{border-color:#ff897b}.step-chip i{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:round(calc(9.28px * var(--k,.8)), var(--snap,1px));font-style:normal}.step-chip input{width:round(calc(38px * var(--k,.8)), var(--snap,1px));height:100%;color:inherit;font-family:var(--font-geist-mono), monospace;font-size:round(calc(12.8px * var(--k,.8)), var(--snap,1px));text-align:center;background:0 0;border:0;outline:none;padding:0}.step-chip input::placeholder{color:var(--muted)}.step-chip button,.step-add{width:round(calc(22px * var(--k,.8)), var(--snap,1px));height:round(calc(22px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(6px * var(--k,.8)), var(--snap,1px));color:var(--muted);font-size:round(calc(14.4px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.step-chip button:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.step-add{width:round(calc(34px * var(--k,.8)), var(--snap,1px));height:round(calc(34px * var(--k,.8)), var(--snap,1px));border:round(calc(1px * var(--k,.8)), var(--snap,1px)) dashed var(--line-strong);border-radius:round(calc(9px * var(--k,.8)), var(--snap,1px));font-size:round(calc(16.8px * var(--k,.8)), var(--snap,1px))}.step-add:hover:not(:disabled){color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.step-field button:disabled,.step-field input:disabled{opacity:.55;cursor:default}.record-progress{height:round(calc(3px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(2px * var(--k,.8)), var(--snap,1px));background:var(--line);overflow:hidden}.record-progress i{background:var(--accent);transform-origin:0;height:100%;display:block}.frame-mask{z-index:2;pointer-events:none;outline:var(--hair1) solid #ffffffbf;position:absolute;box-shadow:0 0 0 100vmax #0b0b0c}.frame-mask span{color:var(--ov-muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;white-space:nowrap;font-size:.62rem;position:absolute;top:-20px;left:0}.rec-note b{color:#ff5a4d}.export-card .toggle-row{margin-top:round(calc(2px * var(--k,.8)), var(--snap,1px))}.quality-row{gap:round(calc(4px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));display:grid}.quality-row>span{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));display:grid}.quality-row strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.quality-row small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));line-height:1.35}.quality-row .binding-grid{margin-top:round(calc(4px * var(--k,.8)), var(--snap,1px))}.frame-mask.region{box-shadow:0 0 0 100vmax #080809a8}.export-options.four{grid-template-columns:repeat(4,1fr)}.frame-mask.region .region-edge,.frame-mask.region .region-corner{pointer-events:auto;touch-action:none;position:absolute}.region-edge.top,.region-edge.bottom{cursor:move;height:12px;left:14px;right:14px}.region-edge.top{top:-6px}.region-edge.bottom{bottom:-6px}.region-edge.left,.region-edge.right{cursor:move;width:12px;top:14px;bottom:14px}.region-edge.left{left:-6px}.region-edge.right{right:-6px}.region-corner{background:#141414d9;border:2px solid #f4f2eb;border-radius:3px;width:16px;height:16px}.region-corner.nw{cursor:nwse-resize;top:-8px;left:-8px}.region-corner.se{cursor:nwse-resize;bottom:-8px;right:-8px}.region-corner.ne{cursor:nesw-resize;top:-8px;right:-8px}.region-corner.sw{cursor:nesw-resize;bottom:-8px;left:-8px}.subsection-title{margin:round(calc(22px * var(--k,.8)), var(--snap,1px)) 0 0;padding-top:round(calc(16px * var(--k,.8)), var(--snap,1px));border-top:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));text-transform:uppercase;letter-spacing:.1em;font-weight:700}.help-list{gap:round(calc(11px * var(--k,.8)), var(--snap,1px));margin:0;padding:0;list-style:none;display:grid}.help-list li{gap:round(calc(2px * var(--k,.8)), var(--snap,1px));display:grid}.help-list strong{font-size:round(calc(11.84px * var(--k,.8)), var(--snap,1px))}.help-list span{color:var(--muted);font-size:round(calc(10.56px * var(--k,.8)), var(--snap,1px));line-height:1.35}.embed-block{gap:round(calc(8px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(4px * var(--k,.8)), var(--snap,1px));padding-top:round(calc(14px * var(--k,.8)), var(--snap,1px));border-top:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);display:grid}.embed-block>span{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));display:grid}.embed-block strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.embed-block small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));line-height:1.35}.embed-url{gap:round(calc(4px * var(--k,.8)), var(--snap,1px));display:grid}.embed-url span{font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px));color:var(--muted)}.embed-url input{height:round(calc(30px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--foreground);background:var(--field-bg);font-size:round(calc(11.2px * var(--k,.8)), var(--snap,1px))}.embed-url input:focus{border-color:var(--accent-ink);outline:none}.embed-hint{color:var(--muted);font-size:round(calc(9.6px * var(--k,.8)), var(--snap,1px))}.embed-block textarea{width:100%;padding:round(calc(8px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--foreground);background:var(--field-bg);font-family:var(--font-geist-mono), monospace;font-size:round(calc(9.92px * var(--k,.8)), var(--snap,1px));resize:none;line-height:1.4}.finish-group{gap:round(calc(8px * var(--k,.8)), var(--snap,1px));display:grid}.finish-group>strong{font-size:round(calc(11.52px * var(--k,.8)), var(--snap,1px))}.tint-swatch{width:round(calc(14px * var(--k,.8)), var(--snap,1px));height:round(calc(14px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);border-radius:50%;justify-self:center;display:block}.scenario-run{width:100%;height:round(calc(36px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--on-accent);background:var(--accent);font-size:round(calc(10.88px * var(--k,.8)), var(--snap,1px));text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;font-weight:800}.scenario-note{margin:round(calc(10px * var(--k,.8)), var(--snap,1px)) 0 0;color:var(--muted);font-size:round(calc(10.88px * var(--k,.8)), var(--snap,1px))}.settings-section{gap:round(calc(16px * var(--k,.8)), var(--snap,1px));display:grid}.range-field{gap:round(calc(9px * var(--k,.8)), var(--snap,1px));display:grid}.range-field>span{justify-content:space-between;gap:round(calc(14px * var(--k,.8)), var(--snap,1px));display:flex}.range-field output{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:round(calc(10.56px * var(--k,.8)), var(--snap,1px))}.range-field input{width:100%;accent-color:var(--accent)}.spine-range{width:100%;margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));accent-color:var(--accent)}.panel-spread-nav{margin-top:round(calc(10px * var(--k,.8)), var(--snap,1px));justify-content:space-between}.panel-spread-nav select{flex:1}.export-card{gap:round(calc(12px * var(--k,.8)), var(--snap,1px));display:grid}.export-card strong{font-size:round(calc(11.84px * var(--k,.8)), var(--snap,1px))}.export-card small{color:var(--muted);font-size:round(calc(10.24px * var(--k,.8)), var(--snap,1px))}.export-card button{height:round(calc(35px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--muted);background:var(--hover);font-size:round(calc(10.56px * var(--k,.8)), var(--snap,1px));text-transform:uppercase;letter-spacing:.08em;border:0}.export-options{gap:round(calc(5px * var(--k,.8)), var(--snap,1px));grid-template-columns:repeat(3,1fr);display:grid}.export-options.two{grid-template-columns:repeat(2,1fr)}.export-card .export-options button{height:round(calc(30px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--line);color:var(--foreground);cursor:pointer;background:0 0}.export-card .export-options button.active{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.export-card .record-button{color:var(--on-accent);background:var(--accent);cursor:pointer;font-weight:800}.export-card button:disabled{cursor:default;opacity:.6}.viewport-shell{--ov-fg:#f4f2eb;--ov-muted:#f4f2eb8c;--ov-line:#f4f2eb29;--ov-pill:#0c0c0cb8;--ov-hover-fg:#111;--ov-hover-bg:#f4f2eb;--ov-hover-soft:#ffffff14;color:var(--ov-fg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 48% 45%,#3a43533b,#0000 39%),#141414;min-width:0;position:relative;overflow:hidden}.viewport-shell[data-tone=light]{--ov-fg:#16161a;--ov-muted:#16161a9e;--ov-line:#16161a33;--ov-pill:#fffc;--ov-hover-fg:#f4f2eb;--ov-hover-bg:#16161a;--ov-hover-soft:#16161a14}.viewport-shell:active{cursor:grabbing}.viewport-shell[data-cursor=next]{cursor:var(--cursor-next,e-resize), e-resize}.viewport-shell[data-cursor=prev]{cursor:var(--cursor-prev,w-resize), w-resize}.viewport-shell[data-cursor=play-forward],.viewport-shell[data-cursor=play-back],.viewport-shell[data-cursor=pause],.viewport-shell[data-cursor=stop],.viewport-shell[data-cursor=open]{cursor:pointer}.viewport-shell[data-cursor=grabbing]{cursor:grabbing}.viewport-shell[data-cursor=grab]{cursor:grab}.viewport-shell[data-cursor=none],.viewport-header,.controls{cursor:default}.viewport-header,.controls{z-index:4;align-items:center;display:grid;position:absolute;left:0;right:0}.viewport-header{height:round(calc(var(--bar-h) * var(--k,.8)), var(--snap,1px));padding:0 round(calc(24px * var(--k,.8)), var(--snap,1px));grid-template-columns:1fr;justify-items:center;top:0}.stage-brand{left:round(calc(12px * var(--k,.8)), var(--snap,1px));z-index:1;height:round(calc(var(--bar-h) * var(--k,.8)), var(--snap,1px));font-size:round(calc(var(--brand-type) * var(--k,.8)), var(--snap,1px));white-space:nowrap;cursor:pointer;letter-spacing:var(--title-tracking);outline:none;align-items:center;line-height:1;display:flex;position:absolute;top:0}.stage-brand span{opacity:0;max-width:0;transform:translateX(round(calc(-6px * var(--k,.8)), var(--snap,1px)));margin-left:0;transition:max-width .45s cubic-bezier(.2,.8,.2,1),margin-left .45s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1);display:block;overflow:hidden}.stage-brand.open span{max-width:round(calc(260px * var(--k,.8)), var(--snap,1px));margin-left:round(calc(12px * var(--k,.8)), var(--snap,1px));opacity:1;transform:none}.stage-brand:focus-visible{outline:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--ov-line);outline-offset:round(calc(4px * var(--k,.8)), var(--snap,1px))}.view-switcher{gap:round(calc(3px * var(--k,.8)), var(--snap,1px));padding:round(calc(3px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--ov-line);border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));background:var(--ov-pill);-webkit-backdrop-filter:blur(round(calc(14px * var(--k,.8)), var(--snap,1px)));backdrop-filter:blur(round(calc(14px * var(--k,.8)), var(--snap,1px)));display:flex}.view-button{height:round(calc(31px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(11px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:var(--ov-muted);font-size:round(calc(9.92px * var(--k,.8)), var(--snap,1px));text-transform:uppercase;letter-spacing:.08em;background:0 0;font-weight:700}.view-button:hover{color:var(--ov-fg);background:var(--ov-hover-soft)}.view-button[aria-pressed=true]{color:var(--ov-hover-fg);background:var(--ov-hover-bg)}.stage{z-index:1;position:absolute;inset:0}.stage canvas{filter:saturate(.96)contrast(1.04);width:100%;height:100%;display:block}.controls{gap:round(calc(18px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(24px * var(--k,.8)), var(--snap,1px)) round(calc(20px * var(--k,.8)), var(--snap,1px));font-size:round(calc(10.72px * var(--k,.8)), var(--snap,1px));text-transform:uppercase;letter-spacing:.12em;grid-template-columns:auto 1fr;font-weight:700;bottom:0}.controls p{margin:0}.mode-button{width:round(calc(40px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--ov-line);color:var(--ov-fg);background:var(--ov-pill);font-size:round(calc(16px * var(--k,.8)), var(--snap,1px));cursor:pointer;border-radius:50%;place-items:center;display:grid}.mode-button:hover{color:var(--ov-hover-fg);background:var(--ov-hover-bg)}.spread-nav{align-items:center;gap:round(calc(2px * var(--k,.8)), var(--snap,1px));padding:round(calc(3px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--ov-line);border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));background:var(--ov-pill);-webkit-backdrop-filter:blur(round(calc(14px * var(--k,.8)), var(--snap,1px)));backdrop-filter:blur(round(calc(14px * var(--k,.8)), var(--snap,1px)));display:flex}.spread-nav button{width:round(calc(30px * var(--k,.8)), var(--snap,1px));height:round(calc(30px * var(--k,.8)), var(--snap,1px));color:var(--ov-fg);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.spread-nav button:hover:not(:disabled){color:var(--ov-hover-fg);background:var(--ov-hover-bg)}.spread-nav button:disabled{opacity:.3;cursor:default}.spread-nav select{min-width:round(calc(80px * var(--k,.8)), var(--snap,1px));height:round(calc(30px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px));color:inherit;font:inherit;letter-spacing:.08em;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0}.spread-nav select:focus-visible{outline:round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) solid var(--accent);border-radius:round(calc(6px * var(--k,.8)), var(--snap,1px))}.spread-nav option{color:var(--foreground);background:var(--surface);text-transform:none}.spread-ruler{z-index:4;left:50%;bottom:calc(var(--bar-h) - 21px);color:#fff;cursor:pointer;touch-action:none;outline:none;width:min(72%,1500px);height:40px;position:absolute;transform:translate(-50%)}.liquid-dots{width:100%;height:100%;display:block;overflow:visible}.spread-ruler:focus-visible{outline:var(--hair1) solid var(--ov-line);outline-offset:4px;border-radius:8px}.ruler-preview{opacity:0;transform-origin:bottom;pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),left .12s ease-out;display:flex;position:absolute;bottom:30px;transform:translate(-50%,8px)scale(.92)}.ruler-preview.shown{opacity:1;transform:translate(-50%)scale(1)}.ruler-preview figure{margin:0}.ruler-preview figure span{outline:var(--hair1) solid #f4f2eb8c;outline-offset:-1px;background:#efede7;display:block;overflow:hidden;box-shadow:0 10px 30px #00000073}.ruler-preview img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.studio-panel{font-size:.94em}.viewport-header{padding-inline:round(calc(16px * var(--k,.8)), var(--snap,1px))}.view-button{padding-inline:round(calc(8px * var(--k,.8)), var(--snap,1px))}}@media (max-width:680px){.studio{display:block;overflow-y:auto}.studio-panel{width:100%;max-height:none;padding-left:round(calc(14px * var(--k,.8)), var(--snap,1px));border:0;position:relative;overflow:visible}.viewport-shell{height:72svh;min-height:540px}.controls{gap:round(calc(10px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px)) round(calc(14px * var(--k,.8)), var(--snap,1px));grid-template-columns:auto auto 1fr auto}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.section-body,.section-content,.section-chevron,.section-pin{transition:none}}:root{--panel-w:400px;--menu-type:24px;--title-tracking:-.02em;--card-yellow:#f3ea48;--card-pink:#ee6fb1;--card-blue:#4e8bf7;--card-green:#39db63;--card-white:#fff}.studio-panel{gap:round(calc(5px * var(--k,.8)), var(--snap,1px));padding:round(calc(12px * var(--k,.8)), var(--snap,1px)) round(calc(12px * var(--k,.8)), var(--snap,1px)) round(calc(12px * var(--k,.8)), var(--snap,1px)) 0}.studio{--panel-bg:transparent;background:var(--stage-bg,#141414);grid-template-columns:minmax(0,1fr)}.studio>.viewport-shell{grid-area:1/1}.studio>.studio-panel{width:round(calc(var(--panel-w) * var(--k,.8)), var(--snap,1px));background:0 0;position:absolute;top:0;bottom:0;right:0}.stage canvas{filter:none}.studio[data-tone=light] .panel-section[data-card="00"],.studio[data-tone=light] .panel-zoom{color:#111;--foreground:#111;--muted:#1111119e;--line:#1113;--accent-ink:#111}.studio[data-tone=light] .panel-section[data-card="00"]{box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111111d9}.studio[data-tone=light] .panel-zoom{border-color:#111111d9}.panel-section{border-radius:round(calc(24px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(18px * var(--k,.8)), var(--snap,1px));border:0}.panel-section[data-card="00"]{box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #f4f2ebe6}.panel-section[data-card="01"]{--card:var(--card-yellow)}.panel-section[data-card="02"]{--card:var(--card-pink)}.panel-section[data-card="03"]{--card:var(--card-blue)}.panel-section[data-card="04"]{--card:var(--card-green)}.panel-section[data-card="06"]{--card:var(--card-yellow)}.panel-section[data-card="07"]{--card:var(--card-white)}.panel-section:not([data-card="00"]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:var(--card);--foreground:#111;--muted:#1111119e;--line:#1113;--line-strong:#1111116b;--accent:#111;--on-accent:var(--card);--accent-ink:#111;--accent-tint:#1111110f;--accent-edge:#1111118c;--field-bg:#1111110d;--hover:#11111114;--surface:#ffffff4d}.section-toggle{min-height:round(calc(60px * var(--k,.8)), var(--snap,1px));padding-right:round(calc(44px * var(--k,.8)), var(--snap,1px))}.section-chevron{color:currentColor;opacity:.7;right:0}.section-pin{right:round(calc(-6px * var(--k,.8)), var(--snap,1px));color:currentColor}.section-content{padding:round(calc(2px * var(--k,.8)), var(--snap,1px)) 0 round(calc(20px * var(--k,.8)), var(--snap,1px))}.panel-section:not([data-card="00"]) .binding-grid .active span{color:var(--on-accent);opacity:.7}.panel-section:not([data-card="00"]) .form-error{color:#9d1c14}.binding-grid button{border-radius:round(calc(16px * var(--k,.8)), var(--snap,1px))}.pdf-dropzone,.cover-drop,.file-facts{border-radius:round(calc(18px * var(--k,.8)), var(--snap,1px))}.number-field,.field-reset,.embed-url input,.embed-block textarea{border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px))}.export-card .export-options button,.step-chip,.step-add{border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px))}.scenario-run,.export-card button,.export-card .record-button{height:round(calc(44px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));text-transform:none;letter-spacing:0;font-weight:700;font-size:round(calc(12.8px * var(--k,.8)), var(--snap,1px))}.subsection-title{border-top-color:var(--line-strong);color:var(--foreground);letter-spacing:.06em}.panel-player{height:round(calc(56px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white);border:0}.panel-player button{color:#11111180}.panel-player button:first-child{margin-left:0}.panel-player button:hover,.panel-player button.active{color:#111;background:#11111114}.panel-zoom{bottom:round(calc(12px * var(--k,.8)), var(--snap,1px));height:round(calc(56px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px));border:round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) solid #f4f2ebe6;border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));font-weight:600}.stage-brand .panel-mark{color:var(--card-pink)}.view-switcher,.spread-nav{padding:round(calc(4px * var(--k,.8)), var(--snap,1px));border-width:round(calc(1.5px * var(--k,.8)), var(--snap,1px))}.view-button{height:round(calc(34px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px));font-size:round(calc(12.48px * var(--k,.8)), var(--snap,1px));text-transform:none;letter-spacing:0;font-weight:600}.mode-button{width:round(calc(44px * var(--k,.8)), var(--snap,1px));height:round(calc(44px * var(--k,.8)), var(--snap,1px));border-width:round(calc(1.5px * var(--k,.8)), var(--snap,1px))}@media (max-width:680px){.studio-panel{padding:round(calc(12px * var(--k,.8)), var(--snap,1px))}}.ruler-outline{fill:none;stroke:currentColor;stroke-width:1.2px}.ruler-fill{fill:currentColor}.ruler-knob{fill:var(--stage-bg,#141414);stroke:currentColor;stroke-width:2px}.dots-plain{fill:currentColor}.dots-on-fill{fill:var(--stage-bg,#141414)}.studio{--ui-scale:.8;--menu-w:calc(var(--panel-w) * var(--ui-scale))}.studio>.studio-panel,.studio .viewport-header,.studio .controls{zoom:1}.studio .viewport-header{padding-right:round(calc(var(--panel-w) * var(--k,.8)), var(--snap,1px))}.studio .spread-ruler{left:calc(50% - var(--menu-w) / 2);width:min(calc((100% - var(--menu-w)) * .8), 1500px)}.studio[data-scheme=mono] .panel-section{--card:var(--card-white)}.studio[data-scheme=mono] .panel-section[data-card="00"],.studio[data-scheme=mono] .panel-zoom{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:var(--card-white);box-shadow:none;--foreground:#111;--muted:#1111119e;--line:#1113;--line-strong:#1111116b;--accent:#111;--on-accent:var(--card-white);--accent-ink:#111;--accent-tint:#1111110f;--accent-edge:#1111118c;--field-bg:#1111110d;--hover:#11111114;--surface:#1111110a;border-color:#0000}.studio[data-scheme=mono] .panel-section[data-card="00"] .binding-grid .active span{color:var(--on-accent);opacity:.7}.menu-scheme{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .panel-player{bottom:round(calc(73px * var(--k,.8)), var(--snap,1px));z-index:2;margin-top:auto;position:sticky}.studio .panel-zoom{z-index:2;margin-top:0}.section-chevron{width:round(calc(28px * var(--k,.8)), var(--snap,1px));height:round(calc(28px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(-14px * var(--k,.8)), var(--snap,1px));padding:round(calc(6px * var(--k,.8)), var(--snap,1px));color:currentColor;opacity:1;stroke-width:2.5px;background:#11111114;border-radius:50%;right:0}.panel-section[data-card="00"] .section-chevron{background:#f4f2eb24}.studio[data-scheme=mono] .panel-section[data-card="00"] .section-chevron{background:#11111114}.studio .view-switcher{gap:round(calc(2px * var(--k,.8)), var(--snap,1px));padding:round(calc(4px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white);-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.studio .view-button{height:round(calc(36px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#1111119e;font-size:round(calc(12.8px * var(--k,.8)), var(--snap,1px))}.studio .view-button:hover{color:#111;background:#11111114}.studio .view-button[aria-pressed=true]{color:var(--card-white);background:#111}.studio .mode-button{width:round(calc(44px * var(--k,.8)), var(--snap,1px));height:round(calc(44px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white);border:0}.studio .mode-button:hover{color:var(--card-white);background:#111}.studio{--plate-edge:inset 0 0 0 var(--hair1) #0000001a}.panel-section:not([data-card="00"]),.studio .panel-player,.studio .view-switcher,.studio .mode-button,.studio[data-scheme=mono] .panel-section[data-card="00"],.studio[data-scheme=mono] .panel-zoom{box-shadow:var(--plate-edge)}.studio .spread-ruler{height:48px;bottom:17.6px}.ruler-pins{fill:currentColor;stroke:currentColor;stroke-width:1.5px;pointer-events:none}.studio-panel{gap:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1)}.panel-section,.studio .panel-player,.studio .panel-zoom{border-radius:round(calc(26px * var(--k,.8)), var(--snap,1px))}.section-toggle h2{font-weight:400}.section-chevron{right:round(calc(2px * var(--k,.8)), var(--snap,1px));width:round(calc(24px * var(--k,.8)), var(--snap,1px));height:round(calc(24px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(-12px * var(--k,.8)), var(--snap,1px));color:currentColor;opacity:1;stroke-width:1.4px;border-radius:0;padding:0;background:0 0!important}.section-pin{width:round(calc(28px * var(--k,.8)), var(--snap,1px));height:round(calc(28px * var(--k,.8)), var(--snap,1px));right:0}.liquid-dots.ticks .ruler-outline{fill:currentColor;stroke:none}.liquid-dots.ticks .ruler-fill{fill:var(--stage-bg,#141414)}.liquid-dots.ticks .ruler-ticks{fill:currentColor}.liquid-dots.ticks .ruler-ticks-under{fill:var(--stage-bg,#141414)}.liquid-dots.ticks .ruler-knob,.liquid-dots.ticks .dots-plain,.liquid-dots.ticks .dots-on-fill{display:none}.ruler-pins.diamonds{fill:#f5902a;stroke:none}.section-toggle h2,.panel-zoom{font-weight:500}.panel-section{--inner:#1111110a;--control:#11111112;--control-hover:#1111111f}.section-content .field-row strong,.section-content .toggle-row strong,.section-content .range-field strong,.section-content .quality-row strong,.section-content .step-field strong,.section-content .finish-group>strong,.section-content .embed-block strong,.export-card strong{font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));font-weight:500}.section-content small,.section-content .quality-row small,.section-content .step-field small,.export-card small{font-size:round(calc(12px * var(--k,.8)), var(--snap,1px))}.section-content .binding-grid,.section-content .export-options{gap:round(calc(6px * var(--k,.8)), var(--snap,1px))}.section-content .binding-grid button,.export-card .export-options button,.section-content .field-reset,.section-content .step-chip,.section-content .step-add{border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));color:var(--foreground);background:var(--control);border:0;transition:background .15s,color .15s}.section-content .binding-grid button{min-height:round(calc(48px * var(--k,.8)), var(--snap,1px));padding:round(calc(10px * var(--k,.8)), var(--snap,1px)) round(calc(6px * var(--k,.8)), var(--snap,1px))}.section-content .binding-grid strong{font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));font-weight:500}.section-content .binding-grid span{font-size:round(calc(11px * var(--k,.8)), var(--snap,1px))}.section-content .binding-grid button:hover:not(:disabled),.export-card .export-options button:hover:not(:disabled),.section-content .field-reset:hover,.section-content .step-add:hover:not(:disabled){color:var(--foreground);background:var(--control-hover)}.section-content .binding-grid button.active,.export-card .export-options button.active,.section-content .field-reset.active,.section-content .binding-grid button.active:hover{color:var(--on-accent);background:var(--accent)}.section-content .binding-grid .active span{color:var(--on-accent);opacity:.65}.export-card .export-options button{height:round(calc(40px * var(--k,.8)), var(--snap,1px));font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));text-transform:none;letter-spacing:0;font-weight:500}.section-content .field-reset{height:round(calc(36px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px));font-size:round(calc(13px * var(--k,.8)), var(--snap,1px))}.section-content .number-field,.section-content .embed-url input,.section-content .embed-block textarea,.section-content .color-field{border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px));background:var(--control);border:0}.section-content .number-field{width:round(calc(56px * var(--k,.8)), var(--snap,1px));height:round(calc(36px * var(--k,.8)), var(--snap,1px));font-family:inherit;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px))}.section-content .demo-size .number-field[aria-label="Test book pages"]{width:round(calc(42px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(2px * var(--k,.8)), var(--snap,1px))}.section-content .pdf-dropzone,.section-content .cover-drop{border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));background:var(--control);border:0}.section-content .pdf-dropzone:hover,.section-content .cover-drop:hover{background:var(--control-hover)}.section-content .pdf-dropzone strong,.section-content .cover-drop strong{font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));font-weight:500}.section-content .pdf-dropzone span,.section-content .cover-drop small{font-size:round(calc(12px * var(--k,.8)), var(--snap,1px))}.section-content .file-facts{border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));background:var(--control);border:0;gap:0}.section-content .file-facts div{background:0 0}.section-content .file-facts.info-line{gap:round(calc(14px * var(--k,.8)), var(--snap,1px));padding:round(calc(10px * var(--k,.8)), var(--snap,1px)) round(calc(14px * var(--k,.8)), var(--snap,1px));flex-wrap:nowrap;display:flex}.section-content .file-facts.info-line div{align-items:baseline;gap:round(calc(5px * var(--k,.8)), var(--snap,1px));white-space:nowrap;padding:0;display:flex}.section-content .file-facts span{font-size:round(calc(11px * var(--k,.8)), var(--snap,1px))}.section-content .file-facts strong{font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));font-weight:500}.studio-panel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:round(calc(40px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));background:linear-gradient(to right, var(--accent) var(--p,50%), var(--control) var(--p,50%));cursor:ew-resize;margin:0}.studio-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:round(calc(2px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));background:0 0;border:0}.studio-panel input[type=range]::-moz-range-thumb{width:round(calc(2px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));background:0 0;border:0}.section-content .range-field output{font-family:inherit;font-size:round(calc(13px * var(--k,.8)), var(--snap,1px))}.section-content .toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:round(calc(46px * var(--k,.8)), var(--snap,1px));height:round(calc(28px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));background:var(--control-hover);cursor:pointer;flex:none;margin:0;transition:background .2s;position:relative}.section-content .toggle-row input[type=checkbox]:after{content:"";top:round(calc(3px * var(--k,.8)), var(--snap,1px));left:round(calc(3px * var(--k,.8)), var(--snap,1px));width:round(calc(22px * var(--k,.8)), var(--snap,1px));height:round(calc(22px * var(--k,.8)), var(--snap,1px));box-shadow:0 round(calc(1px * var(--k,.8)), var(--snap,1px)) round(calc(2px * var(--k,.8)), var(--snap,1px)) #0003;background:#fff;border-radius:50%;transition:transform .2s;position:absolute}.section-content .toggle-row input[type=checkbox]:checked{background:var(--accent)}.section-content .toggle-row input[type=checkbox]:checked:after{transform:translateX(round(calc(18px * var(--k,.8)), var(--snap,1px)))}.section-content .scenario-run,.export-card .record-button{height:round(calc(52px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(16px * var(--k,.8)), var(--snap,1px));color:var(--on-accent);background:var(--accent);font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));font-weight:600}.section-chevron{width:round(calc(26px * var(--k,.8)), var(--snap,1px));height:round(calc(26px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(-13px * var(--k,.8)), var(--snap,1px));stroke-width:2px;right:0}.section-pin i{width:round(calc(16px * var(--k,.8)), var(--snap,1px));height:round(calc(16px * var(--k,.8)), var(--snap,1px));border-width:round(calc(2px * var(--k,.8)), var(--snap,1px))}.studio-panel{padding-top:round(calc(12.5px * var(--k,.8)), var(--snap,1px))}.studio .panel-player{bottom:round(calc(12px * var(--k,.8)), var(--snap,1px))}.studio .controls{gap:round(calc(18px * var(--k,.8)), var(--snap,1px));padding-bottom:round(calc(24px * var(--k,.8)), var(--snap,1px));grid-template-columns:auto auto 1fr}.studio .stage-zoom{min-width:0;width:round(calc(var(--zoom-w) * var(--k,.8)), var(--snap,1px));height:round(calc(56px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px));font-size:round(calc(20px * var(--k,.8)), var(--snap,1px));box-shadow:var(--plate-edge);justify-content:center;margin:0;position:static;bottom:auto}.studio[data-scheme=mono] .stage-zoom{color:#111;background:var(--card-white);border:0}.studio{--zoom-w:150px;--bar-start:calc(24px * .8 + var(--zoom-w) * .8 + 18px * .8 + 44px * .8 + 18px)}.studio .spread-ruler{left:var(--bar-start);width:calc(100% - var(--menu-w) - 2 * var(--bar-start));transform:none}.stage-zoom{justify-content:space-between;align-items:center;gap:round(calc(2px * var(--k,.8)), var(--snap,1px));display:flex}.stage-zoom button{width:round(calc(40px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));color:inherit;font:inherit;font-size:round(calc(24px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.stage-zoom button:hover:not(:disabled){background:#11111114}.stage-zoom button:disabled{opacity:.3;cursor:default}.stage-zoom label{cursor:text;justify-content:center;align-items:baseline;display:flex}.stage-zoom input{width:3ch;color:inherit;font:inherit;text-align:right;background:0 0;border:0;outline:none;padding:0}.studio .stage-brand{top:round(calc(12.5px * var(--k,.8)), var(--snap,1px));left:round(calc(12.5px * var(--k,.8)), var(--snap,1px));height:round(calc(60px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px)) 0 round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(26px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white);box-shadow:var(--plate-edge);font-size:round(calc(24px * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking);font-weight:500}.studio .stage-brand span{max-width:round(calc(260px * var(--k,.8)), var(--snap,1px));margin-left:round(calc(12px * var(--k,.8)), var(--snap,1px));opacity:1;transform:none}.panel-section,.studio .stage-brand{border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px))}.studio .panel-player,.studio .panel-zoom,.studio .stage-zoom{border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px))}.studio .section-content,.studio .export-card{--ink:#111;--paper:#fff;--ink-soft:#ffffff9e;--ink-hover:#2b2b2b}.studio .section-content .binding-grid button,.studio .export-card .export-options button,.studio .section-content .field-reset,.studio .section-content .step-chip,.studio .section-content .step-add,.studio .section-content .pdf-dropzone,.studio .section-content .cover-drop,.studio .section-content .file-facts,.studio .section-content .number-field,.studio .section-content .embed-url input,.studio .section-content .embed-block textarea,.studio .section-content .color-field,.studio .export-card>button:not(.record-button){color:var(--paper);background:var(--ink);box-shadow:none}.studio .section-content .binding-grid span,.studio .section-content .pdf-dropzone span,.studio .section-content .cover-drop small,.studio .section-content .file-facts span,.studio .section-content .step-chip i{color:var(--ink-soft);opacity:1}.studio .section-content .toggle-row input[type=checkbox]{background:var(--ink)}.studio .section-content .toggle-row input[type=checkbox]:after{background:var(--paper);box-shadow:none}:is(.studio .spread-ruler:focus,.studio .spread-ruler:focus-visible){outline:none}.studio .stage-brand .panel-mark{color:#111}.studio .section-content .binding-grid button,.studio .export-card .export-options button,.studio .section-content .field-reset,.studio .section-content .step-chip,.studio .section-content .step-add,.studio .section-content .pdf-dropzone,.studio .section-content .cover-drop,.studio .section-content .file-facts,.studio .section-content .number-field,.studio .section-content .embed-url input,.studio .section-content .embed-block textarea,.studio .section-content .color-field,.studio .export-card>button:not(.record-button){color:var(--ink);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink);background:0 0}.studio .section-content .binding-grid button:hover:not(:disabled),.studio .export-card .export-options button:hover:not(:disabled),.studio .section-content .field-reset:hover,.studio .section-content .step-add:hover:not(:disabled),.studio .section-content .pdf-dropzone:hover,.studio .section-content .cover-drop:hover{color:var(--ink);background:#1111110f}.studio .section-content .binding-grid span,.studio .section-content .pdf-dropzone span,.studio .section-content .cover-drop small,.studio .section-content .file-facts span,.studio .section-content .step-chip i{color:#1111118c}.studio .section-content .pdf-dropzone svg,.studio .section-content .cover-drop svg,.studio .section-content .step-chip input,.studio .section-content .file-facts strong{color:var(--ink)}.studio .section-content .binding-grid button.active,.studio .section-content .binding-grid button.active:hover,.studio .export-card .export-options button.active,.studio .section-content .field-reset.active{color:var(--paper);background:var(--ink);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink)}.studio .section-content .binding-grid .active span{color:var(--ink-soft)}.studio .studio-panel input[type=range]{background:linear-gradient(to right, var(--ink,#111) var(--p,50%), transparent var(--p,50%));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink,#111)}:is(.studio .studio-panel input[type=range]:focus,.studio .studio-panel input[type=range]:focus-visible){outline:none}.studio .section-content .toggle-row input[type=checkbox]{box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink);background:0 0}.studio .section-content .toggle-row input[type=checkbox]:after{background:var(--ink)}.studio .section-content .toggle-row input[type=checkbox]:checked{background:var(--ink);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink)}.studio .section-content .toggle-row input[type=checkbox]:checked:after{background:var(--paper)}:is(.section-toggle:focus,.section-toggle:focus-visible,.section-pin:focus,.section-pin:focus-visible){outline:none}.upload-pair{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));grid-template-columns:1fr 1fr;display:grid}.upload-pair .pdf-dropzone,.upload-pair .cover-drop{justify-content:space-between;align-items:flex-start;gap:round(calc(10px * var(--k,.8)), var(--snap,1px));min-height:round(calc(84px * var(--k,.8)), var(--snap,1px));padding:round(calc(12px * var(--k,.8)), var(--snap,1px));text-align:left;flex-direction:column;margin:0;display:flex}.upload-pair .cover-drop>span{display:block}.upload-pair .pdf-dropzone svg{grid-row:auto}.upload-pair .hint{display:none}.upload-pair strong{white-space:normal;line-height:1.2}[data-tip]{position:relative}.studio[data-tips=on] [data-tip]:hover:after{content:attr(data-tip);left:0;top:calc(100% + round(calc(6px * var(--k,.8)), var(--snap,1px)));z-index:20;width:max-content;max-width:round(calc(240px * var(--k,.8)), var(--snap,1px));padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));color:#fff;font-size:round(calc(12px * var(--k,.8)), var(--snap,1px));text-align:left;white-space:normal;pointer-events:none;background:#111;font-weight:400;line-height:1.35;position:absolute}.studio[data-tips=on] .upload-pair .cover-drop[data-tip]:hover:after{left:auto;right:0}.view-grid{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));grid-template-columns:repeat(5,1fr)}.view-grid button{min-height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) round(calc(2px * var(--k,.8)), var(--snap,1px))}.studio{--bar-start:calc(24px * .8 + var(--zoom-w) * .8 + 18px)}.panel-player .rec-dot{width:round(calc(14px * var(--k,.8)), var(--snap,1px));height:round(calc(14px * var(--k,.8)), var(--snap,1px));background:#e5372b;border-radius:50%;display:block}.panel-player .rec-stop{width:round(calc(13px * var(--k,.8)), var(--snap,1px));height:round(calc(13px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(2px * var(--k,.8)), var(--snap,1px));background:#e5372b;display:block}.panel-player .player-record.recording{animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.45}}.liquid-dots.ticks .ruler-outline{stroke:#0000001a;stroke-width:1px}.mode-grid{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));grid-template-columns:repeat(3,1fr)}.sub-section{margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px))}.sub-section+.sub-section{margin-top:round(calc(6px * var(--k,.8)), var(--snap,1px))}.sub-toggle{width:100%;height:round(calc(48px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px)) 0 round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:var(--foreground);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) currentColor;font-size:round(calc(17px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:500;display:flex}.sub-toggle svg{transition:transform .25s}.sub-section.open .sub-toggle{color:var(--on-accent,#fff);background:var(--foreground);box-shadow:none}.sub-section.open .sub-toggle svg{transform:rotate(45deg)}.sub-body{padding:round(calc(4px * var(--k,.8)), var(--snap,1px)) round(calc(2px * var(--k,.8)), var(--snap,1px)) round(calc(6px * var(--k,.8)), var(--snap,1px))}.sub-body>.binding-grid{margin-top:round(calc(10px * var(--k,.8)), var(--snap,1px))}.studio[data-tips=on] .panel-player [data-tip]:hover:after{top:auto;bottom:calc(100% + round(calc(10px * var(--k,.8)), var(--snap,1px)));white-space:nowrap;max-width:none;left:50%;transform:translate(-50%)}.studio[data-tips=on] .panel-player [data-tip]:last-child:hover:after{left:auto;right:0;transform:none}.studio[data-tips=on] .panel-player [data-tip]:hover:after{white-space:normal;width:max-content;max-width:round(calc(240px * var(--k,.8)), var(--snap,1px));left:auto;right:0;transform:none}.panel-section.open .section-head:after{content:"";left:round(calc(-18px * var(--k,.8)), var(--snap,1px));right:round(calc(-18px * var(--k,.8)), var(--snap,1px));top:round(calc(58.75px * var(--k,.8)), var(--snap,1px));height:calc(round(calc(2px * var(--k,.8)), var(--snap,1px)) / 1);background:radial-gradient(circle, currentColor calc(.7px / 1), transparent calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1)) repeat-x 0 50% / calc(round(calc(6px * var(--k,.8)), var(--snap,1px)) / 1) 100%;opacity:1;pointer-events:none;position:absolute}.section-content{padding-top:round(calc(14px * var(--k,.8)), var(--snap,1px))}.studio .embed-block .record-button{width:100%;height:round(calc(52px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(16px * var(--k,.8)), var(--snap,1px));color:#fff;font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:#111;border:0;font-weight:600}.studio .embed-block{border-top:0;margin-top:0;padding-top:0}.studio .studio-panel{gap:0}.studio .studio-panel>.panel-section~.panel-section{border-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1) solid transparent;background-clip:padding-box}.panel-player button:disabled{opacity:.3;cursor:default}.studio .region-reset{width:100%;height:40px;margin-top:8px;font-size:14px;display:block}.still-zone{z-index:3;pointer-events:none;outline:var(--hair) solid #ffffffe6;outline-offset:-1px;animation:.18s ease-out still-zone-in;position:absolute;box-shadow:0 0 0 100vmax #0006}@keyframes still-zone-in{0%{opacity:0}}.still-flash{z-index:3;pointer-events:none;background:#fff;animation:.45s ease-out forwards still-flash;position:absolute}@keyframes still-flash{0%{opacity:.85}to{opacity:0}}.swatch-row{gap:round(calc(8px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(10px * var(--k,.8)), var(--snap,1px));flex-wrap:wrap;display:flex}.swatch{width:round(calc(44px * var(--k,.8)), var(--snap,1px));height:round(calc(44px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.swatch.active{outline:round(calc(2px * var(--k,.8)), var(--snap,1px)) solid #111;outline-offset:round(calc(3px * var(--k,.8)), var(--snap,1px))}.swatch-any{background:conic-gradient(from 180deg,#3b3bff,#7a2ff0,#e8457a,#f07a2f,#f5b82f,#9ad24a,#3bb7e0,#3b3bff);overflow:visible}.swatch-any input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-add{color:#fff;background:#111}.swatch-add:hover{background:var(--pick,#ff3b80)}.panel-section.open .section-clip{overflow:visible}.panel-section:has([data-tip]:hover){z-index:6;position:relative}.studio .panel-player{margin-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1)}.panel-section.up.open .section-head:after{top:-.625px}.panel-section.up .section-content{padding-top:round(calc(14px * var(--k,.8)), var(--snap,1px));padding-bottom:round(calc(14px * var(--k,.8)), var(--snap,1px))}.studio .studio-panel{overflow:hidden}.menu-top{scrollbar-width:none;min-height:0;margin-bottom:round(calc(-30px * var(--k,.8)), var(--snap,1px));padding-bottom:round(calc(30px * var(--k,.8)), var(--snap,1px));flex:auto;overflow-y:auto}.menu-top::-webkit-scrollbar{display:none}.menu-bottom{z-index:1;scrollbar-width:none;border-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1) solid transparent;flex-direction:column;flex:none;max-height:72%;display:flex;position:relative;overflow-y:auto}.menu-bottom::-webkit-scrollbar{display:none}.studio .menu-top>.panel-section~.panel-section,.studio .menu-bottom>.panel-section~.panel-section{border-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1) solid transparent;background-clip:padding-box}.studio .panel-section[data-card="06"]{margin-top:0}.studio .menu-bottom .panel-player{margin-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1);flex:none;position:static}.swatch-pick{color:#111;background:#fff}.pick-overlay{z-index:60;cursor:crosshair;background:0 0;position:fixed;inset:0}.swatch-row{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));flex-wrap:nowrap}.swatch-row .swatch{flex:0 1 round(calc(44px * var(--k,.8)), var(--snap,1px));min-width:round(calc(26px * var(--k,.8)), var(--snap,1px));aspect-ratio:1;width:auto;height:auto}.pick-overlay{cursor:none}.pick-cursor{z-index:61;pointer-events:none;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:fixed;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #111}.panel-player .rec-glyph{color:#e5372b;display:grid}.studio .section-content .hex-field{width:round(calc(92px * var(--k,.8)), var(--snap,1px));height:round(calc(36px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px));color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;font:inherit;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0}.studio .section-content .hex-field:focus{box-shadow:inset 0 0 0 round(calc(2px * var(--k,.8)), var(--snap,1px)) #111;outline:none}.section-content :is(.field-row,.toggle-row,.quality-row,.embed-block)>span{position:relative}.section-content :is(.field-row,.toggle-row,.quality-row,.embed-block)>span>small,.section-content .binding-grid button>span:not(.format-glyph):not(.tint-swatch),.section-content .cover-row .cover-drop small{display:none}.studio[data-tips=on] .section-content :is(.field-row,.toggle-row,.quality-row,.embed-block):hover>span>small,.studio[data-tips=on] .section-content .binding-grid button:hover>span:not(.format-glyph):not(.tint-swatch),.studio[data-tips=on] .section-content .cover-row .cover-drop:hover small{left:0;top:calc(100% + round(calc(6px * var(--k,.8)), var(--snap,1px)));z-index:20;width:max-content;max-width:round(calc(240px * var(--k,.8)), var(--snap,1px));padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));font-size:round(calc(12px * var(--k,.8)), var(--snap,1px));text-align:left;white-space:normal;opacity:1;pointer-events:none;background:#111;font-weight:400;line-height:1.35;display:block;position:absolute;color:#fff!important}.section-content .binding-grid button,.section-content .cover-row .cover-drop{position:relative}.studio[data-tips=on] .section-content .binding-grid button:hover>span:not(.format-glyph):not(.tint-swatch){top:calc(100% + round(calc(6px * var(--k,.8)), var(--snap,1px)));left:50%;transform:translate(-50%)}.panel-section.open:hover{z-index:6;position:relative}.section-content .field-row,.section-content .toggle-row{margin-top:round(calc(14px * var(--k,.8)), var(--snap,1px))}.studio-panel button:focus,.studio-panel label:focus-within{outline:none}.studio .section-content .binding-grid button{text-align:center;align-content:center;justify-items:center}.studio .section-content .binding-grid button:has(.format-glyph){gap:round(calc(6px * var(--k,.8)), var(--snap,1px));padding:round(calc(10px * var(--k,.8)), var(--snap,1px)) round(calc(6px * var(--k,.8)), var(--snap,1px));grid-template-rows:auto auto}.studio .section-content .binding-grid .format-glyph{align-self:center;margin-bottom:0}.frame-mask.region .region-close{color:#111;width:24px;height:24px;box-shadow:inset 0 0 0 var(--hair1) #0000001a;cursor:pointer;pointer-events:auto;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-32px;right:-2px}.frame-mask.region .region-close:hover{color:#fff;background:#111}.value-bar{align-items:center;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));display:flex}.value-bar .spine-range{flex:auto;margin-top:0}.value-box{justify-content:center;align-items:baseline;gap:round(calc(3px * var(--k,.8)), var(--snap,1px));min-width:round(calc(76px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;cursor:text;flex:none;display:flex}.value-box i{color:#1111118c;font-size:round(calc(12px * var(--k,.8)), var(--snap,1px));font-style:normal}.studio .section-content .value-box .number-field{width:round(calc(44px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));box-shadow:none;text-align:right;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));background:0 0;padding:0}.studio .section-content .range-field{align-items:center;column-gap:round(calc(8px * var(--k,.8)), var(--snap,1px));row-gap:round(calc(8px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(14px * var(--k,.8)), var(--snap,1px));grid-template-columns:auto 1fr;display:grid}.studio .section-content .range-field>span{display:contents}.studio .section-content .range-field strong{grid-column:1/-1}.studio .section-content .range-field output{min-width:round(calc(76px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(12px * var(--k,.8)), var(--snap,1px));color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));place-items:center;display:grid}.still-zone{box-shadow:none;outline-offset:-2px;outline:2px dashed #ffffffe6;animation:.2s ease-out .25s both still-zone-in}.viewport-shell[data-tone=light] .still-zone{outline-color:#111c}.value-box,.studio .section-content .range-field output{box-sizing:border-box;width:round(calc(92px * var(--k,.8)), var(--snap,1px));min-width:round(calc(92px * var(--k,.8)), var(--snap,1px))}.view-gizmo{z-index:4;width:76px;height:76px;color:var(--ov-fg);cursor:grab;touch-action:none;margin-top:-38px;position:absolute;top:50%;left:16px}.view-gizmo:active{cursor:grabbing}.view-gizmo svg{width:100%;height:100%;display:block;overflow:visible}.view-gizmo .gizmo-outline{fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.9}.view-gizmo .gizmo-front{fill:none;stroke:currentColor;stroke-width:1.1px}.view-gizmo .gizmo-back{fill:none;stroke:currentColor;stroke-width:.8px;stroke-dasharray:2 2.5;opacity:.45}.view-gizmo .gizmo-centre{fill:currentColor}.studio[data-tips=on] .view-gizmo[data-tip]:hover:after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.rec-marker{z-index:3;cursor:ew-resize;touch-action:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;padding:0;position:absolute;bottom:calc(100% + 4px)}.rec-marker.start{background:var(--pick,#ff3b80)}.rec-marker.end{background:#7a66e5}.rec-marker:hover{transform:scale(1.15)}.studio[data-tips=on] .rec-marker[data-tip]:hover:after{white-space:nowrap;max-width:none;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.orbit-hint{z-index:30;color:#fff;pointer-events:none;filter:drop-shadow(0 0 1.5px #0009);width:34px;height:34px;margin:14px 0 0 14px;position:fixed}.orbit-hint svg{width:100%;height:100%;display:block;overflow:visible}.orbit-hint .gizmo-outline{fill:none;stroke:currentColor;stroke-width:2.4px}.orbit-hint .gizmo-front{fill:none;stroke:currentColor;stroke-width:2px}.orbit-hint .gizmo-back{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-dasharray:3 3;opacity:.5}.orbit-hint .gizmo-centre{fill:currentColor}.orbit-hint{width:36px;height:36px;margin:-18px 0 0 -18px}.studio.orbiting,.studio.orbiting *{cursor:none!important}.spine-swatch{width:round(calc(36px * var(--k,.8)), var(--snap,1px));height:round(calc(36px * var(--k,.8)), var(--snap,1px));flex:0 0 round(calc(36px * var(--k,.8)), var(--snap,1px))}.palette-row{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));align-items:center}.palette-row .palette-label{margin-right:round(calc(4px * var(--k,.8)), var(--snap,1px));color:#1111118c;font-size:round(calc(12px * var(--k,.8)), var(--snap,1px));flex:none}.palette-row .swatch{flex:0 1 round(calc(32px * var(--k,.8)), var(--snap,1px))}.studio[data-tips=on] [data-tip]:hover:after,.studio[data-tips=on] .section-content :is(.field-row,.toggle-row,.quality-row,.embed-block):hover>span>small,.studio[data-tips=on] .section-content .binding-grid button:hover>span:not(.format-glyph):not(.tint-swatch),.studio[data-tips=on] .section-content .cover-row .cover-drop:hover small{color:#fff!important;background:var(--pick,#ff3b80)!important}.sub-row{column-gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));grid-template-columns:1fr 1fr;display:grid}.sub-row>.sub-section{display:contents}.sub-row .sub-toggle{height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(10px * var(--k,.8)), var(--snap,1px)) 0 round(calc(14px * var(--k,.8)), var(--snap,1px));font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));grid-row:1}.sub-row .sub-toggle svg{width:round(calc(17px * var(--k,.8)), var(--snap,1px));height:round(calc(17px * var(--k,.8)), var(--snap,1px))}.sub-row .sub-body{grid-area:2/1/auto/-1}.swatch-layout{background:conic-gradient(#d9d9d9 0deg 90deg,#bdbdbd 90deg 180deg,#d9d9d9 180deg 270deg,#bdbdbd 270deg 360deg)}.swatch-layout:disabled{cursor:default;opacity:.5}@media (max-width:767px){.studio{--ui-scale:1;--menu-w:0px;--m-h:48px;--m-r:24px;--m-type:min(19px, 4.5vw);--m-bar-out:0px;--m-edge:10px;--m-gap:1px}.studio>.studio-panel,.studio .controls,.studio .view-gizmo,.studio .ruler-preview{display:none!important}.studio .viewport-shell{touch-action:none;height:100%;min-height:0}.studio .viewport-header{top:var(--m-edge);left:var(--m-edge);right:var(--m-edge);gap:var(--m-gap);zoom:1;padding:0;display:flex;position:absolute}.studio .stage-brand{white-space:nowrap;min-width:0;height:var(--m-h);gap:round(calc(8px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px)) 0 round(calc(12px * var(--k,.8)), var(--snap,1px));border-radius:var(--m-r);font-size:var(--m-type);flex:auto;position:static}.studio .stage-brand span{opacity:1;text-overflow:ellipsis;max-width:none;margin-left:0;overflow:hidden}.studio .stage-brand svg{width:round(calc(24px * var(--k,.8)), var(--snap,1px));height:round(calc(24px * var(--k,.8)), var(--snap,1px));flex:none}.m-pill{white-space:nowrap;align-items:center;gap:round(calc(6px * var(--k,.8)), var(--snap,1px));height:var(--m-h);padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px)) 0 round(calc(14px * var(--k,.8)), var(--snap,1px));border-radius:var(--m-r);color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) #0000001a;font:inherit;font-size:var(--m-type);letter-spacing:-.02em;cursor:pointer;background:#fff;border:0;flex:none;font-weight:500;display:inline-flex}.studio .spread-ruler{left:calc(var(--m-edge) + var(--m-bar-out))!important;right:calc(var(--m-edge) + var(--m-h) + var(--m-gap) + var(--m-bar-out))!important;width:auto!important;bottom:var(--m-edge)!important;height:var(--m-h)!important;transform:none!important}.studio .liquid-dots.ticks .ruler-ticks,.studio .liquid-dots.ticks .ruler-ticks-under{display:none}.m-chrome{z-index:6;right:var(--m-edge);bottom:var(--m-edge);left:var(--m-edge);align-items:stretch;gap:round(calc(1px * var(--k,.8)), var(--snap,1px));pointer-events:none;flex-direction:column;display:flex;position:absolute}.m-chrome>*{pointer-events:auto}.m-burger{width:var(--m-h);height:var(--m-h);color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair1) * var(--k,.8)), var(--snap,1px)) #0000001a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:50%;align-self:flex-end;place-items:center;padding:0;display:grid}.m-burger:focus,.m-pill:focus,.m-seg button:focus,.m-rec:focus{outline:none}.m-burger:focus-visible{outline:none}.m-stop{box-shadow:inset 0 0 0 round(calc(3px * var(--k,.8)), var(--snap,1px)) #fff, 0 0 0 round(calc(1.5px * var(--k,.8)), var(--snap,1px)) #111;background:#ff3b30}.m-stop span{width:round(calc(16px * var(--k,.8)), var(--snap,1px));height:round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(3px * var(--k,.8)), var(--snap,1px));background:#fff}.m-chrome.open .m-burger{color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;background:#111}.m-menu{gap:round(calc(1px * var(--k,.8)), var(--snap,1px));margin-bottom:var(--m-gap);flex-direction:column;display:flex}.m-row{justify-content:space-between;align-items:center;gap:round(calc(10px * var(--k,.8)), var(--snap,1px));height:var(--m-h);padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px)) 0 round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:var(--m-r);color:#111;font-size:var(--m-type);letter-spacing:-.02em;background:#fff;font-weight:500;display:flex}.m-seg{gap:round(calc(4px * var(--k,.8)), var(--snap,1px));display:flex}.m-seg button{height:round(calc(36px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;font:inherit;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.m-seg button.active{color:#fff;background:#111}.m-rec{width:round(calc(36px * var(--k,.8)), var(--snap,1px));height:round(calc(36px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(3px * var(--k,.8)), var(--snap,1px)) #fff, 0 0 0 round(calc(1.5px * var(--k,.8)), var(--snap,1px)) #111;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff3b30;border:0;border-radius:50%;padding:0}.m-rec.on{border-radius:round(calc(10px * var(--k,.8)), var(--snap,1px));box-shadow:none;background:#111}}.cover-slots{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(10px * var(--k,.8)), var(--snap,1px));grid-template-columns:1fr 1fr;display:grid}.cover-slot{height:round(calc(64px * var(--k,.8)), var(--snap,1px));padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));color:var(--foreground);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) currentColor;font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:50%/cover no-repeat;border:0;justify-content:space-between;align-items:flex-end;font-weight:500;display:flex;position:relative;overflow:hidden}.cover-slot.has-file span{padding:round(calc(2px * var(--k,.8)), var(--snap,1px)) round(calc(8px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#111;background:#ffffffe6}.studio .section-content .binding-grid button.active,.studio .section-content .binding-grid button.active:hover,.studio .export-card .export-options button.active,.studio .export-card .export-options button.active:hover,.studio .section-content .field-reset.active,.studio .m-seg button.active{color:#fff;background:var(--pick,#ff3b80);box-shadow:none}.studio .section-content .binding-grid .active span{color:#ffffffc7;opacity:1}.studio .sub-toggle{color:#fff;box-shadow:none;background:#111}.studio .sub-section.open .sub-toggle{color:#fff;background:var(--pick,#ff3b80)}.spine-row{align-items:center;gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));display:flex}.spine-row .value-box{flex:none}.spine-row .field-reset{height:round(calc(40px * var(--k,.8)), var(--snap,1px));flex:none}.spine-row .cover-drop{min-width:0;height:round(calc(40px * var(--k,.8)), var(--snap,1px));flex:auto;margin:0}.spine-row .cover-drop span,.spine-row .cover-drop strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.section-content .field-row+.field-row.demo-size{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.section-pin i{border-width:calc(round(calc(2px * var(--k,.8)), var(--snap,1px)) / 1)}.studio .section-content{padding-top:round(calc(22px * var(--k,.8)), var(--snap,1px));padding-bottom:round(calc(20px * var(--k,.8)), var(--snap,1px))}.studio .panel-section.up .section-content{padding-top:round(calc(20px * var(--k,.8)), var(--snap,1px));padding-bottom:round(calc(21px * var(--k,.8)), var(--snap,1px))}.studio .section-content>:is(:first-child,input[hidden]+:not(input)){margin-top:0}.studio .section-content .file-facts.info-line{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));box-shadow:none;background:0 0;padding:0;overflow:visible}.studio .section-content .file-facts.info-line div{padding:round(calc(10px * var(--k,.8)), var(--snap,1px)) round(calc(12px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) var(--ink,#111);flex:auto;justify-content:center}.studio .section-content .file-facts.info-line div:first-child{flex-grow:1.6}.light-row{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px));grid-template-columns:auto 1fr 1fr 1fr;align-items:end;display:grid}.light-row>div{gap:round(calc(4px * var(--k,.8)), var(--snap,1px));flex-direction:column;min-width:0;display:flex}.light-row small{color:#1111118c;font-size:round(calc(11px * var(--k,.8)), var(--snap,1px))}.light-row .light-swatch{width:round(calc(40px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));flex:none}.light-row .value-box.dim{opacity:.45}.light-row.four{grid-template-columns:repeat(4,1fr)}.light-row:not(.four)+.light-row.four,.swatch-row+.light-row.four{margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px))}.section-content .texture-grid{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.section-content .texture-grid button{min-height:round(calc(40px * var(--k,.8)), var(--snap,1px))}.binding-grid.four{grid-template-columns:repeat(4,1fr)}.light-row,.light-row.four{align-items:flex-end;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));flex-wrap:nowrap;display:flex}.light-row>div{flex:none}.light-row .value-box{width:auto;min-width:0;padding:0 round(calc(10px * var(--k,.8)), var(--snap,1px))}.studio .section-content .light-row .value-box .number-field{width:3.6ch;min-width:0}.studio .section-content .light-row .value-box .number-field[aria-label="Light temperature, K"]{width:4.8ch}.studio .section-content .light-row .value-box .number-field[aria-label="Drama light angle"]{width:4.4ch}.section-content .demo-size .field-inputs i{color:inherit;font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));font-style:normal;font-weight:500}.studio .brand-row{top:round(calc(12.5px * var(--k,.8)), var(--snap,1px));left:round(calc(12.5px * var(--k,.8)), var(--snap,1px));z-index:3;align-items:flex-start;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));display:flex;position:absolute}.studio .brand-row .stage-brand{position:relative;top:0;left:0}.stage-help{align-items:flex-start;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));color:var(--ov-fg,#f4f2eb);display:flex}.help-toggle{width:round(calc(60px * var(--k,.8)), var(--snap,1px));height:round(calc(60px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white,#fff);box-shadow:var(--plate-edge);font:inherit;font-size:round(calc(26px * var(--k,.8)), var(--snap,1px));cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:500;display:grid}.stage-help.open .help-toggle{color:#fff;background:var(--pick,#ff3b80)}.help-bubbles{gap:round(calc(6px * var(--k,.8)), var(--snap,1px));max-width:calc((100vw - var(--menu-w,0px) - round(calc(270px * var(--k,.8)), var(--snap,1px))) / 1);padding:round(calc(10px * var(--k,.8)), var(--snap,1px)) 0 0;opacity:0;transform:translateX(round(calc(-8px * var(--k,.8)), var(--snap,1px)));pointer-events:none;flex-wrap:wrap;margin:0;list-style:none;transition:opacity .25s,transform .3s;display:flex}.stage-help.open .help-bubbles{opacity:1;pointer-events:auto;transform:none}.help-bubbles li{align-items:center;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px)) 0 round(calc(6px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(20px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) currentColor;font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));white-space:nowrap;display:flex}.help-bubbles kbd{height:round(calc(28px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(9px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));color:inherit;font:inherit;font-size:round(calc(13px * var(--k,.8)), var(--snap,1px));box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) currentColor;background:0 0;align-items:center;font-weight:600;display:inline-flex}@media (max-width:767px){.studio .brand-row{display:contents}.stage-help{display:none}}.studio .controls{gap:round(calc(14px * var(--k,.8)), var(--snap,1px));grid-template-columns:auto auto 1fr}.book-actions{align-items:center;gap:round(calc(14px * var(--k,.8)), var(--snap,1px));display:flex}.book-group{gap:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1);display:flex}.book-actions button{align-items:center;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));height:round(calc(56px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(18px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white,#fff);box-shadow:var(--plate-edge);font:inherit;font-size:round(calc(18px * var(--k,.8)), var(--snap,1px));letter-spacing:normal;text-transform:none;cursor:pointer;border:0;font-weight:500;display:flex}.book-actions button:hover{background:#f0efea}.book-actions button.active{color:#fff;background:var(--pick,#ff3b80)}.studio .spread-ruler{width:calc(100% - var(--menu-w) - var(--bar-start) - (24px * .8 + var(--zoom-w) * .8 + 18px))}.studio .brand-row,.stage-help,.help-bubbles{gap:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1)}.help-bubbles{padding-top:0}.help-bubbles li{height:round(calc(60px * var(--k,.8)), var(--snap,1px));gap:round(calc(10px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px)) 0 round(calc(10px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));font-size:round(calc(20px * var(--k,.8)), var(--snap,1px))}.help-bubbles kbd{height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(20px * var(--k,.8)), var(--snap,1px));font-size:round(calc(17px * var(--k,.8)), var(--snap,1px));height:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;font-weight:700}.help-bubbles li{padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px))}.book-open-step{min-width:round(calc(132px * var(--k,.8)), var(--snap,1px));justify-content:center}.studio[data-tips=on] .book-actions [data-tip]:hover:after{top:auto;bottom:calc(100% + round(calc(10px * var(--k,.8)), var(--snap,1px)));white-space:nowrap;max-width:none}.studio .controls,.book-actions{gap:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1)}.studio .stage-zoom{width:auto;padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px))}.help-toggle{width:auto;min-width:round(calc(60px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));font-size:round(calc(20px * var(--k,.8)), var(--snap,1px))}.stage-help.open .help-toggle{width:round(calc(60px * var(--k,.8)), var(--snap,1px));padding:0}.help-bubbles li.help-group{padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px)) 0 round(calc(14px * var(--k,.8)), var(--snap,1px));box-shadow:none;font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));opacity:.7;font-weight:600}.help-bubbles kbd span{align-items:center;gap:round(calc(4px * var(--k,.8)), var(--snap,1px));display:inline-flex}.help-bubbles kbd svg{flex:none}.match-cover{height:auto;padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px));white-space:nowrap;align-self:stretch}.export-card .still-button{width:100%;margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px))}.help-bubbles li.help-group{box-shadow:none;opacity:1;padding:0}.help-bubbles li.help-group button{height:round(calc(60px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(24px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));color:inherit;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) currentColor;font:inherit;font-size:round(calc(20px * var(--k,.8)), var(--snap,1px));cursor:pointer;background:0 0;border:0;font-weight:600}.help-toggle,.studio .stage-zoom,.book-actions button{font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking,-.02em);font-weight:500}.book-actions button{gap:round(calc(10px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(22px * var(--k,.8)), var(--snap,1px))}.section-toggle h2{margin-block:-.14em;padding-block:.14em}.player-row{gap:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1);margin-top:calc(round(calc(1px * var(--k,.8)), var(--snap,1px)) / 1);display:flex}.player-row .panel-player{flex:auto;min-width:0;margin-top:0!important}.reset-plate{width:round(calc(56px * var(--k,.8)), var(--snap,1px));height:round(calc(56px * var(--k,.8)), var(--snap,1px));color:#111;background:var(--card-white,#fff);box-shadow:var(--plate-edge);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.reset-plate:hover{color:#fff;background:var(--pick,#ff3b80)}.studio[data-tips=on] .reset-plate[data-tip]:hover:after{top:auto;bottom:calc(100% + round(calc(10px * var(--k,.8)), var(--snap,1px)));white-space:nowrap;max-width:none}.rec-marker{border:0;border-radius:0;background:0 0!important}.rec-marker:before{content:"";position:absolute;inset:0}.rec-marker.start:before{background:var(--pick,#ff3b80);clip-path:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.6 13.4 8 4 13.4Z' fill='%23ff3b80' stroke='%23ff3b80' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;border-radius:0}.studio .controls{gap:calc(round(calc(2px * var(--k,.8)), var(--snap,1px)) / 1);padding-bottom:round(calc(12px * var(--k,.8)), var(--snap,1px))}.book-actions,.player-row{gap:calc(round(calc(2px * var(--k,.8)), var(--snap,1px)) / 1)}.studio .spread-ruler{bottom:calc(12px * var(--ui-scale,1));height:calc(56px * var(--ui-scale,1));width:calc(100% - var(--menu-w) - var(--bar-start) - 2px)}.help-bubbles li.help-group button{color:#111;background:var(--card-white,#fff);box-shadow:var(--plate-edge);font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking,-.02em);font-weight:500}.help-bubbles li.help-group.open button{color:#fff;background:var(--pick,#ff3b80);box-shadow:none}.viewport-shell[data-cursor]:active{cursor:grabbing}.studio .controls{grid-template-columns:auto auto 1fr}.studio .controls .player-row{margin:0 calc(var(--menu-w,0px) / 1 + round(calc(2px * var(--k,.8)), var(--snap,1px)) / 1) 0 0;justify-self:end}.studio .controls .panel-player{width:auto;position:static}.studio .spread-ruler{width:auto;right:var(--bar-end,calc(var(--menu-w) + 2px));bottom:calc(12px * var(--ui-scale,1));height:calc(60px * var(--ui-scale,1))}.studio .stage-zoom,.book-actions button,.studio .controls .panel-player{height:round(calc(60px * var(--k,.8)), var(--snap,1px))}.reset-plate{width:round(calc(60px * var(--k,.8)), var(--snap,1px));height:round(calc(60px * var(--k,.8)), var(--snap,1px))}.studio .menu-bottom{padding-bottom:0}.studio .controls .player-row{margin-right:calc((var(--menu-w,0px) + round(calc(2px * var(--k,.8)), var(--snap,1px))) / 1 - round(calc(24px * var(--k,.8)), var(--snap,1px)))}.studio .export-card .sub-toggle{height:round(calc(48px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px)) 0 round(calc(16px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));font-size:round(calc(17px * var(--k,.8)), var(--snap,1px));letter-spacing:normal;text-transform:none;font-weight:500}.studio .export-card .sub-body .record-button{width:100%;height:round(calc(52px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(14px * var(--k,.8)), var(--snap,1px));font-size:round(calc(15px * var(--k,.8)), var(--snap,1px))}.view-gizmo{left:calc(24px * var(--ui-scale,1));width:calc(60px * var(--ui-scale,1));height:calc(60px * var(--ui-scale,1));margin-top:calc(-30px * var(--ui-scale,1))}.view-gizmo .gizmo-outline{stroke-width:2px}.view-gizmo .gizmo-front{stroke-width:1.8px}.view-gizmo .gizmo-back{stroke-width:1.3px}.view-gizmo:hover .gizmo-outline{stroke-width:2.8px}.region-corner{border-radius:50%;width:16px;height:16px}.frame-mask.region .region-corner.ne{color:#111;cursor:pointer;background:#fff;border-color:#fff;place-items:center;width:22px;height:22px;display:grid;top:-11px;right:-11px}.frame-mask.region .region-corner.ne:hover{color:#fff;background:var(--pick,#ff3b80);border-color:var(--pick,#ff3b80)}.studio .export-card .panel-player{margin-top:round(calc(14px * var(--k,.8)), var(--snap,1px));height:round(calc(56px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px));background:var(--card-white,#fff);box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111;position:static}.studio .export-card .panel-player button{width:round(calc(40px * var(--k,.8)), var(--snap,1px));height:round(calc(40px * var(--k,.8)), var(--snap,1px));color:#1111118c;font-size:inherit;text-transform:none;letter-spacing:0;background:0 0;border-radius:50%;padding:0}.studio .export-card .panel-player button:hover,.studio .export-card .panel-player button.active{color:#111;background:#11111114}.studio[data-tips=on] .still-plate[data-tip]:hover:after{top:auto;bottom:calc(100% + round(calc(10px * var(--k,.8)), var(--snap,1px)));white-space:nowrap;max-width:none}.frame-mask.region .region-corner{background:#fff;border:2px solid #fff;border-radius:50%;width:22px;height:22px}.frame-mask.region .region-corner.nw{top:-11px;left:-11px}.frame-mask.region .region-corner.sw{bottom:-11px;left:-11px}.frame-mask.region .region-corner.se{bottom:-11px;right:-11px}.frame-mask.region .region-corner:not(.ne):hover{background:var(--pick,#ff3b80);border-color:var(--pick,#ff3b80)}.studio .export-card .panel-player{box-shadow:none;background:0 0;padding:0}.studio .swatch-row .swatch.swatch-add:hover{color:#fff;background:var(--pick,#ff3b80)}.studio .section-content>*,.studio .sub-body>*{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .section-content>:is(.field-row,.toggle-row,.range-field,.finish-group,.subsection-title,.quality-row,.sub-stack,.scenario-run,.embed-block,.panel-player,.file-facts),.studio .sub-body>:is(.field-row,.toggle-row,.range-field,.finish-group,.subsection-title,.quality-row,.scenario-run,.embed-block){margin-top:round(calc(16px * var(--k,.8)), var(--snap,1px))}.studio .finish-group>strong+*{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .section-content>.field-row:has(>span:only-child)+*{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .sub-body>.field-row:has(>span:only-child)+*{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .section-content>:is(:first-child,input[hidden]+:not(input)),.studio .sub-body>:first-child{margin-top:0}.studio .sub-body{padding-top:round(calc(12px * var(--k,.8)), var(--snap,1px))}.studio .section-content{row-gap:0}.studio .section-content>.swatch-row+.light-row.four{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .panel-section[data-card="07"] .section-content{padding-bottom:0}.studio .export-card .panel-player{height:round(calc(60px * var(--k,.8)), var(--snap,1px));margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.studio .swatch-row[aria-label=Paper\ colour],.studio .swatch-row[aria-label=Background],.studio .swatch-row[aria-label=Highlight\ colour]{justify-content:space-between}.view-gizmo{color:#111;background:var(--card-white,#fff);box-shadow:var(--plate-edge);border-radius:50%}.view-gizmo .gizmo-outline{stroke:none}.view-gizmo svg{box-sizing:border-box;padding:6%}.view-gizmo .gizmo-front,.view-gizmo .gizmo-back{stroke:#111;stroke-width:1.8px;stroke-dasharray:none;opacity:1}.viewport-shell[data-cursor=grab],.viewport-shell[data-cursor=grab]:active{cursor:var(--cursor-rotate,grab), grab}.studio .controls{padding-right:calc((var(--menu-w,0px) + round(calc(2px * var(--k,.8)), var(--snap,1px))) / 1);align-items:center;display:flex}.foot-item{flex:none;display:flex}.foot-item.foot-bar{min-width:round(calc(120px * var(--k,.8)), var(--snap,1px));height:round(calc(60px * var(--k,.8)), var(--snap,1px));flex:auto}.quality-row .binding-grid.three{margin-top:0}.studio .brand-row .ui-reset{flex:none}.studio[data-tips=on] .ui-reset[data-tip]:hover:after{top:calc(100% + round(calc(10px * var(--k,.8)), var(--snap,1px)));white-space:normal;bottom:auto}.export-card .binding-grid.three[aria-label=Video\ take]{margin-top:0}.panel-player .rec-glyph,.panel-player .rec-dot,.panel-player .rec-stop{color:var(--pick,#ff3b80);background-color:#0000}.panel-player .rec-dot,.panel-player .rec-stop{background:var(--pick,#ff3b80)}.viewport-shell[data-cursor=close],.viewport-shell[data-cursor=close]:active{cursor:var(--cursor-close,crosshair), crosshair}.view-gizmo .gizmo-front,.view-gizmo .gizmo-back{stroke-width:2.3px}.light-row.light-main>div{flex:1 1 0;min-width:0}.light-row.light-main>div:first-child{flex:none}.light-row.light-main .value-box{width:100%;padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px))}.studio .section-content .light-row.light-main .value-box .number-field,.studio .section-content .light-row.light-main .value-box .number-field[aria-label="Light temperature, K"],.studio .section-content .light-row.light-main .value-box .number-field[aria-label="Drama light angle"]{width:100%;min-width:0}.light-row.light-main small{white-space:nowrap}.finish-head{justify-content:space-between;align-items:center;gap:round(calc(8px * var(--k,.8)), var(--snap,1px));display:flex}.studio .finish-group>.finish-head+*{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.section-content .finish-group .finish-head>strong{font-size:round(calc(15px * var(--k,.8)), var(--snap,1px));font-weight:500}.viewport-shell[data-tone=light] .spread-ruler{color:#fff}.viewport-shell[data-tone=light] .liquid-dots.ticks .ruler-fill,.viewport-shell[data-tone=light] .liquid-dots.ticks .ruler-ticks-under,.viewport-shell[data-tone=light] .ruler-knob{fill:#141414}.viewport-shell[data-tone=light] .liquid-dots.ticks .ruler-outline{stroke:#0000001f;stroke-width:1px}.swatch-any{background:radial-gradient(circle at 22% 24%,#ff4d8d 0,#0000 52%),radial-gradient(circle at 80% 20%,#ffb23f 0,#0000 50%),radial-gradient(circle at 78% 80%,#3fd0c9 0,#0000 54%),radial-gradient(circle at 20% 82%,#6a5cff 0,#0000 56%),radial-gradient(circle,#c8f05a 0,#0000 60%),#b78cff}.studio .controls.compact .book-actions button{width:round(calc(60px * var(--k,.8)), var(--snap,1px));border-radius:50%;justify-content:center;min-width:0;padding:0}.studio .controls.compact .book-actions button span,.studio .controls.compact .foot-zoom{display:none}.spine-row{gap:round(calc(4px * var(--k,.8)), var(--snap,1px));grid-template-columns:max-content max-content max-content 1fr;align-items:stretch;display:grid}.spine-row>*{height:round(calc(40px * var(--k,.8)), var(--snap,1px));box-sizing:border-box;min-width:0;margin:0}.spine-row .value-box{width:auto;padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px));justify-content:center;gap:round(calc(2px * var(--k,.8)), var(--snap,1px))}.studio .section-content .spine-row .value-box .number-field{text-align:right;width:2.4ch;padding:0}.spine-row .field-reset{padding:0 round(calc(7px * var(--k,.8)), var(--snap,1px));white-space:nowrap;justify-content:center}.spine-row .cover-drop{padding:0 round(calc(6px * var(--k,.8)), var(--snap,1px));justify-content:center;gap:round(calc(4px * var(--k,.8)), var(--snap,1px))}.spine-row:has(>.field-reset[aria-label="Remove spine art"]){grid-template-columns:max-content max-content max-content 1fr round(calc(28px * var(--k,.8)), var(--snap,1px))}.construction-row{margin-top:round(calc(16px * var(--k,.8)), var(--snap,1px))}.construction-row small{align-items:center;gap:round(calc(6px * var(--k,.8)), var(--snap,1px));display:flex}.light-row.construction-row>div:first-child{flex:1 1 0}.construction-row>.construction-reset{flex:none}.construction-row .construction-reset .field-reset{height:round(calc(40px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(12px * var(--k,.8)), var(--snap,1px))}.light-row.paper-row>div:first-child{flex:1 1 0}.paper-row,.paper-row+.binding-grid{margin-top:round(calc(16px * var(--k,.8)), var(--snap,1px))}.texture-grid>.value-box{width:auto;min-width:0;height:100%;padding:0 round(calc(8px * var(--k,.8)), var(--snap,1px));justify-content:center}.studio .section-content .texture-grid>.value-box .number-field{width:3.6ch;min-width:0}.texture-grid>.value-box.dim{opacity:.45}.swatch.swatch-slot{color:#11111173;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #11111147;background:0 0;place-items:center;display:grid}.swatch.swatch-slot:hover{color:#111;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #111}.light-row.light-main{gap:round(calc(8px * var(--k,.8)), var(--snap,1px))}.light-row.light-main:has(.light-narrow){gap:round(calc(4px * var(--k,.8)), var(--snap,1px))}.light-row.light-main>.light-narrow{flex:.72 1 0}.studio{--edge:10px}.studio .brand-row{top:calc(var(--edge) / 1);left:calc(var(--edge) / 1)}.studio>.studio-panel{padding-top:calc(var(--edge) / 1);padding-right:calc(var(--edge) / 1);padding-bottom:calc(var(--edge) / 1)}.studio .controls{padding-left:calc(var(--edge) / 1);padding-bottom:calc(var(--edge) / 1)}.studio .spread-ruler{bottom:var(--edge)}.studio .view-gizmo{left:var(--edge)}.section-burger{display:none}@media (min-width:768px) and (max-width:1199px){.studio .controls .foot-step,.studio .controls .foot-close,.studio .controls .foot-reset{display:none}.studio .menu-bottom:has(>.panel-section[data-card="07"]:not(.open)){width:round(calc(60px * var(--k,.8)), var(--snap,1px));align-self:flex-end}.studio .panel-section[data-card="07"]:not(.open) .section-toggle{justify-content:center;padding:0}.studio .panel-section[data-card="07"]:not(.open) .section-toggle h2,.studio .panel-section[data-card="07"]:not(.open) .section-chevron,.studio .panel-section[data-card="07"]:not(.open) .section-pin{display:none}.studio .panel-section[data-card="07"]:not(.open) .section-burger{display:block}.studio .panel-section[data-card="07"]:not(.open){border-radius:50%}.studio:has(.panel-section[data-card="07"]:not(.open)) .controls{padding-right:calc((round(calc(60px * var(--k,.8)), var(--snap,1px)) * 1 + var(--edge,round(calc(10px * var(--k,.8)), var(--snap,1px))) + round(calc(2px * var(--k,.8)), var(--snap,1px))) / 1)}}@media (max-width:767px){.studio .viewport-header{align-items:flex-start;height:auto}.m-row{height:round(calc(44px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(5px * var(--k,.8)), var(--snap,1px)) 0 round(calc(14px * var(--k,.8)), var(--snap,1px));font-size:round(calc(16px * var(--k,.8)), var(--snap,1px))}.m-seg{gap:round(calc(2px * var(--k,.8)), var(--snap,1px))}.m-seg button{height:round(calc(34px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(11px * var(--k,.8)), var(--snap,1px));font-size:round(calc(13px * var(--k,.8)), var(--snap,1px))}.m-seg button.active{color:#fff;background:var(--pick,#ff3b80);box-shadow:none}.m-record{width:100%;font:inherit;font-size:round(calc(16px * var(--k,.8)), var(--snap,1px));text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;font-weight:500}.m-rec{width:round(calc(34px * var(--k,.8)), var(--snap,1px));height:round(calc(34px * var(--k,.8)), var(--snap,1px));background:var(--pick,#ff3b80);box-shadow:none;display:block}.m-record.on .m-rec{border-radius:round(calc(9px * var(--k,.8)), var(--snap,1px));background:#111}}.rec-marker.start:before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.9533 19.6698'%3E%3Cpath d='M0 3.00443C0 0.700964 2.48845 -0.743136 4.48842 0.399704L16.4417 7.23016C18.4572 8.38185 18.4572 11.2879 16.4417 12.4396L4.48842 19.2701C2.48845 20.4129 0 18.9688 0 16.6654V3.00443Z' fill='white'/%3E%3C/svg%3E") 50%/contain no-repeat!important}.rec-marker.end:before{background:#fff;border-radius:3px;inset:1px 0}.viewport-shell[data-cursor=grabbing],.viewport-shell[data-cursor]:not([data-cursor=close]):active{cursor:var(--cursor-grab,grabbing), grabbing}.cursor-hint{z-index:30;border:var(--hair1) solid #fff;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#00000080;border-radius:18px;padding:4px 9px;font-family:Instrument Sans,Arial,sans-serif;font-size:10px;line-height:12px;transition:opacity .15s;position:fixed;top:0;left:0}.cursor-hint b{font-weight:700}.studio .studio-panel,.studio .viewport-header,.studio .controls,.studio .spread-ruler,.studio .view-gizmo,.studio button,.studio label,.studio select,.studio .swatch,.studio input[type=checkbox],.studio input[type=color],.studio input[type=range],.studio .m-chrome{cursor:var(--cursor-point,pointer), pointer}.studio input[type=text],.studio input:not([type]),.studio textarea,.studio .hex-field{cursor:text}.studio input.number-field.scrub:not(:focus),.studio .rec-marker{cursor:ew-resize}.studio button:disabled{cursor:default}.studio .view-gizmo:active{cursor:var(--cursor-grab,grabbing), grabbing}.rec-marker{width:13px;height:14px;margin-left:-6.5px;bottom:calc(100% + 8px)}.rec-marker.end:before{border-radius:2.5px;inset:1px .5px}.studio button:not(:disabled):not(.swatch):not(.rec-marker):not(.section-toggle):not(.section-pin):not(.panel-player *):hover,.studio .m-seg button:not(:disabled):hover,.studio .help-group button:hover{box-shadow:none;color:#fff!important;background-color:var(--pick,#ff3b80)!important}.studio .panel-section:not(.open):has(>.section-head .section-toggle:hover){color:#fff!important;background-color:var(--pick,#ff3b80)!important}:is(.studio .panel-section:not(.open):has(>.section-head .section-toggle:hover) .section-head,.studio .panel-section:not(.open):has(>.section-head .section-toggle:hover) .section-toggle){color:#fff!important;background:0 0!important}.studio .panel-section.open .section-toggle:hover h2,.studio .panel-section.open .section-toggle:hover .section-chevron{color:var(--pick,#ff3b80)}.studio .still-plate:hover svg path:last-child{stroke:var(--pick,#ff3b80)}.studio .panel-player{justify-content:space-between}.studio .panel-player button,.studio .export-card .panel-player button{color:#111;opacity:1}.studio .panel-player button:disabled{opacity:1;cursor:default}.studio .panel-player button.active{color:var(--pick,#ff3b80);background:0 0}.studio .panel-player .rec-glyph{color:var(--pick,#ff3b80)}.studio .stage-brand,.studio .stage-brand *,.studio [role=button]{cursor:var(--cursor-point,pointer), pointer}.studio .stage-brand span{margin-left:round(calc(11px * var(--k,.8)), var(--snap,1px))}@media (max-width:767px){.studio .stage-brand{gap:round(calc(7px * var(--k,.8)), var(--snap,1px))}.studio .stage-brand span{margin-left:0}}.studio .panel-player button svg,.studio .panel-player .rec-glyph{transition:transform .18s}.studio .panel-player button:not(:disabled):hover{color:#111!important;background:0 0!important}.studio .panel-player button.active:not(:disabled):hover{color:var(--pick,#ff3b80)!important}.studio .panel-player button:not(:disabled):hover svg{transform:scale(1.18)}.studio .panel-player button:not(:disabled):hover .rec-glyph{color:var(--pick,#ff3b80)}.speed-row{row-gap:round(calc(6px * var(--k,.8)), var(--snap,1px));flex-wrap:wrap}.speed-row .field-inputs i{margin-left:round(calc(2px * var(--k,.8)), var(--snap,1px))}.locked{opacity:.55}.lock-icon{margin-left:round(calc(6px * var(--k,.8)), var(--snap,1px));vertical-align:round(calc(-1px * var(--k,.8)), var(--snap,1px));display:inline-block}.studio .ruler-preview{bottom:60px}.studio .ruler-preview.over-marks{bottom:84px}.rec-marker.end:before{background:var(--pick,#ff3b80)}.rec-marker.start:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.9533 19.6698'%3E%3Cpath d='M0 3.00443C0 0.700964 2.48845 -0.743136 4.48842 0.399704L16.4417 7.23016C18.4572 8.38185 18.4572 11.2879 16.4417 12.4396L4.48842 19.2701C2.48845 20.4129 0 18.9688 0 16.6654V3.00443Z' fill='%23ff3b80'/%3E%3C/svg%3E") 50%/contain no-repeat!important}.ruler-pins.diamonds{fill:var(--pick,#ff3b80)}.cursor-hint{border-radius:20px;padding:6px 13px;font-size:13px;line-height:16px}.studio[data-tips=on] [data-tip]:hover:after{z-index:1000}.studio .controls:hover,.studio .viewport-header:hover,.studio .spread-ruler:hover{z-index:40}.pdf-slot{display:grid;position:relative}.pdf-slot .layout-remove{top:round(calc(6px * var(--k,.8)), var(--snap,1px));right:round(calc(6px * var(--k,.8)), var(--snap,1px));width:round(calc(20px * var(--k,.8)), var(--snap,1px));height:round(calc(20px * var(--k,.8)), var(--snap,1px));color:#111;cursor:pointer;background:#11111114;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.studio .brand-row .wip-plate{height:round(calc(60px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(26px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking,-.02em);white-space:nowrap;pointer-events:none;background:0 0;align-items:center;font-weight:500;display:flex}.studio .panel-section[data-card="10"]:not(.open){color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;background:0 0!important}.studio .panel-section[data-card="10"]:not(.open) .section-head,.studio .panel-section[data-card="10"]:not(.open) .section-toggle{color:#fff;background:0 0}.help-bubbles li:not(.help-group):not(.help-break){height:round(calc(60px * var(--k,.8)), var(--snap,1px));gap:round(calc(6px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(24px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;font-size:round(calc(22px * var(--k,.8)), var(--snap,1px));letter-spacing:-.01em;font-weight:400}.help-bubbles li:not(.help-group):not(.help-break) kbd{font-size:round(calc(22px * var(--k,.8)), var(--snap,1px));font-weight:700}@media (max-width:767px){.m-demo{padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px))}.m-demo.active{color:#fff;background:var(--pick,#ff3b80)}.m-demo-row{z-index:6;top:calc(var(--m-edge) + var(--m-h) + round(calc(1px * var(--k,.8)), var(--snap,1px)));left:var(--m-edge);right:var(--m-edge);gap:round(calc(1px * var(--k,.8)), var(--snap,1px));display:flex;position:absolute}.m-outline{color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;padding:0 round(calc(14px * var(--k,.8)), var(--snap,1px));background:#111}.m-outline.active{color:#fff;background:var(--pick,#ff3b80);box-shadow:none}.m-demo-row .m-format{pointer-events:auto;flex:auto;min-width:0}.m-pair{gap:round(calc(1px * var(--k,.8)), var(--snap,1px));flex-wrap:wrap;display:flex}.m-pair>*{flex:auto}.m-pair .m-record{gap:round(calc(10px * var(--k,.8)), var(--snap,1px));flex:0 auto;width:auto}.m-row{gap:round(calc(6px * var(--k,.8)), var(--snap,1px))}.m-chrome.open .m-burger{color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;background:#111}.m-seg button{height:round(calc(36px * var(--k,.8)), var(--snap,1px));padding:0 round(calc(11px * var(--k,.8)), var(--snap,1px));font-size:round(calc(16px * var(--k,.8)), var(--snap,1px))}.m-row,.m-pill,.m-burger,.m-record{height:var(--m-h);box-sizing:border-box}.m-menu{gap:round(calc(1px * var(--k,.8)), var(--snap,1px));margin-bottom:0}.m-chrome,.m-pair{gap:round(calc(1px * var(--k,.8)), var(--snap,1px))}}.m-page-ind{display:none}@media (max-width:767px){.m-page-ind{color:#fff;height:36px;box-shadow:inset 0 0 0 var(--hair) #fff;white-space:nowrap;pointer-events:none;background:#00000059;border-radius:18px;align-items:center;padding:0 13px;font-size:16px;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}}.studio .page-ind{width:round(calc(168px * var(--k,.8)), var(--snap,1px));height:round(calc(60px * var(--k,.8)), var(--snap,1px));border-radius:round(calc(30px * var(--k,.8)), var(--snap,1px));color:#fff;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #fff;font-size:round(calc(var(--menu-type) * var(--k,.8)), var(--snap,1px));letter-spacing:var(--title-tracking,-.02em);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;display:flex}.viewport-shell[data-tone=light] .studio .page-ind,.viewport-shell[data-tone=light] .page-ind{color:#111;box-shadow:inset 0 0 0 var(--hair) #111}.studio .page-ind{text-transform:none}@media (max-width:767px){.m-page-ind{transform:none}.studio .m-pill,.studio .m-row,.studio .m-record,.studio .stage-brand{font-size:var(--m-type);letter-spacing:var(--title-tracking,-.02em);font-weight:500}.studio .stage-brand .panel-mark{width:round(calc(24px * var(--k,.8)), var(--snap,1px))!important;height:round(calc(24px * var(--k,.8)), var(--snap,1px))!important}}.studio .stage-brand span{margin-block:-.16em;padding-block:.16em}@media (max-width:767px){.studio .stage-brand,.studio .m-demo{flex:none}.studio .m-upload{flex:auto;justify-content:space-between;min-width:0}}.cursor-hint{z-index:60}.studio[data-tips=on] [data-tip]:hover:after,.studio[data-tips=on] [data-tip]:hover:before{display:none!important}.tip-layer{z-index:3000;color:#fff;max-width:260px;box-shadow:inset 0 0 0 var(--hair1) #ffffffe6;letter-spacing:0;text-transform:none;white-space:normal;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border-radius:14px;padding:7px 11px;font-size:12px;font-weight:400;line-height:1.35;transition:opacity .12s;position:fixed;top:0;left:0}.frame-mask.region>span{top:-26px;left:18px}html.is-safari .studio{--hair:1.25px;--hair1:1.25px}.cursor-hint-help{border-radius:16px;line-height:18px}.studio{--k:.8;--snap:1px}@media (max-width:767px){.studio{--k:1;--snap:.01px}}:where(.studio>.studio-panel,.studio .viewport-header,.studio .controls){font-size:round(calc(16px * var(--k)), var(--snap))}.studio:not(.is-mobile) .stage-brand .panel-mark{width:round(calc(32px * var(--k)), 1px)!important;height:round(calc(32px * var(--k)), 1px)!important}.safari-notice{z-index:10000;-webkit-backdrop-filter:blur(8px)saturate(.65);backdrop-filter:blur(8px)saturate(.65);background:#050506cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.safari-notice-card{box-sizing:border-box;width:min(round(calc(546px * var(--k)), 1px), 100%);padding:round(calc(41px * var(--k)), 1px) round(calc(45px * var(--k)), 1px) round(calc(43px * var(--k)), 1px) round(calc(46px * var(--k)), 1px);border-radius:round(calc(36px * var(--k)), 1px);color:#fff;background:#000;border:1px solid #fff;font-family:Instrument Sans,Arial,sans-serif;font-weight:400}.safari-notice-kicker{color:#f04f80;font-size:round(calc(30px * var(--k)), 1px);line-height:round(calc(40px * var(--k)), 1px);margin:0}.safari-notice-title{margin:round(calc(34px * var(--k)), 1px) 0 0;font-size:round(calc(38px * var(--k)), 1px);font-weight:400;line-height:round(calc(40px * var(--k)), 1px);letter-spacing:0}.safari-notice-text{margin:round(calc(40px * var(--k)), 1px) 0 0;font-size:round(calc(22px * var(--k)), 1px);line-height:round(calc(26px * var(--k)), 1px)}.safari-notice-actions{margin-top:round(calc(44px * var(--k)), 1px);gap:2px;display:flex}.safari-notice-actions button{box-sizing:border-box;height:round(calc(61px * var(--k)), 1px);font:inherit;font-size:round(calc(26px * var(--k)), 1px);text-align:center;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.safari-notice-copy{width:round(calc(177px * var(--k)), 1px)}.safari-notice-continue{width:round(calc(276px * var(--k)), 1px)}.safari-notice-actions button{color:#000;background:#fff;transition:none}.safari-notice-actions button:hover{color:#fff;background:var(--pick,#ff3b80)}.safari-notice-actions button:focus-visible{outline-offset:2px;outline:2px solid #f04f80}@media (max-width:560px){.safari-notice-title br,.safari-notice-text br{display:none}.safari-notice-actions{flex-direction:column}.safari-notice-actions button{width:100%}}@media (max-width:767px){.safari-notice{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050506e0}}.demo-loading{z-index:30;left:calc((100% - var(--menu-w,0px)) / 2);color:#fff;opacity:.85;pointer-events:none;place-items:center;display:grid;position:fixed;top:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.demo-loading{left:50%}}.gl-lost{z-index:9000;color:#fff;text-align:center;background:#050506e0;place-content:center;justify-items:center;gap:16px;padding:24px;font-family:Instrument Sans,Arial,sans-serif;font-size:18px;display:grid;position:fixed;inset:0}.gl-lost p{max-width:320px;margin:0;line-height:1.3}.gl-lost button{color:#000;height:44px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:0 24px}.gl-lost button:hover{color:#fff;background:var(--pick,#ff3b80)}@media (max-width:767px){.studio .m-pair .m-record{margin-left:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}