/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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}.static{position:static}.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}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{--font-geist-mono:"Instrument Sans"}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/fonts/instrument-sans-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/fonts/instrument-sans-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}: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}.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}.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}.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>strong{text-box:trim-both cap alphabetic;padding-block:.4em}.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))}.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}.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))}.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}.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))}.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))}.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)}.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:e-resize}.viewport-shell[data-cursor=prev]{cursor: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))}.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}.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))}}@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"]{color:#111;--foreground:#111;--muted:#1111119e;--line:#1113;--accent-ink:#111;box-shadow:inset 0 0 0 round(calc(var(--hair) * var(--k,.8)), var(--snap,1px)) #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))}.cover-drop{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{border-radius:round(calc(999px * var(--k,.8)), var(--snap,1px))}.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))}.stage-brand .panel-mark{color:var(--card-pink)}@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"]{--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))}.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{--plate-edge:inset 0 0 0 var(--hair1) #0000001a}.panel-section:not([data-card="00"]),.studio[data-scheme=mono] .panel-section[data-card="00"]{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{border-radius:round(calc(26px * var(--k,.8)), var(--snap,1px))}.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:#121212}.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{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 .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,.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{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{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{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 .cover-drop{border-radius:round(calc(14px * var(--k,.8)), var(--snap,1px));background:var(--control);border:0}.section-content .cover-drop:hover{background:var(--control-hover)}.section-content .cover-drop strong{font-size:round(calc(14px * var(--k,.8)), var(--snap,1px));font-weight:500}.section-content .cover-drop small{font-size:round(calc(12px * var(--k,.8)), var(--snap,1px))}.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)))}.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 .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{--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}.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 .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 .cover-drop,.studio .section-content .number-field,.studio .section-content .embed-url input,.studio .section-content .embed-block textarea,.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 .cover-drop small{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}.studio .spread-ruler:focus:not(: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 .cover-drop,.studio .section-content .number-field,.studio .section-content .embed-url input,.studio .section-content .embed-block textarea,.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 .cover-drop:hover{color:var(--ink);background:#1111110f}.studio .section-content .binding-grid span,.studio .section-content .cover-drop small{color:#1111118c}.studio .section-content .cover-drop svg{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 .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)}.studio .studio-panel input[type=range]:focus:not(: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:not(:focus-visible),.section-pin:focus:not(:focus-visible)){outline:none}.spin-length{margin-left:round(calc(8px * var(--k,.8)), var(--snap,1px));white-space:nowrap;font-variant-numeric:tabular-nums}[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{--bar-start:calc(24px * .8 + var(--zoom-w) * .8 + 18px)}@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-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))}.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}.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}.panel-section.open .section-clip{overflow:visible}.panel-section:has([data-tip]:hover){z-index:6;position:relative}.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;flex:auto;min-height:0;overflow-y:auto}.menu-top::-webkit-scrollbar{display:none}.studio .menu-top>.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}.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}.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:not(:focus-visible){outline:none}.studio-panel label:focus-within:not(:has(:focus-visible)){outline:none}.studio :is(button,a,label,[role=button],[role=slider],[tabindex]):focus-visible{outline:round(calc(2px * var(--k,.8)), 1px) solid var(--accent-ink);outline-offset:round(calc(2px * var(--k,.8)), 1px)}.studio label:has(:focus-visible){outline:round(calc(2px * var(--k,.8)), 1px) solid var(--accent-ink);outline-offset:round(calc(2px * var(--k,.8)), 1px)}.studio .section-toggle:focus-visible{outline:none}.studio .section-toggle:focus-visible h2{-webkit-text-decoration:underline round(calc(2px * var(--k,.8)), 1px) var(--accent-ink);-webkit-text-decoration:underline round(calc(2px * var(--k,.8)), 1px) var(--accent-ink);-webkit-text-decoration:underline round(calc(2px * var(--k,.8)), 1px) var(--accent-ink);text-decoration:underline round(calc(2px * var(--k,.8)), 1px) var(--accent-ink);text-underline-offset:.2em}.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-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,#ff365e)}.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%)}.studio.orbiting,.studio.orbiting *{cursor:none!important}.palette-row{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px));align-items:center}.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,#ff365e)!important}@media (max-width:767px) and (orientation:portrait){.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}.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}}.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{color:#fff;background:var(--pick,#ff365e);box-shadow:none}.studio .section-content .binding-grid .active span{color:#ffffffc7;opacity:1}.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]:first-child+:not(input),input[hidden]:first-child+input[hidden]+:not(input)){margin-top:0}.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 .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))}.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,#ff365e)}.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.help-build{opacity:.6;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;border-color:#0000}.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) and (orientation:portrait){.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-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,#ff365e)}.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)}.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}.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,.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}.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,#ff365e);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{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,#ff365e);box-shadow:none}.viewport-shell[data-cursor]:active{cursor:grabbing}.studio .controls{grid-template-columns:auto auto 1fr}.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))}.book-actions button{height:round(calc(60px * var(--k,.8)), var(--snap,1px))}.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,#ff365e);border-color:var(--pick,#ff365e)}.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,#ff365e);border-color:var(--pick,#ff365e)}.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,.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]:first-child+:not(input),input[hidden]: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 .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: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}.export-card .binding-grid.three[aria-label=Video\ take]{margin-top:0}.viewport-shell[data-cursor=close],.viewport-shell[data-cursor=close]:active{cursor: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}.viewport-shell[data-tone=light] .spread-ruler{color:#fff}.viewport-shell[data-tone=light] .liquid-dots.ticks .ruler-fill,.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%,#ff365e 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{display:none}.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))}.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))}.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 (max-width:767px) and (orientation:portrait){.studio .viewport-header{align-items:flex-start;height:auto}}.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:grabbing}.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]{cursor:pointer}.studio input[type=text],.studio input:not([type]),.studio textarea{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: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(.up-section *):not(.stage-hint *):not(.welcome *):hover,.studio .help-group button:hover{box-shadow:none;color:#fff!important;background-color:var(--pick,#ff365e)!important}.studio .panel-section:not(.open):has(>.section-head .section-toggle:hover){color:#fff!important;background-color:var(--pick,#ff365e)!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,#ff365e)}.studio .stage-brand,.studio .stage-brand *,.studio [role=button]{cursor:pointer}.studio .stage-brand span{margin-left:round(calc(11px * var(--k,.8)), var(--snap,1px))}@media (max-width:767px) and (orientation:portrait){.studio .stage-brand{gap:round(calc(7px * var(--k,.8)), var(--snap,1px))}.studio .stage-brand span{margin-left:0}}.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}.studio .ruler-preview{bottom:60px}.studio .ruler-preview.over-marks{bottom:84px}.rec-marker.end:before{background:var(--pick,#ff365e)}.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,#ff365e)}.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}.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}.m-page-ind{display:none}@media (max-width:767px) and (orientation:portrait){.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) and (orientation:portrait){.m-page-ind{transform:none}.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) and (orientation:portrait){.studio .stage-brand{flex:none}}.studio[data-tips=on] [data-tip]:hover:after,.studio[data-tips=on] [data-tip]:hover:before{display:none!important}.frame-mask.region>span{top:-26px;left:18px}html.is-safari .studio{--hair:1.25px;--hair1:1.25px}.studio{--k:.8;--snap:1px}@media (max-width:767px) and (orientation:portrait){.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}.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,#ff365e)}.studio .section-content .hdr-row .cover-drop.active,.studio .section-content .hdr-row .cover-drop.active:hover{color:#fff;background:var(--pick,#ff365e);box-shadow:none}.studio .section-content .hdr-row .cover-drop.active svg,.studio .section-content .hdr-row .cover-drop.active small,.studio .section-content .hdr-row .cover-drop.active strong{color:#fff}.section-content .hdr-row{margin-top:round(calc(8px * var(--k,.8)), var(--snap,1px))}.section-content .hdr-row>*{min-height:round(calc(40px * var(--k,.8)), var(--snap,1px))}.section-content .hdr-row+.form-error+.light-row,.section-content .hdr-row+.light-row{margin-top:round(calc(12px * var(--k,.8)), var(--snap,1px))}.finish-group.foil-group>.cover-slots{margin-top:0}.intro{z-index:20;color:#000;pointer-events:none;flex-direction:column;justify-content:flex-end;padding:1.2vw 1.4vw;font-family:Instrument Sans,Arial,sans-serif;display:flex;position:absolute;inset:0}.intro-button{color:#000;text-transform:uppercase;white-space:nowrap;background:#ff365e;border:max(1px,.1vw) solid #000;border-radius:999px;align-items:center;gap:.6em;padding:.3em .75em;font:400 3.2vw/1 Instrument Sans,Arial,sans-serif;display:inline-flex}.intro-title{letter-spacing:-.01em;text-align:center;text-transform:uppercase;white-space:nowrap;margin:0;font:400 6.91vw/.9 Instrument Sans,Arial,sans-serif}.intro-actions{justify-content:space-between;gap:16px;display:flex}.intro-button{cursor:pointer;pointer-events:auto}:is(.intro-button:hover,.intro-button:focus-visible){color:#fff;background:#000;outline:none}.studio.is-intro>.studio-panel,.studio.is-intro .viewport-header,.studio.is-intro .stage-help,.studio.is-intro .view-gizmo,.studio.is-intro .spread-ruler,.studio.is-intro .ruler-preview,.studio.is-intro .controls,.studio.is-intro [class^=m-],.studio.is-embed>.studio-panel,.studio.is-embed .viewport-header,.studio.is-embed .stage-help,.studio.is-embed .view-gizmo,.studio.is-embed .spread-ruler,.studio.is-embed .ruler-preview,.studio.is-embed .controls,.studio.is-embed [class^=m-]{display:none!important}@media (max-width:767px) and (orientation:portrait){.intro-title{white-space:normal;font-size:12vw}.intro-actions{flex-direction:column;align-items:stretch;gap:6px}.intro-button{justify-content:space-between;font-size:6vw}}.drop-hint{z-index:30;color:#fff;text-transform:uppercase;pointer-events:none;background:#00000059;border:2px dashed #fff;border-radius:16px;place-items:center;font:400 clamp(20px,3.2vw,56px)/1 Instrument Sans,Arial,sans-serif;display:grid;position:fixed;inset:10px}.studio.is-intro .drop-hint{color:#000;background:#ff365e99;border-color:#000}.drop-note{z-index:31;color:#111;pointer-events:none;background:#fff;border-radius:999px;padding:10px 18px;font:400 14px/1.2 Instrument Sans,Arial,sans-serif;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.embed-note{z-index:31;color:#111;text-align:center;background:#fff;border-radius:16px;max-width:min(420px,90vw);padding:14px 20px;font:400 15px/1.35 Instrument Sans,Arial,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}html.is-embed,html.is-embed body{overflow:hidden}html.is-embed.is-transparent-embed,html.is-embed.is-transparent-embed body{color-scheme:normal;background:0 0}.studio.is-embed.is-transparent-embed,.studio.is-embed.is-transparent-embed .viewport-shell{background:0 0!important}.embed-hint{z-index:30;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#0000008c;border-radius:14px;max-width:calc(100vw - 24px);padding:5px 11px;font:400 11px/1.3 Instrument Sans,Arial,sans-serif;transition:opacity .4s,transform .4s;position:fixed;bottom:12px;left:50%;transform:translate(-50%,4px)}.embed-hint.on{opacity:1;transform:translate(-50%)}@media (min-width:768px),(orientation:landscape){.studio[data-density=m]{--panel-w:370px;--menu-w:296px;--menu-type:24px;--zoom-w:140px;--plate:40px}.studio[data-density=m]>.studio-panel{width:296px}.studio[data-density=m] .section-toggle{min-height:42px}.studio[data-density=m] .panel-section{border-radius:21px}.studio[data-density=m] .panel-section.open{border-radius:20px}.studio[data-density=m] .section-content .binding-grid button{border-radius:10px;min-height:34px}.studio[data-density=m] .section-content :is(.field-reset,.number-field,.step-chip,.step-add,.value-box,.color-field){border-radius:10px}.studio[data-density=m] .section-content :is(.sub-toggle,.subsection>button,.export-card .export-options button){border-radius:999px}.studio[data-density=m] .section-content :is(.pdf-dropzone,.cover-drop,.file-facts){border-radius:12px}.studio[data-density=m] :is(.stage-brand,.help-toggle,.book-actions button,.page-ind){height:var(--plate);border-radius:999px}.studio[data-density=m] .help-toggle{min-width:var(--plate)}.studio[data-density=m] .stage-help.open .help-toggle{width:var(--plate)}.studio[data-density=m] :is(.reset-plate,.mode-button){width:var(--plate);height:var(--plate);border-radius:999px}.studio[data-density=m] .foot-item.foot-bar{height:var(--plate)}.studio[data-density=m] .spread-ruler{bottom:var(--edge);height:var(--plate)}.studio[data-density=m] .view-gizmo{width:var(--plate);height:var(--plate);margin-top:calc(var(--plate) / -2)}.studio[data-density=m] .menu-top>.panel-section~.panel-section{background-clip:padding-box;border-top:1px solid #0000}.studio[data-density=m] .book-actions button{min-width:var(--plate)}.studio[data-density=m] .controls.compact .book-actions button{width:var(--plate)}.studio[data-density=m] .help-bubbles li,.studio[data-density=m] .help-bubbles li.help-group button{height:var(--plate);border-radius:999px;padding:0 14px;font-size:19px}.studio[data-density=m] .section-chevron{width:26px;height:26px;margin-top:-13px}.studio[data-density=m] .section-chevron svg{width:22px;height:22px}}.studio .section-content :is(.binding-grid button,.export-options button,.field-reset).active{color:#111;background:var(--pick,#ff365e)}.studio .section-content .binding-grid .active span{color:#111}.studio .section-toggle:focus:not(:focus-visible){outline:none}.studio .section-pin:focus:not(:focus-visible){outline:none}.studio .section-toggle:focus-visible{outline:none}.lab-mark{background:var(--lab-violet,#8b5cf6);vertical-align:.12em;border-radius:50%;flex:none;width:6px;height:6px;margin-left:5px;padding:0;font-size:0;line-height:0;display:inline-block;box-shadow:0 0 0 1px #fff}.studio .up-btn:has(>.lab-mark){position:relative}.studio .up-btn>.lab-mark{margin:0;position:absolute;top:3px;right:3px}.studio .sub-section.flat,.studio .sub-section.flat+.sub-section.flat{margin-top:round(calc(16px * var(--k,.8)), var(--snap,1px))}.studio .sub-stack>.sub-section.flat:first-child{margin-top:0}.studio .sub-section.flat .sub-title{padding-top:round(calc(10px * var(--k,.8)), var(--snap,1px));border-top:1px solid #11111124;margin:0;font-weight:600}.studio .sub-section.flat .sub-body{padding:round(calc(8px * var(--k,.8)), var(--snap,1px)) 0 0}.studio .scenario-grid button strong{text-align:center;font-size:.92em;font-weight:500;line-height:1.1}.studio .stage-hint{left:50%;bottom:round(calc(84px * var(--k,.8)), var(--snap,1px));z-index:6;color:#fff;white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;padding:7px 14px;font:500 12px/1.3 Instrument Sans,Arial,sans-serif;position:absolute;transform:translate(-50%)}@media (min-width:768px),(orientation:landscape){.studio[data-density=m]{--edge:20px;--panel-w:307.5px;--menu-w:246px;--menu-type:20px;--plate:40px;--card-white:#fafafa;--pick:#ff365e}.studio[data-density=m]>.studio-panel{width:266px;bottom:calc(var(--edge) + var(--plate) + 8px);padding-bottom:0}.studio[data-density=m] .panel-section{padding-left:var(--up-pad);padding-right:var(--up-pad)}.studio[data-density=m] .section-toggle{min-height:var(--plate);margin:0;padding:0}.studio[data-density=m] .section-toggle h2{letter-spacing:0;font:500 18px/1 Instrument Sans,Arial,sans-serif}.studio[data-density=m] .section-chevron{width:18px;height:18px;margin-top:-9px}.studio[data-density=m] .section-chevron svg{width:18px;height:18px}.studio[data-density=m] .stage-brand span{margin:0}.studio[data-density=m] .section-pin{width:12px;height:12px;right:0}.studio[data-density=m] .section-pin>*{width:12px;height:12px}.studio[data-density=m] .panel-section{background:#fafafa;border-radius:20px}.studio[data-density=m] .panel-section.open{border-radius:18px}.studio[data-density=m] .brand-row,.studio[data-density=m] .controls{gap:2px}.studio[data-density=m] .stage-brand{gap:0}.studio[data-density=m] :is(.stage-brand,.help-toggle,.book-actions button,.page-ind,.record-plate){height:var(--plate);color:#000;letter-spacing:0;background:#fafafa;border:0;border-radius:20px;padding:0 12px;font:500 18px/1 Instrument Sans,Arial,sans-serif}.studio[data-density=m] .stage-brand span,.studio[data-density=m] .help-toggle{font:500 18px/1 Instrument Sans,Arial,sans-serif}.studio[data-density=m] .controls{left:var(--edge);right:var(--edge);bottom:var(--edge)}.studio[data-density=m] .foot-zoom{width:auto;height:var(--plate)}.studio[data-density=m] .controls{height:var(--plate);align-items:center;padding:0}.studio[data-density=m] .controls>.foot-item{flex:none;margin:0}.studio[data-density=m] .controls>.foot-bar{flex:auto;max-width:none!important}.studio[data-density=m] :is(.controls,.controls.compact) .book-actions button{width:auto;min-width:0;padding:0 12px}.studio[data-density=m] :is(.controls,.controls.compact) .book-actions button svg,.studio[data-density=m] .stage-brand .panel-mark{display:none}.studio[data-density=m] :is(.controls,.controls.compact) .book-actions button span{display:inline}.studio[data-density=m] .book-actions button.active{color:#fff;background:#ff365e}.studio[data-density=m] .controls .record-plate{color:#ff365e;cursor:pointer;align-items:center;display:inline-flex}.studio[data-density=m] .controls .record-plate.recording{color:#fff;background:#ff365e}.studio[data-density=m] .spread-ruler{bottom:var(--edge);height:var(--plate);color:#fafafa;border-radius:20px}.studio[data-density=m] .spread-ruler :is(.ruler-fill,.ruler-ticks,.ruler-knob){display:none}.studio[data-density=m] .spread-ruler .rec-fill{z-index:1;border-radius:inherit;mix-blend-mode:multiply;pointer-events:none;background:#ff365e;position:absolute;inset:0 auto 0 0}}.studio[data-density=m]{--up-pad:12px;--up-top:8px;--up-bottom:12px;--up-gap:6px;--up-gap-tight:4px;--up-next:8px;--up-row-top:12px;--up-group-gap:10px;--up-group-gap-row:13px;--up-title-gap:8px;--up-field-row-gap:8px;--up-row-gap-tight:7px;--up-r:6px;--up-btn-h:28px;--up-btn-tall:32px;--up-field-h:24px;--up-slot-h:70px;--up-mask-h:56px;--up-slot-r:10px;--up-dot:24px;--up-dot-lg:28px;--up-title-font:500 12px/15px "Instrument Sans", Arial, sans-serif;--up-text:500 10px/1 "Instrument Sans", Arial, sans-serif;--up-small-text:500 8px/1 "Instrument Sans", Arial, sans-serif;--up-line:.6px solid #000;--up-pink:#ff365e}.studio[data-density=m] .panel-section :is(.section-clip,.section-content){width:auto;min-width:0;max-width:100%}.studio[data-density=m] .panel-section.open .section-head:after{top:35px;left:0;right:0}html body .studio.studio .panel-section .up-section{color:#000;font:500 10px/1.2 Instrument Sans,Arial,sans-serif;padding:var(--up-top) 0 var(--up-bottom)!important}html body .studio.studio .panel-section .up-section>*{margin:0}html body .studio.studio .panel-section .up-section :where(.up-slot,.up-x,.up-format,.up-label,.up-num,.up-num input,.up-num i,.up-title,.up-btn,.up-file-btn,.up-dot,.up-field,.up-field>*,.up-note,.up-toggle,.up-toggle>*,.up-stop){all:unset;box-sizing:border-box}html body .studio.studio .panel-section .up-section .up-slots{gap:var(--up-gap);grid-template-columns:1fr 1fr;margin-top:0;display:grid}html body .studio.studio .panel-section .up-section .up-slot-wrap{min-width:0;position:relative}html body .studio.studio .panel-section .up-section .up-slot{width:100%;height:var(--up-slot-h);border:var(--up-line);border-radius:var(--up-slot-r);cursor:pointer;background:0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px 8px 6px;display:flex}html body .studio.studio .panel-section .up-section :is(.up-slot,.up-btn,.up-file-btn):hover{background:var(--up-pink);border-color:#0000}html body .studio.studio .panel-section .up-section .up-btn:disabled:hover{background:#fff;border-color:#000}html body .studio.studio .panel-section .up-section .up-slot svg{width:12px;height:12px}html body .studio.studio .panel-section .up-section .up-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:500 8px/1.2 Instrument Sans,Arial,sans-serif;overflow:hidden}html body .studio.studio .panel-section .up-section .up-x{cursor:pointer;place-items:center;width:8px;height:8px;display:grid;position:absolute;top:9px;right:9px}html body .studio.studio .panel-section .up-section .up-x svg{width:8px;height:8px}html body .studio.studio .panel-section .up-section .up-fields.up-row{margin-top:var(--up-row-top)}html body .studio.studio .panel-section .up-section .up-format{min-width:0;height:var(--up-field-h);border:var(--up-line);border-radius:var(--up-r);font:var(--up-small-text);justify-content:space-between;align-items:center;padding:0 8px 0 7px;display:flex}html body .studio.studio .panel-section .up-section .up-group{margin-top:var(--up-group-gap)}html body .studio.studio .panel-section .up-section .up-row+.up-group{margin-top:var(--up-group-gap-row)}html body .studio.studio .panel-section .up-section .up-title{margin-bottom:var(--up-title-gap);font:var(--up-title-font);display:block}html body .studio.studio .panel-section .up-section .up-title-next{margin-top:10px}html body .studio.studio .panel-section .up-section .up-buttons{gap:var(--up-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}html body .studio.studio .panel-section .up-section .up-btn{height:var(--up-btn-h);border:var(--up-line);border-radius:var(--up-r);font:var(--up-text);letter-spacing:.2px;text-align:center;white-space:nowrap;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:4px;padding:0 5px;display:flex}html body .studio.studio .panel-section .up-section .up-btn.active{background:var(--up-pink);border-color:#0000}html body .studio.studio .panel-section .up-section .up-btn:disabled{opacity:.45;cursor:default}html body .studio.studio .panel-section .up-section .up-file{position:relative}html body .studio.studio .panel-section .up-section .up-file-btn{width:100%;height:var(--up-btn-h);border:var(--up-line);border-radius:var(--up-r);font:var(--up-text);letter-spacing:.2px;cursor:pointer;align-items:center;gap:6px;padding:0 28px 0 8px;display:flex}html body .studio.studio .panel-section .up-section .up-file-btn svg{flex:none;width:12px;height:12px}html body .studio.studio .panel-section .up-section .up-file-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html body .studio.studio .panel-section .up-section .up-file .up-x{top:50%;right:8px;transform:translateY(-50%)}html body .studio.studio .panel-section .up-section .up-colours{align-items:center;gap:4px;display:flex}html body .studio.studio .panel-section .up-section .up-colours .up-match{height:var(--up-field-h);flex:0 0 108px;margin-right:3px}html body .studio.studio .panel-section .up-section .up-dot{flex:0 0 var(--up-dot);width:var(--up-dot);height:var(--up-dot);border:var(--up-line);cursor:pointer;border-radius:50%;position:relative}html body .studio.studio .panel-section .up-section .up-dot.active{border-color:#0000;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #000}html body .studio.studio .panel-section .up-section.file-section .up-colours button.up-dot:nth-of-type(n+5){display:none}html body .studio.studio .panel-section .up-section .up-any{background:conic-gradient(#ff5d5d,#ffd25d,#7dff5d,#5dd8ff,#8a5dff,#ff5dd2,#ff5d5d)}html body .studio.studio .panel-section .up-section .up-any input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio[data-density=m] :is(.studio-panel,.controls) :is(button,.field-reset).active:not(:disabled):not(.up-gradient-mark):not(.up-preset){box-shadow:none!important;border-color:#0000!important}html body .studio.studio .panel-section .up-section .up-buttons.up-tall .up-btn{height:var(--up-btn-tall)}html body .studio.studio .panel-section .up-section>.up-buttons:first-child{margin-top:0}html body .studio.studio .panel-section .up-section .up-note{color:#0009;margin-top:6px;font:500 8px/1.3 Instrument Sans,Arial,sans-serif;display:block}html body .studio.studio .panel-section .up-section .up-fields{gap:var(--up-field-row-gap) var(--up-gap);margin-top:var(--up-next);grid-template-columns:1fr 1fr;display:grid}html body .studio.studio .panel-section .up-section .up-field{height:var(--up-field-h);border:var(--up-line);border-radius:var(--up-r);min-width:0;font:var(--up-small-text);cursor:text;align-items:center;gap:2px;padding:0 8px 0 7px;display:flex}html body .studio.studio .panel-section .up-section .up-field>span{white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}html body .studio.studio .panel-section .up-section .up-field>input{text-align:right;width:0;min-width:2ch;font:inherit;flex:1 1 0;align-self:stretch}html body .studio.studio .panel-section .up-section :is(.up-field,.up-num)>input.scrub{cursor:ew-resize}html body .studio.studio .panel-section .up-section :is(.up-field,.up-num)>input:focus{cursor:text}html body .studio.studio .panel-section .up-section .up-field>i{font:inherit}html body .studio.studio .panel-section .up-section .up-spine{grid-template-columns:72px 72px 69px;justify-content:space-between;align-items:center;display:grid}html body .studio.studio .panel-section .up-section .up-spine .up-btn{height:var(--up-field-h)}html body .studio.studio .panel-section .up-section .up-spine .up-value{justify-content:flex-end;padding-right:13px}html body .studio.studio .panel-section .up-section .up-spine .up-value>input{flex:auto;width:auto}html body .studio.studio .panel-section .up-section .up-group.up-first{margin-top:0}html body .studio.studio .panel-section .up-section .up-buttons:has(>:nth-child(3)){gap:var(--up-gap-tight)}html body .studio.studio .panel-section .up-section .up-buttons+.up-fields,html body .studio.studio .panel-section .up-section .up-next{margin-top:var(--up-next)}html body .studio.studio .panel-section .up-section .up-file.up-next{margin-top:6px}html body .studio.studio .panel-section .up-section .up-grid3{gap:var(--up-row-gap-tight) var(--up-gap-tight);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}html body .studio.studio .panel-section .up-section .up-grid3.up-next{margin-top:12px}html body .studio.studio .panel-section .up-section .up-dot.up-dot-28{flex:0 0 var(--up-dot-lg);width:var(--up-dot-lg);height:var(--up-dot-lg)}html body .studio.studio .panel-section .up-section .up-colours-7{justify-content:space-between;gap:0}html body .studio.studio .panel-section .up-section .up-masks .up-slot{height:var(--up-mask-h);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:flex-start;padding:6px 8px}html body .studio.studio .panel-section .up-section .up-masks .up-x{top:8px;right:8px}html body .studio.studio .panel-section .up-section .up-btn.up-small{height:var(--up-field-h);padding:0 8px}html body .studio.studio .panel-section .up-section .up-colour-btn{gap:5px;position:relative}html body .studio.studio .panel-section .up-section .up-colour-btn>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}html body .studio.studio .panel-section .up-section .up-x:hover{color:#000;background:0 0;border-color:#0000}html body .studio.studio .panel-section .up-section .up-bg{gap:6px}html body .studio.studio .panel-section .up-section .up-bg .up-hex{flex:0 0 70px;margin-left:auto;padding-right:22px;position:relative}html body .studio.studio .panel-section .up-section .up-bg .up-hex>input{text-align:left;text-transform:uppercase}html body .studio.studio .panel-section .up-section .up-bg .up-hex .up-x{width:6px;height:6px;top:50%;right:8px;transform:translateY(-50%)}html body .studio.studio .panel-section .up-section .up-stop{border:var(--up-line);border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}html body .studio.studio .panel-section .up-section .up-light-group{margin-top:13px}html body .studio.studio .panel-section .up-section .up-light-modes{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:4px}html body .studio.studio .panel-section .up-section .up-light-rig,html body .studio.studio .panel-section .up-section .up-light-source+.up-light-source{margin-top:16px}html body .studio.studio .panel-section .up-section .up-light-source .up-fields:first-of-type{margin-top:0}html body .studio.studio .panel-section .up-section .up-light{grid-template-columns:69px 63px 55px 24px;justify-content:space-between;align-items:center;display:grid}html body .studio.studio .panel-section .up-section .up-light .up-field{padding:0 6px 0 7px}html body .studio.studio .panel-section .up-section .up-field.dim>input,html body .studio.studio .panel-section .up-section .up-field.dim>i{opacity:.45}html body .studio.studio .panel-section .up-section .up-toggle{font:var(--up-text);letter-spacing:.2px;cursor:pointer;justify-content:space-between;align-items:center;margin-top:12px;display:flex}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch{cursor:pointer;background:#d6d6d6;border-radius:9px;flex:0 0 32px;width:32px;height:17px;transition:background .2s;position:relative}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:before{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:2px;left:2px}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:checked{background:#000}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:checked:before{transform:translate(15px)}.studio :is(.controls,.studio-panel) :is(button,label):focus:not(:focus-visible){box-shadow:none;outline:none}.studio.kit-page{background:#141414;min-height:100vh;position:static;overflow:auto}.kit-wrap{color:#fafafa;max-width:980px;margin:0 auto;padding:40px 20px;font:400 14px/1.45 Instrument Sans,Arial,sans-serif}.kit-head h1{margin:0 0 4px;font:500 22px/1.2 Instrument Sans,Arial,sans-serif}.kit-head p{color:#fafafa99;margin:0 0 28px}.kit-grid{grid-template-columns:246px 1fr;align-items:start;gap:40px;display:grid}.studio.kit-page .kit-panel{color:#000;background:#fafafa;border-radius:18px;width:246px;position:relative}.studio.kit-page .kit-panel .section-body{grid-template-rows:1fr}.studio.kit-page .kit-panel .section-content{opacity:1;transform:none}.kit-table{border-collapse:collapse;width:100%}.kit-table th,.kit-table td{text-align:left;vertical-align:top;border-bottom:1px solid #fafafa24;padding:10px 12px}.kit-table th{white-space:nowrap;width:140px;font-weight:500}.kit-table td{color:#fafafabf}@media (max-width:720px){.kit-grid{grid-template-columns:1fr}}html body .studio.studio .panel-section .up-section :where(.up-input,.up-code,.up-progress){all:unset;box-sizing:border-box;width:100%;display:block}html body .studio.studio .panel-section .up-section .up-input{height:var(--up-field-h);margin-top:var(--up-next);border:var(--up-line);border-radius:var(--up-r);font:var(--up-small-text);cursor:text;padding:0 8px}html body .studio.studio .panel-section .up-section .up-code{margin-top:var(--up-next);border:var(--up-line);border-radius:var(--up-r);font:500 8px/1.4 var(--font-geist-mono), monospace;white-space:pre-wrap;word-break:break-all;resize:none;padding:6px 8px}html body .studio.studio .panel-section .up-section :is(.up-input,.up-code)::placeholder{color:#00000073}html body .studio.studio .panel-section .up-section a.up-btn{color:inherit;text-decoration:none}html body .studio.studio .panel-section .up-section .up-progress{height:4px;margin-top:var(--up-next);background:#0000001f;border-radius:2px;position:relative;overflow:hidden}html body .studio.studio .panel-section .up-section .up-progress>i{background:var(--up-pink);transform-origin:0;position:absolute;inset:0}html body .studio.studio .panel-section .up-section .up-note.up-inline{align-self:center;margin-top:0}html body .studio.studio .panel-section .up-section .up-note.up-error{color:#d12}html body .studio.studio .panel-section .up-section .up-btn.up-has-key{position:relative}html body .studio.studio .panel-section .up-section .up-btn>.up-key{font:var(--up-small-text);color:#00000073;position:absolute;top:50%;right:8px;transform:translateY(-50%)}html body .studio.studio .panel-section .up-section .up-expander{all:unset;box-sizing:border-box;width:100%;height:var(--up-btn-h);margin-top:var(--up-next);border:var(--up-line);border-radius:var(--up-r);font:var(--up-text);letter-spacing:.2px;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:0 9px 0 8px;display:flex}html body .studio.studio .panel-section .up-section .up-title+.up-expander{margin-top:0}html body .studio.studio .panel-section .up-section .up-expander:hover{background:#0000000a}html body .studio.studio .panel-section .up-section .up-expander:focus-visible{outline-offset:1px;outline:1px solid #000}html body .studio.studio .panel-section .up-section .up-expander>i{flex:none;width:10px;height:10px;position:relative}html body .studio.studio .panel-section .up-section .up-expander>i:before,html body .studio.studio .panel-section .up-section .up-expander>i:after{content:"";background:currentColor;border-radius:1px;width:100%;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:0}html body .studio.studio .panel-section .up-section .up-expander>i:after{transition:transform .2s;transform:rotate(90deg)}html body .studio.studio .panel-section .up-section .up-expander.open>i:after{transform:rotate(0)}html body .studio.studio .panel-section .up-section .up-expander.up-sub{margin-top:12px}html body .studio.studio .panel-section .up-section .up-panel{min-width:0;padding-bottom:4px}html body .studio.studio .panel-section .up-section .up-panel>.up-note:first-child{margin-top:8px}.frame-mask.rec{outline-color:#ff365e}html body .studio.studio .panel-section .up-section .up-steps{counter-reset:up-step;margin:10px 0 0;padding:0;list-style:none}html body .studio.studio .panel-section .up-section .up-steps>li{counter-increment:up-step;min-width:0;padding-left:24px;position:relative}html body .studio.studio .panel-section .up-section .up-steps>li+li{margin-top:14px}html body .studio.studio .panel-section .up-section .up-steps>li:before{content:counter(up-step);color:#fff;text-align:center;background:#000;border-radius:50%;width:16px;height:16px;font:500 9px/16px Instrument Sans,Arial,sans-serif;position:absolute;top:0;left:0}html body .studio.studio .panel-section .up-section .up-step-title{font:var(--up-title-font);margin:0 0 6px;line-height:16px}html body .studio.studio .panel-section .up-section .up-steps>li>.up-input:first-of-type,html body .studio.studio .panel-section .up-section .up-steps .up-step-title+.up-buttons{margin-top:0}.studio .controls .view-gizmo{width:var(--plate,40px);height:var(--plate,40px);flex:none;margin:0;position:relative;top:auto;left:auto}.studio[data-tips=on] .controls .view-gizmo[data-tip]:hover:after{top:auto;bottom:calc(100% + 10px);left:0;transform:none}.studio{--lab-violet:#8b5cf6}.studio .section-content .hdr-row .cover-drop.active,.studio .section-content .hdr-row .cover-drop.active:hover{color:#fff!important;background:var(--lab-violet)!important}html body .studio.studio .panel-section .up-section .up-btn.active:has(.lab-mark){color:#fff!important;background:var(--lab-violet)!important}html body .studio.studio .panel-section .up-section .up-group:has(>.up-title .lab-mark) .up-btn.active{color:#fff!important;background:var(--lab-violet)!important}html body .studio.studio .panel-section:has(>.section-head .lab-mark) .binding-grid button.active{color:#fff!important;background:var(--lab-violet)!important}.studio .panel-section:has(>.section-head .lab-mark).open .section-toggle h2{color:var(--lab-violet)!important}.studio .section-content .toggle-row:has(.lab-mark) input[type=checkbox]:checked{background:var(--lab-violet);box-shadow:none}.studio .section-content .range-field:has(.lab-mark) input[type=range]{accent-color:var(--lab-violet)}.studio .section-content .field-row:has(.lab-mark)+.swatch-row .swatch.active{outline-color:var(--lab-violet)}.studio .section-content .field-row:has(.lab-mark)+.swatch-row .field-reset.active{color:#fff;background:var(--lab-violet)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@media (min-width:768px),(orientation:landscape){.studio[data-density=m]{--ui-dark:#121212;--ui-light:#fafafa;--ui-accent:#ff365e;--ui-row:40px;--ui-menu:268px;--ui-pad:14px;--ui-gap:8px;--ui-step:12px;--ui-edge:12px;--ui-seam:1px;--ui-line-w:.5px;--ui-line:var(--ui-line-w) solid var(--ui-dark);--btn-h:37px;--field-h:32px;--tile-h:70px;--swatch:30px;--swatch-gap:5px;--logo-line:1px;--btn-pad:8px;--field-pad:9px;--icon:16px;--plus:13px;--plus-line:1px;--badge:14px;--switch-w:32px;--switch-h:18px;--knob:14px;--r-section:17px;--r-control:10px;--r-field:8px;--r-badge:4px;--dots-top:46px;--dot:3px;--dot-step:11px;--type-title:500 18px/22px "Instrument Sans", Arial, sans-serif;--track-title:.01em;--type-group:semi-condensed 500 13px/16px "Instrument Sans", Arial, sans-serif;--track-group:.03em;--type-button:semi-condensed 600 12px/16px "Instrument Sans", Arial, sans-serif;--track-button:.05em;--type-step:semi-condensed 700 13px/16px "Instrument Sans", Arial, sans-serif;--track-step:.03em;--type-tech:semi-condensed 600 10px/12px "Instrument Sans", Arial, sans-serif;--track-tech:.06em;--type-note:semi-condensed 400 10px/12px "Instrument Sans", Arial, sans-serif;--track-note:.03em;--edge:var(--ui-edge);--plate:var(--ui-row);--menu-w:var(--ui-menu);--card-white:var(--ui-light);--pick:var(--ui-accent);--up-pad:var(--ui-pad);--up-top:calc(var(--dots-top) + var(--dot) + 13px - var(--ui-row));--up-bottom:var(--ui-pad);--up-gap:var(--ui-gap);--up-gap-tight:var(--ui-gap);--up-next:var(--ui-gap);--up-row-top:var(--ui-gap);--up-group-gap:10px;--up-group-gap-row:10px;--up-title-gap:var(--ui-gap);--up-field-row-gap:var(--ui-gap);--up-row-gap-tight:var(--ui-gap);--up-r:var(--r-control);--up-btn-h:var(--btn-h);--up-btn-tall:var(--btn-h);--up-field-h:var(--field-h);--up-slot-h:var(--tile-h);--up-mask-h:var(--tile-h);--up-slot-r:var(--r-control);--up-title-font:var(--type-group);--up-text:var(--type-button);--up-small-text:var(--type-button);--up-line:var(--ui-line);--up-pink:var(--ui-accent)}.studio[data-density=m]>.studio-panel{width:calc(var(--ui-menu) + var(--ui-edge));padding:var(--ui-edge) var(--ui-edge) 0 0;color:var(--ui-dark);background:0 0;bottom:0;overflow:hidden}.studio[data-density=m]>.studio-panel>.menu-top{min-height:0;max-height:100%;padding-bottom:calc(var(--ui-edge) + var(--ui-row) + var(--ui-gap));box-sizing:border-box;clip-path:inset(0 round calc(var(--ui-row) / 2));overflow-y:auto}.studio[data-density=m]>.studio-panel>.menu-pin{flex:none}.studio[data-density=m]>.studio-panel>.menu-pin+.menu-top{margin-top:var(--ui-seam)}.studio[data-density=m] .controls{z-index:6;pointer-events:none}.studio[data-density=m] .controls>.foot-item:not([data-foot=bar]){pointer-events:auto}.studio[data-density=m] .panel-section{border-radius:calc(var(--ui-row) / 2);background:var(--ui-light);color:var(--ui-dark)}.studio[data-density=m] .panel-section.open{border-radius:var(--r-section)}.studio[data-density=m] .menu-top>.panel-section~.panel-section{border-top:var(--ui-seam) solid transparent}.studio[data-density=m] .section-toggle{min-height:var(--ui-row)}.studio[data-density=m] .section-toggle h2{font:var(--type-title);letter-spacing:var(--track-title);color:var(--ui-dark)}.studio[data-density=m] .section-chevron,.studio[data-density=m] .section-chevron svg{width:20px;height:20px}.studio[data-density=m] .section-chevron{color:var(--ui-dark);margin-top:-10px}.studio[data-density=m] .panel-section.open .section-head:after{z-index:1;left:0;right:0;top:var(--dots-top);height:var(--dot);color:var(--ui-dark);background:radial-gradient(circle, currentColor calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + .3px)) 0 0 / var(--dot-step) var(--dot) space no-repeat}html body .studio.studio .panel-section .up-section{color:var(--ui-dark);font:var(--type-button);letter-spacing:var(--track-button)}html body .studio.studio .panel-section .up-section .up-title{font:var(--type-group);letter-spacing:var(--track-group)}html body .studio.studio .panel-section .up-section .up-title-next{margin-top:var(--ui-gap)}html body .studio.studio .panel-section .up-section :is(.up-btn,.up-file-btn,.up-slot,.up-expander){border:var(--ui-line);border-radius:var(--r-control);color:var(--ui-dark);font:var(--type-button);letter-spacing:var(--track-button);background:0 0}html body .studio.studio .panel-section .up-section .up-btn{height:var(--btn-h);padding:0 var(--btn-pad)}html body .studio.studio .panel-section .up-section .up-buttons{gap:var(--ui-gap);grid-auto-columns:minmax(0,1fr)}html body .studio.studio .panel-section .up-section :is(.up-btn,.up-file-btn,.up-slot,.up-expander):hover:not(:disabled){border-color:var(--ui-accent);color:var(--ui-accent);box-shadow:none;background:0 0}html body .studio.studio .panel-section .up-section .up-dot:hover{border-color:var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-dot,html body .studio.studio .panel-section .up-section .up-dot.active{box-shadow:none}html body .studio.studio .panel-section .up-section .up-dot.active{border:var(--ui-line);outline:1px solid var(--ui-dark);outline-offset:2px}html body .studio.studio .panel-section .up-section .up-btn.active,html body .studio.studio .panel-section .up-section .up-btn.active:hover{background:var(--ui-accent);color:var(--ui-light);box-shadow:none;border-color:#0000}html body .studio.studio .panel-section .up-section .up-btn:disabled,html body .studio.studio .panel-section .up-section .up-btn:disabled:hover{border-color:var(--ui-dark);box-shadow:none;opacity:.5;background:0 0}html body .studio.studio .panel-section .up-section .up-btn.active:disabled,html body .studio.studio .panel-section .up-section .up-btn.active:disabled:hover{border-color:var(--ui-dark);color:var(--ui-dark);background:0 0}html body .studio.studio .panel-section .up-section .up-btn.up-small{height:var(--field-h)}html body .studio.studio .panel-section .up-section .up-btn>.up-key{font:var(--type-tech);letter-spacing:var(--track-tech);color:inherit;opacity:.5}html body .studio.studio .panel-section .up-section .up-buttons.up-tall .up-btn{height:var(--btn-h)}html body .studio.studio .panel-section .up-section .up-btn:has(>.lab-mark){position:relative}html body .studio.studio .panel-section .up-section .up-buttons:is(.up-embed,.up-finishing) .up-btn{padding:0 var(--btn-pad);justify-content:space-between}html body .studio.studio .panel-section .up-section .up-buttons:is(.up-embed,.up-finishing) .up-btn:after{content:"";width:var(--plus);height:var(--plus);background:linear-gradient(currentColor, currentColor) center / var(--plus) var(--plus-line) no-repeat, linear-gradient(currentColor, currentColor) center / var(--plus-line) var(--plus) no-repeat;flex:none}html body .studio.studio .panel-section .up-section .up-buttons:is(.up-embed,.up-finishing) .up-btn.active:after{background:linear-gradient(currentColor, currentColor) center / var(--plus) var(--plus-line) no-repeat}html body .studio.studio .panel-section .up-section .up-slot{height:var(--tile-h);padding:var(--field-pad)}html body .studio.studio .panel-section .up-section .up-gradient{gap:var(--ui-gap);display:grid}html body .studio.studio .panel-section .up-section .up-gradient-bar{height:var(--field-h);border:var(--ui-line);border-radius:var(--r-field);box-sizing:border-box}html body .studio.studio .panel-section .up-section .up-gradient-bar[data-tip]{cursor:crosshair}html body .studio.studio .panel-section .up-section .up-gradient-marks{height:12px;margin-top:calc(2px - var(--ui-gap));position:relative}html body .studio.studio .panel-section .up-section .up-gradient-mark{border:var(--ui-line);box-sizing:border-box;cursor:pointer;touch-action:none;border-radius:3px;width:12px;height:12px;padding:0;position:absolute;top:0}html body .studio.studio .panel-section .up-section .up-gradient-mark.active{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-slot svg{width:var(--icon);height:var(--icon);stroke-width:1.6px}html body .studio.studio .panel-section .up-section .up-name{font:var(--type-tech);letter-spacing:var(--track-tech)}html body .studio.studio .panel-section .up-section .up-slot-wrap .up-x{top:var(--field-pad);right:var(--field-pad);width:var(--icon);height:var(--icon)}html body .studio.studio .panel-section .up-section .up-slot-wrap .up-x svg{width:var(--icon);height:var(--icon);stroke-width:1.6px}:is(html body .studio.studio .panel-section .up-section .up-slot-wrap:has(.up-slot:hover) .up-x,html body .studio.studio .panel-section .up-section .up-x:hover){color:var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-slots.up-masks{grid-template-columns:repeat(3,minmax(0,1fr))}html body .studio.studio .panel-section .up-section .up-slots.up-masks.up-mask-one{grid-template-columns:minmax(0,1fr)}html body .studio.studio .panel-section .up-section .up-slots.up-masks.up-two{grid-template-columns:repeat(2,minmax(0,1fr))}html body .studio.studio .panel-section .up-section .up-masks .up-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}html body .studio.studio .panel-section .up-section .up-masks .up-slot{height:var(--tile-h);padding:var(--field-pad);justify-content:space-between}html body .studio.studio .panel-section .up-section .up-colours{justify-content:space-between;align-items:center;gap:var(--swatch-gap);display:flex}html body .studio.studio .panel-section .up-section .up-colours>.up-dot{width:auto;min-width:0;max-width:var(--swatch);aspect-ratio:1;border:var(--ui-line);flex:1 1 0;height:auto}html body .studio.studio .panel-section .up-section .up-colours>.up-field{flex:none}html body .studio.studio .panel-section .up-section .up-bg .up-hex{margin-left:var(--ui-gap);flex:0 0 98px}html body .studio.studio .panel-section .up-section .up-fields>:only-child{grid-column:1/-1}html body .studio.studio .panel-section .up-section .up-spine{gap:var(--ui-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html body .studio.studio .panel-section .up-section .up-spine>.up-field{grid-column:1/-1;justify-content:space-between}html body .studio.studio .panel-section .up-section .up-spine .up-value>input{text-align:right;flex:auto}html body .studio.studio .panel-section .up-section .up-spine-colour{justify-content:space-between;gap:var(--ui-gap);flex-direction:column;min-width:0;display:flex}html body .studio.studio .panel-section .up-section :is(.up-field,.up-format){height:var(--field-h);padding:0 var(--field-pad);border:var(--ui-line);border-radius:var(--r-field);font:var(--type-tech);letter-spacing:var(--track-tech)}html body .studio.studio .panel-section .up-section :is(.up-field,.up-format)>*{white-space:nowrap}html body .studio.studio .panel-section .up-section .up-format{gap:4px}html body .studio.studio .panel-section .up-section .up-format .up-dims{align-items:center;gap:3px;display:inline-flex}html body .studio.studio .panel-section .up-section .up-format .up-dims>input{all:unset;text-align:right;width:3.2ch;font:var(--type-tech);letter-spacing:var(--track-tech);cursor:ew-resize}html body .studio.studio .panel-section .up-section .up-format .up-dims>input:focus{cursor:text}html body .studio.studio .panel-section .up-section .up-format .up-dims>i{font-style:normal}html body .studio.studio .panel-section .up-section :is(.up-field,.up-format)>:is(input,i,span),html body .studio.studio .panel-section .up-section .up-num>input{font:var(--type-tech);letter-spacing:var(--track-tech)}html body .studio.studio .panel-section .up-section .up-input{height:var(--field-h);padding:0 var(--ui-gap);border:var(--ui-line);border-radius:var(--r-field);font:var(--type-note);letter-spacing:var(--track-note);color:var(--ui-dark)}html body .studio.studio .panel-section .up-section .up-input:placeholder-shown{border-color:var(--ui-dark);background:0 0}html body .studio.studio .panel-section .up-section :is(.up-input,.up-code)::placeholder{color:var(--ui-dark);opacity:.5}html body .studio.studio .panel-section .up-section .up-code{border:var(--ui-line);border-radius:var(--r-field)}html body .studio.studio .panel-section .up-section .up-toggle{margin-top:var(--ui-gap);font:var(--type-group);letter-spacing:var(--track-group)}html body .studio.studio .panel-section .up-section .up-light-source>.up-toggle{margin:0 0 var(--up-title-gap)}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch{flex:0 0 var(--switch-w);width:var(--switch-w);height:var(--switch-h);border-radius:calc(var(--switch-h) / 2);background:var(--ui-dark)}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:before{top:calc((var(--switch-h) - var(--knob)) / 2);left:calc((var(--switch-h) - var(--knob)) / 2);width:var(--knob);height:var(--knob);background:var(--ui-light)}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:checked{background:var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-toggle>.up-switch:checked:before{transform:translateX(calc(var(--switch-w) - var(--switch-h)))}html body .studio.studio .panel-section .up-section .up-note{margin-top:var(--ui-gap);font:var(--type-note);letter-spacing:var(--track-note);color:var(--ui-dark)}html body .studio.studio .panel-section .up-section .up-note.up-error{color:var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-steps{margin-top:calc(var(--ui-pad) * 2 + var(--dot) + 6px);position:relative}html body .studio.studio .panel-section .up-section .up-steps:before{z-index:1;content:"";left:0;right:0;top:calc(-1 * (var(--ui-pad) + var(--dot) + 3px));height:var(--dot);color:var(--ui-dark);background:radial-gradient(circle, currentColor calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + .3px)) 0 0 / var(--dot-step) var(--dot) space no-repeat;position:absolute}html body .studio.studio .panel-section .up-section .up-steps>li{padding-left:0}html body .studio.studio .panel-section .up-section .up-steps>li+li{margin-top:var(--ui-step)}html body .studio.studio .panel-section .up-section .up-steps>li:before{width:var(--badge);height:var(--badge);border-radius:var(--r-badge);color:var(--ui-light);background:var(--ui-dark);font:var(--type-tech);line-height:var(--badge);letter-spacing:0;top:1px}html body .studio.studio .panel-section .up-section .up-step-title{margin:0 0 var(--ui-gap);padding-left:calc(var(--badge) + 6px);font:var(--type-step);letter-spacing:var(--track-step)}html body .studio.studio .panel-section .up-section .up-steps>li>:is(.up-btn,.up-buttons,.up-input,.up-code,.up-note),html body .studio.studio .panel-section .up-section .up-steps>li>.up-input:first-of-type{margin-top:var(--ui-gap)}html body .studio.studio .panel-section .up-section .up-steps>li>.up-step-title+*{margin-top:0}html body .studio.studio .panel-section .up-section .up-input{padding:0 var(--field-pad)}html body .studio.studio .panel-section .up-section :is(.up-field,.up-format)>input:focus{box-shadow:none;background:0 0;outline:none}.studio[data-density=m] .brand-row{top:var(--ui-edge);left:var(--ui-edge);gap:var(--ui-seam)}.studio[data-density=m] :is(.stage-brand,.help-toggle,.book-actions button,.stage-zoom,.page-ind,.record-plate){height:var(--ui-row);border-radius:calc(var(--ui-row) / 2);color:var(--ui-dark);background:var(--ui-light);font:var(--type-title);letter-spacing:var(--track-title)}.studio[data-density=m] .brand-row .stage-brand,.studio[data-density=m] .brand-row .stage-brand:hover{border:var(--logo-line) solid var(--ui-light);color:var(--ui-light);background:0 0;padding:0 11px 0 10px}.studio[data-density=m] .stage-brand span{color:var(--ui-light)}.studio[data-density=m] .brand-row .stage-brand,.studio[data-density=m] .brand-row .stage-brand *{cursor:default}.studio[data-density=m] .stage-brand span,.studio[data-density=m] .help-toggle{font:var(--type-title);letter-spacing:var(--track-title)}.studio[data-density=m] .controls{left:var(--ui-edge);right:var(--ui-edge);bottom:var(--ui-edge);height:var(--ui-row);gap:var(--ui-seam);padding-right:0}.studio[data-density=m] :is(.controls,.controls.compact) .book-actions button,.studio[data-density=m] .controls .record-plate{border-radius:calc(var(--ui-row) / 2);padding:0 20px}.studio[data-density=m] .book-actions button.active,.studio[data-density=m] .controls .record-plate.recording{color:var(--ui-light);background:var(--ui-accent)}.studio[data-density=m] .controls .record-plate{color:var(--ui-accent)}.studio[data-density=m] .spread-ruler{bottom:var(--ui-edge);height:var(--ui-row);border-radius:calc(var(--ui-row) / 2);color:var(--ui-light)}.studio[data-density=m] .brand-row .view-gizmo{color:var(--ui-light);box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;margin:0;padding:0;position:relative;top:auto;left:auto}.studio[data-density=m] .brand-row .view-gizmo svg{padding:0}.studio[data-density=m] .brand-row .stage-brand,.studio[data-density=m] .brand-row .stage-brand:hover{--gz-d:calc(var(--ui-row) * 18.5 / 38);--gz-box:calc(var(--gz-d) * 80 / 60);padding-left:0}.studio[data-density=m] .brand-row .view-gizmo.brand-gizmo-in{width:var(--gz-box);height:var(--gz-box);margin:0 calc(9px - (var(--gz-box) - var(--gz-d)) / 2) 0 calc(var(--ui-row) / 2 - var(--gz-box) / 2 - var(--logo-line))}.studio[data-density=m] .brand-row .view-gizmo.brand-gizmo-in :is(.gizmo-outline,.gizmo-front){stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;opacity:1;fill:none}.studio[data-density=m] .brand-row .view-gizmo.brand-gizmo-in .gizmo-centre{display:none}.studio[data-density=m] .brand-row .view-gizmo,.studio[data-density=m] .brand-row .view-gizmo *{cursor:grab}.studio[data-density=m] .brand-row{align-items:center}.studio[data-density=m] .controls .stage-help{display:flex;position:relative}.studio[data-density=m] .controls .help-bubbles{right:0;bottom:calc(100% + var(--ui-gap));width:max-content;max-width:calc(100vw - var(--ui-menu) - 3 * var(--ui-edge));justify-content:flex-end;margin:0;padding:0;position:absolute}.studio[data-density=m] .controls .view-gizmo{width:var(--ui-row);height:var(--ui-row);color:var(--ui-dark);background:var(--ui-light)}.studio[data-density=m]{--frame-square:20px;--frame-r:5px;--pill-h:22px}.studio[data-density=m] .frame-mask.region{outline:1px solid var(--ui-accent)}.studio[data-density=m] .frame-mask.region .region-corner{width:var(--frame-square);height:var(--frame-square);border:1px solid var(--ui-accent);border-radius:var(--frame-r);color:var(--ui-accent);background:var(--ui-dark);box-sizing:border-box}.studio[data-density=m] .frame-mask.region .region-corner.nw{left:calc(var(--frame-square) / -2);top:calc(var(--frame-square) / -2)}.studio[data-density=m] .frame-mask.region .region-corner.ne{right:calc(var(--frame-square) / -2);top:calc(var(--frame-square) / -2);place-items:center;display:grid}.studio[data-density=m] .frame-mask.region .region-corner.sw{left:calc(var(--frame-square) / -2);bottom:calc(var(--frame-square) / -2)}.studio[data-density=m] .frame-mask.region .region-corner.se{right:calc(var(--frame-square) / -2);bottom:calc(var(--frame-square) / -2)}.studio[data-density=m] .frame-mask.region .region-corner:hover{color:var(--ui-light);background:var(--ui-accent);border-color:var(--ui-accent)}.studio[data-density=m] .frame-mask.region .frame-size{left:50%;top:calc(var(--frame-square) / -2);height:var(--frame-square);border:1px solid var(--ui-accent);border-radius:var(--frame-r);color:var(--ui-accent);background:var(--ui-dark);--sc-font:semi-condensed 500 9px/1 "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.05em;box-sizing:border-box;align-items:center;padding:0 8px;display:flex;transform:translate(-50%)}.studio[data-density=m] .frame-mask .frame-top{pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:calc(100% + 14px);left:0;right:0}.studio[data-density=m] .frame-mask .frame-top.in-frame{inset:auto 16px 12px}.studio[data-density=m] .frame-mask :is(.frame-ratios,.frame-plates){gap:4px;display:flex}.studio[data-density=m] .frame-mask .frame-plate{border:1px solid var(--ui-accent);height:18px;color:var(--ui-accent);background:var(--ui-dark);--sc-font:semi-condensed 500 9px/1 "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.05em;white-space:nowrap;box-sizing:border-box;border-radius:4px;align-items:center;padding:0 8px;display:inline-flex;position:static;inset:auto}.studio[data-density=m] .frame-mask button.frame-plate{cursor:pointer}.studio[data-density=m] .frame-mask button.frame-plate:hover:not(:disabled){color:var(--ui-light);border-color:var(--ui-light)}.studio[data-density=m] .frame-mask .frame-plate.active,.studio[data-density=m] .frame-mask .frame-plate.active:hover{color:var(--ui-light);background:var(--ui-accent);border-color:var(--ui-accent)}.studio[data-density=m] .frame-mask button.frame-plate:disabled{cursor:default}.studio[data-density=m] .frame-mask .frame-top.in-frame .frame-plate:not(.active){opacity:.6}.studio[data-density=m] .frame-mask.rec{border:1px solid var(--ui-accent);border-radius:var(--frame-r);box-sizing:border-box;outline:0}.studio[data-density=m] .frame-mask.rec span{display:none}.recorder-anchor{z-index:5;justify-content:center;width:0;display:flex;position:absolute}.recorder{color:var(--ui-light);--sc-font:semi-condensed 500 12px/1 "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.05em;flex-direction:column;flex:none;gap:10px;display:flex;position:relative}.recorder-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.recorder-picks,.recorder-end{align-items:center;gap:3px;display:flex}.recorder-end{flex:none;margin-left:auto}.recorder-picks{flex:none}.recorder-pick{display:inline-flex;position:relative}.recorder-preset{height:var(--pill-h);border:1px solid var(--ui-light);border-radius:calc(var(--pill-h) / 2);white-space:nowrap;align-items:center;padding:0 10px;display:inline-flex}html body .studio.studio .panel-section .up-section .up-preset-tiles{gap:var(--ui-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html body .studio.studio .panel-section .up-section .up-preset{all:unset;box-sizing:border-box;aspect-ratio:1;padding:var(--field-pad);border:var(--ui-line);border-radius:var(--r-control);color:var(--ui-dark);cursor:pointer;flex-direction:column;justify-content:space-between;display:flex;position:relative}html body .studio.studio .panel-section .up-section .up-preset-anim{align-self:center;width:100%;height:auto}html body .studio.studio .panel-section .up-section .up-preset-anim path{fill:var(--ui-light);stroke:currentColor;stroke-width:.9px;stroke-linejoin:round;stroke-linecap:round}html body .studio.studio .panel-section .up-section .up-preset:is(:hover,.active):not(:disabled){border-color:var(--ui-accent);color:var(--ui-accent)}html body .studio.studio .panel-section .up-section .up-preset:disabled{opacity:.4;cursor:default}.recorder-pick select{-webkit-appearance:none;appearance:none;height:var(--pill-h);border:1px solid var(--ui-light);border-radius:calc(var(--pill-h) / 2);color:inherit;background:var(--ui-dark);font:inherit;letter-spacing:inherit;cursor:pointer;padding:0 20px 0 8px}.recorder-pick:after{content:"";pointer-events:none;background:linear-gradient(currentColor,currentColor) 50%/9px 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 9px no-repeat;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;right:7px}.recorder-pick:hover:not(:has(select:disabled)){color:var(--ui-accent)}.recorder-pick:hover:not(:has(select:disabled)) select{border-color:var(--ui-accent)}.recorder-pick select:disabled{opacity:.5;cursor:default}.recorder-pick select option{color:var(--ui-dark);background:var(--ui-light)}.recorder-time{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-width:7ch;padding:0 4px}.recorder-btn,.recorder.recording .recorder-btn.active{min-width:0}.recorder.recording .recorder-time{color:var(--ui-accent)}.recorder-btn{height:var(--pill-h);border:1px solid var(--ui-light);border-radius:calc(var(--pill-h) / 2);color:var(--ui-light);background:var(--ui-dark);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:pointer;padding:0 10px}.recorder-btn:hover{color:var(--ui-accent);border-color:var(--ui-accent)}.recorder-btn.active,.recorder-btn.active:hover{color:var(--ui-light);background:var(--ui-accent);border-color:var(--ui-accent)}.studio .recorder :is(select,button):focus{box-shadow:none;outline:none}.studio .recorder :is(select,button):focus-visible{box-shadow:none;outline:none}.studio .recorder .recorder-pick:has(:focus-visible){box-shadow:none;outline:none}.studio .recorder .recorder-pick:has(:focus){box-shadow:none;outline:none}.recorder-line{background:#292929;border-radius:2px;height:4px;overflow:hidden}.studio[data-density=m] .spread-ruler .rec-fill{display:none}.recorder-line>i{border-radius:inherit;background:var(--ui-accent);transform-origin:0;height:100%;display:block}.studio[data-density=m]{--plate-w:80px;--hint-left:calc(var(--ui-edge) + 160px)}.studio[data-density=m] .stage-hint{z-index:4;top:var(--ui-edge);left:calc((var(--hint-left) + 100% - var(--ui-menu) - var(--ui-edge)) / 2);box-shadow:none;color:var(--ui-light);font:var(--type-title);letter-spacing:var(--track-title);white-space:nowrap;pointer-events:auto;background:0 0;border:0;border-radius:0;gap:3px;padding:0;display:flex;position:absolute;bottom:auto;transform:translate(-50%)}.studio[data-density=m] .stage-hint>span{height:var(--ui-row);border:1px solid var(--ui-light);border-radius:calc(var(--ui-row) / 2);box-sizing:border-box;align-items:center;padding:0 16px;display:flex}.studio[data-density=m] .stage-hint .keep-btn{height:var(--ui-row);border:1px solid var(--ui-light);border-radius:calc(var(--ui-row) / 2);color:var(--ui-light);font:inherit;letter-spacing:inherit;cursor:pointer;box-sizing:border-box;background:0 0;align-items:center;padding:0 16px;display:flex}.studio[data-density=m] .stage-hint .keep-btn:hover{color:var(--ui-accent);border-color:var(--ui-accent);background:0 0}.studio[data-density=m] .stage-hint .stage-hint-close{width:var(--ui-row);height:var(--ui-row);border:1px solid var(--ui-light);color:var(--ui-light);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.studio[data-density=m] .stage-hint .stage-hint-close:hover{color:var(--ui-accent);border-color:var(--ui-accent);background:0 0}.studio[data-density=m] .controls :is(.book-actions button){width:var(--plate-w);min-width:var(--plate-w);justify-content:center;padding:0}.studio[data-density=m] .controls .book-actions :is(.rotate-step,.recorder-step,.fast-step,.book-open-step,.reset-step){width:auto;min-width:0;padding:0 20px}.studio[data-density=m] .controls .stage-zoom{width:calc(var(--plate-w) * 1.1);justify-content:center;align-items:center;padding:0;display:flex}.studio[data-density=m] .controls .stage-zoom label{justify-content:center;align-items:baseline;display:flex}.studio[data-density=m] .controls .stage-zoom input{color:inherit;font:inherit;letter-spacing:inherit;text-align:center;background:0 0;border:0;outline:none;padding:0}.studio[data-density=m] .controls .stage-zoom,.studio[data-density=m] .controls .stage-zoom *{cursor:ew-resize}.studio[data-density=m] .controls .stage-zoom input:focus{cursor:text}.studio[data-density=m] .controls .up-info{all:unset;box-sizing:border-box;height:var(--ui-row);border-radius:calc(var(--ui-row) / 2);color:var(--ui-dark);background:var(--ui-light);font:var(--type-title);letter-spacing:var(--track-title);text-transform:none;cursor:default;align-items:center;padding:0 20px;display:flex}.studio[data-density=m] .controls .book-actions .fast-step{min-width:calc(var(--plate-w) * .9)}@media (max-width:1199px){.studio[data-density=m] .controls :is(.foot-info,.foot-zoom,.foot-book,.foot-fast,.foot-rotate){display:none}}.studio[data-density=m] .panel-section:not(.open):has(>.section-head .section-toggle:hover) :is(h2,.section-chevron){color:var(--ui-light)}.studio[data-density=m] .section-toggle h2{margin-block:-.2em;padding-block:.2em;line-height:1.35}.studio[data-density=m] :is(.controls,.controls.compact) .book-actions button,.studio[data-density=m] .controls .book-actions button span{line-height:1.35;overflow:visible}}.welcome{z-index:9000;color:#fafafa;background:#000c;place-items:center;padding:24px 16px;font-family:Instrument Sans,Arial,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.welcome-box{pointer-events:none;flex-direction:column;align-items:center;width:825px;max-width:100%;display:flex}.welcome-box>*{pointer-events:auto}.welcome-title{letter-spacing:0;white-space:nowrap;justify-content:center;align-items:flex-end;gap:12px;margin:0 0 18px;font:500 36.92px/37px Instrument Sans,Arial,sans-serif;display:flex}.welcome-icon{flex:none;width:28px;height:27px;margin-bottom:6px;overflow:visible}.welcome-icon.heart{width:30.8px;height:26px}.welcome-heart{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:flex}:is(.welcome-heart:focus,.welcome-heart:focus-visible){outline:none}.welcome-heart .welcome-icon{transform-origin:50%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.welcome-heart .welcome-icon path{fill:#0000;transition:fill .65s cubic-bezier(.22,1,.36,1)}.welcome-heart:is(:hover,:focus-visible) .welcome-icon{transform:scale(1.06)}.welcome-heart:is(:hover,:focus-visible) .welcome-icon path{fill:#fafafa}.welcome-cards{gap:5px;width:100%;display:flex}.welcome-card{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.welcome-media{aspect-ratio:410/250;background:#fff;border-radius:15px;width:100%;overflow:hidden}.welcome-media>video{object-fit:cover;width:100%;height:100%;display:block}.welcome-card-title{letter-spacing:0;margin:14px 0 0;font:500 24px/29px Instrument Sans,Arial,sans-serif}.welcome-card-text{--sc-font:semi-condensed 500 11px/14px "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.03em;margin:3px 0 0}.welcome-open{isolation:isolate;color:#fafafa;letter-spacing:0;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:22px;justify-content:space-between;align-items:center;width:327px;max-width:100%;height:44px;margin-top:20px;padding:0 20px 0 16px;font:500 24px/29px Instrument Sans,Arial,sans-serif;display:flex;position:relative}.welcome-open:before{content:"";z-index:-1;background:#ff365e;border-radius:22px;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.welcome-open-text,.welcome-arrow{transform-origin:50%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.welcome-open:is(:hover,:focus-visible):before{transform:scale(1.01,1.06)}.welcome-open:is(:hover,:focus-visible) :is(.welcome-open-text,.welcome-arrow){transform:scale(1.01)}:is(.welcome-open:focus,.welcome-open:focus-visible){outline:none}.welcome-arrow{flex:none;width:20px;height:20px}.welcome-note{color:#fafafa4d;--sc-font:semi-condensed 500 11px/14px "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.03em;align-items:center;gap:8px;margin:20px 0 0;display:flex}.welcome-folder{flex:none;width:13px;height:12px}.welcome-close{top:var(--ui-edge,12px);right:var(--ui-edge,12px);width:var(--ui-row,40px);height:var(--ui-row,40px);color:#fafafa;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #fafafa;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.welcome-close svg{width:16px;height:16px}.welcome-close:hover{color:#ff365e;background:0 0;border-color:#ff365e}@media (max-width:767px) and (orientation:portrait){.welcome{place-items:start center}.welcome-title{gap:7px;margin-bottom:14px;font-size:24px;line-height:26px}.welcome-icon{width:19px;height:18px;margin-bottom:4px}.welcome-icon.heart{width:20.2px;height:17.3px}.welcome-cards{flex-direction:column;gap:16px}.welcome-card-title{margin-top:10px;font-size:20px;line-height:24px}.welcome-open{width:100%;font-size:20px}.welcome-note{text-align:left}}.tip-layer,.cursor-hint{box-sizing:border-box;color:#121212;box-shadow:none;--sc-font:500 10px/10px "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.05em;text-transform:none;pointer-events:none;opacity:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ced9ff;border:0;border-radius:5px;padding:7px 10px;font-stretch:87.5%;position:fixed;top:0;left:0}.tip-layer{z-index:3000;white-space:nowrap;max-width:none;transition:opacity .12s}.cursor-hint{z-index:60;white-space:nowrap;transition:opacity .15s}.cursor-hint b{font-weight:500}.embed-zoom-hint{z-index:60;color:#fff;text-shadow:0 1px 2px #000;--sc-font:semi-condensed 500 10px/12px "Instrument Sans", Arial, sans-serif;font:var(--sc-font);letter-spacing:.03em;pointer-events:none;background:0 0;border-radius:4.5px;padding:5px 6px;position:absolute;top:12px;left:12px;box-shadow:inset 0 0 0 .5px #fff,0 1px 3px #0008}.studio :is(:focus,:focus-visible):not(.up-dot):not(.swatch){outline:none!important}.studio label:has(:focus-visible){outline:none!important}.studio .section-toggle:focus-visible h2{text-decoration:none!important}@media (min-width:768px),(orientation:landscape){.studio[data-density=m] .arrange-pages{z-index:20;top:var(--ui-edge);right:calc(var(--ui-menu) + var(--ui-edge) + var(--ui-seam));width:var(--ui-menu);max-height:calc(100% - 2 * var(--ui-edge) - var(--ui-row) - var(--ui-gap));padding:0 var(--ui-pad) var(--ui-pad);border-radius:var(--r-section);color:var(--ui-dark);background:var(--ui-light);box-sizing:border-box;scrollbar-width:none;position:fixed;overflow-y:auto}.studio[data-density=m] .arrange-pages .arrange-head{height:var(--ui-row);justify-content:space-between;align-items:center;display:flex;position:relative}.studio[data-density=m] .arrange-pages .arrange-head h2{font:var(--type-title);letter-spacing:var(--track-title);text-transform:none;color:inherit;margin:0}.studio[data-density=m] .arrange-pages .arrange-head:after{content:"";left:0;right:0;top:var(--dots-top);height:var(--dot);background:radial-gradient(circle, currentColor calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + .3px)) 0 0 / var(--dot-step) var(--dot) space no-repeat;position:absolute}.studio[data-density=m] .arrange-pages .arrange-close{width:var(--ui-row);height:var(--ui-row);margin-right:calc(-1 * var(--ui-pad) / 2);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.studio[data-density=m] .arrange-pages .arrange-close:hover{color:var(--ui-accent);background:0 0}.studio[data-density=m] .arrange-pages .arrange-grid{gap:var(--ui-gap) var(--ui-gap);margin:calc(var(--dots-top) - var(--ui-row) + var(--dot) + var(--ui-step)) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.studio[data-density=m] .arrange-pages .arrange-grid li{cursor:grab;flex-direction:column;gap:4px;display:flex}.studio[data-density=m] .arrange-pages .arrange-page{aspect-ratio:3/4;border-radius:var(--r-field);background:var(--ui-dark);position:relative;overflow:hidden}.studio[data-density=m] .arrange-pages .arrange-page img{object-fit:contain;width:100%;height:100%;display:block}.studio[data-density=m] .arrange-pages .arrange-x{border-radius:var(--r-badge);width:20px;height:20px;color:var(--ui-dark);background:var(--ui-light);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.studio[data-density=m] .arrange-pages .arrange-x:hover{color:var(--ui-accent);background:var(--ui-light)}.studio[data-density=m] .arrange-pages .arrange-name{border-radius:var(--r-badge);color:var(--ui-dark);background:var(--ui-light);font:var(--type-tech);letter-spacing:var(--track-tech);white-space:nowrap;text-overflow:ellipsis;padding:3px 5px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.studio[data-density=m] .arrange-pages .arrange-caption{text-align:center;font:var(--type-tech);letter-spacing:var(--track-tech)}.studio[data-density=m] .arrange-pages li.dragging{opacity:.35}.studio[data-density=m] .arrange-pages li.over .arrange-page{box-shadow:0 0 0 2px var(--ui-accent)}}@media (max-width:767px) and (orientation:portrait){.studio .arrange-pages{z-index:40;color:#121212;background:#fafafa;border-radius:17px;padding:0 14px 14px;position:fixed;inset:10px;overflow-y:auto}.studio .arrange-pages .arrange-head{justify-content:space-between;align-items:center;height:40px;display:flex}.studio .arrange-pages .arrange-head h2{text-transform:none;margin:0;font:500 18px/22px Instrument Sans,Arial,sans-serif}.studio .arrange-pages .arrange-close{width:40px;height:40px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.studio .arrange-pages .arrange-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.studio .arrange-pages .arrange-grid li{flex-direction:column;gap:4px;display:flex}.studio .arrange-pages .arrange-page{aspect-ratio:3/4;background:#121212;border-radius:8px;position:relative;overflow:hidden}.studio .arrange-pages .arrange-page img{object-fit:contain;width:100%;height:100%;display:block}.studio .arrange-pages .arrange-x{color:#121212;background:#fafafa;border:.5px solid #121212;border-radius:4px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:5px;right:5px}.studio .arrange-pages .arrange-name{white-space:nowrap;text-overflow:ellipsis;background:#fafafa;border-radius:4px;padding:3px 5px;font:600 10px/12px Instrument Sans,Arial,sans-serif;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.studio .arrange-pages .arrange-caption{text-align:center;font:600 10px/12px Instrument Sans,Arial,sans-serif}}.up-book-preloader{--up-loading-size:min(28vw, 28vh, 160px);--up-loading-gap:var(--ui-gap,8px);--up-loading-track:2px;--up-loading-lift:24px;--up-loading-font:400 13px/1.2 "Instrument Sans", Arial, sans-serif;--up-loading-letter:.02em;--up-loading-dark:var(--ui-dark,#121212);--up-loading-light:var(--ui-light,#fafafa);--up-loading-z:30;--up-loading-run:1.4s;--up-loading-fill:.3s;z-index:var(--up-loading-z);color:var(--up-loading-light);pointer-events:none;position:absolute;inset:0}.up-book-boot{margin:0;position:fixed;inset:0}.up-book-preloader[data-context=boot]{color:inherit}.studio:not(.is-mobile) .up-book-preloader[data-context=layout]{right:var(--menu-w,0px)}.up-book-loading-center{justify-content:center;align-items:center;gap:var(--up-loading-gap);transform:translateY(calc(-1 * var(--up-loading-lift)));flex-direction:column;display:flex;position:absolute;inset:0}.up-book-mark{width:var(--up-loading-size);height:var(--up-loading-size);flex:none;display:block;overflow:visible}.up-book-loading-message,.up-book-loading-percent{font:var(--up-loading-font);letter-spacing:var(--up-loading-letter);text-align:center}.up-book-loading-percent{font-variant-numeric:tabular-nums}.up-book-loading-track{height:var(--up-loading-track);position:absolute;inset:auto 0 0;overflow:hidden}.up-book-loading-track>i{height:100%;transition:width var(--up-loading-fill) ease;background:currentColor;display:block}.up-book-loading-running{width:30%;animation:up-book-loading-run var(--up-loading-run) ease-in-out infinite}.up-book-preloader[data-context=layout] .up-book-loading-track{opacity:0}.viewport-shell[data-tone=light] .up-book-preloader{color:var(--up-loading-dark)}@keyframes up-book-loading-run{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.up-book-loading-track>i{transition:none}.up-book-loading-running{opacity:.35;width:100%;animation:none}}.studio.is-embed .viewport-shell .stage{transition:opacity .45s}.studio.is-embed .viewport-shell[data-assembling] .stage{opacity:0}.up-preloader-preview{--up-preview-ink:#fafafa;--up-preview-paper:#121212;--up-preview-line:#424242;--up-preview-pad:32px;--up-preview-gap:16px;--up-preview-row:40px;--up-preview-radius:12px;--up-preview-stage:420px;--up-preview-column:320px;--up-preview-title:24px;--up-preview-subtitle:16px;--up-preview-font:400 13px/1.4 "Instrument Sans", Arial, sans-serif;box-sizing:border-box;min-height:100svh;padding:var(--up-preview-pad);background:var(--up-preview-paper);color:var(--up-preview-ink);font:var(--up-preview-font)}.up-preloader-preview-head h1{font-size:var(--up-preview-title);margin:0;font-weight:500}.up-preloader-preview-head p,.up-preloader-preview-note{margin:var(--up-preview-gap) 0}.up-preloader-preview-controls{align-items:center;gap:var(--up-preview-gap);margin:var(--up-preview-pad) 0;flex-wrap:wrap;display:flex}.up-preloader-preview-controls button{min-height:var(--up-preview-row);padding:0 var(--up-preview-gap);border:1px solid var(--up-preview-line);border-radius:var(--up-preview-radius);color:inherit;font:inherit;cursor:pointer;background:0 0}.up-preloader-preview-controls label{align-items:center;gap:var(--up-preview-gap);flex-wrap:wrap;display:flex}.up-preloader-preview-controls input{accent-color:var(--up-preview-ink)}.up-preloader-preview-controls output{font-variant-numeric:tabular-nums}.up-preloader-preview-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--up-preview-column)), 1fr));gap:var(--up-preview-gap);display:grid}.up-preloader-preview-card{border:1px solid var(--up-preview-line);border-radius:var(--up-preview-radius);overflow:hidden}.up-preloader-preview-card h2{padding:var(--up-preview-gap);font-size:var(--up-preview-subtitle);margin:0;font-weight:500}.up-preloader-preview-stage{height:var(--up-preview-stage);background:var(--up-preview-paper);cursor:default;min-height:0}.up-preloader-preview-stage[data-tone=light]{background:var(--up-preview-ink)}.studio.is-mobile[data-phone]{--ph-row:40px;--ph-row-side:38px;--ph-gap:1px;--ph-edge:10px;--ph-pill:28px;--ph-cards:288px;--ph-dark:#121212;--ph-light:#fafafa;--ph-accent:#ff365e;--ph-track:#fafafa33;--ph-type:500 15px/18px "Instrument Sans", Arial, sans-serif;--ph-type-pill:500 12px/15px "Instrument Sans", Arial, sans-serif}.studio.is-mobile[data-phone]>.studio-panel,.studio.is-mobile[data-phone] .controls,.studio.is-mobile[data-phone] .view-gizmo,.studio.is-mobile[data-phone] .ruler-preview,.studio.is-mobile[data-phone] .stage-help,.studio.is-mobile[data-phone] .recorder-anchor,.studio.is-mobile[data-phone] .stage-hint,.studio.is-mobile[data-phone=portrait] :is(.spread-ruler,.m-page-ind){display:none}.studio.is-mobile[data-phone=portrait]{--ph-u:calc(100vw / 660);--ph-row:calc(68 * var(--ph-u));--ph-edge:calc(10 * var(--ph-u));--ph-type:500 calc(26 * var(--ph-u))/1.2 "Instrument Sans", Arial, sans-serif}.studio.is-mobile[data-phone] .ph{z-index:7;pointer-events:none;position:absolute;inset:0}.studio.is-mobile[data-phone] .ph :is(.ph-top,.ph-rows,.ph-foot){pointer-events:auto}.studio.is-mobile[data-phone] :is(.ph-plate,.ph-pill,.ph-card,.ph-burger){all:unset;box-sizing:border-box;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;display:inline-flex}.studio.is-mobile[data-phone] :is(.ph-plate,.ph-pill,.ph-card,.ph-burger):disabled{opacity:.45;cursor:default}.studio.is-mobile[data-phone] .ph-plate{height:var(--ph-row);border-radius:calc(var(--ph-row) / 2);color:var(--ph-dark);background:var(--ph-light);font:var(--ph-type);justify-content:center;gap:8px;padding:0 12px}.studio.is-mobile[data-phone] .ph-plate:is(.active,.on){color:var(--ph-light);background:var(--ph-accent)}.studio.is-mobile[data-phone] .ph-upload{justify-content:space-between}.studio.is-mobile[data-phone] .ph-burger{flex:0 0 var(--ph-row);width:var(--ph-row);height:var(--ph-row);color:var(--ph-dark);background:var(--ph-light);border-radius:50%;justify-content:center}.studio.is-mobile[data-phone] .ph-burger.open{color:var(--ph-light);background:var(--ph-accent)}.studio.is-mobile[data-phone] .ph-top{top:var(--ph-edge);right:var(--ph-edge);align-items:flex-end;gap:var(--ph-gap);flex-direction:column;display:flex;position:absolute}.studio.is-mobile[data-phone=portrait] .ph-top{left:calc(var(--ph-edge) + 286 * var(--ph-u) + var(--ph-gap));flex-direction:row;justify-content:flex-end}.studio.is-mobile[data-phone=portrait] .ph-top>.ph-plate{padding:0 calc(22 * var(--ph-u));flex:auto}.studio.is-mobile[data-phone] .ph-cards{gap:var(--ph-gap);width:var(--ph-cards);flex-direction:column;display:flex}.studio.is-mobile[data-phone] .ph-card-wrap{border-radius:calc(var(--ph-row-side) / 2);background:var(--ph-light)}.studio.is-mobile[data-phone] .ph-card{width:100%;height:var(--ph-row-side);border-radius:calc(var(--ph-row-side) / 2);color:var(--ph-dark);background:var(--ph-light);font:var(--ph-type);justify-content:space-between;padding:0 12px}.studio.is-mobile[data-phone] .ph-card-wrap>.ph-pills{padding:0 6px 6px 12px}.studio.is-mobile[data-phone] .ph-rows{right:var(--ph-edge);bottom:calc(var(--ph-edge) + var(--ph-row) + var(--ph-gap));left:var(--ph-edge);gap:var(--ph-gap);flex-direction:column;display:flex;position:absolute}.studio.is-mobile[data-phone] .ph .ph-motion{pointer-events:auto}.studio.is-mobile[data-phone] .ph-motion{right:var(--ph-edge);bottom:calc(var(--ph-edge) + var(--ph-row) + 2 * var(--ph-u,1px));left:var(--ph-edge);gap:calc(2 * var(--ph-u,1px));flex-direction:column;display:flex;position:absolute}.studio.is-mobile[data-phone] .ph-motion-row{gap:var(--ph-gap);display:flex}.studio.is-mobile[data-phone] .ph-motion-row>.ph-plate{flex:1 1 0;min-width:0;padding:0 4px}.studio.is-mobile[data-phone] .ph-plate.ph-plate-line{border:max(1px, calc(2 * var(--ph-u,1px))) solid var(--ph-light);color:var(--ph-light);background:0 0}.studio.is-mobile[data-phone] .ph-rows.ph-rows-top{top:calc(var(--ph-edge) + var(--ph-row) + var(--ph-gap));bottom:auto}.studio.is-mobile[data-phone] .ph-row{height:var(--ph-row);border-radius:calc(var(--ph-row) / 2);color:var(--ph-dark);background:var(--ph-light);font:var(--ph-type);justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.studio.is-mobile[data-phone] .ph-pills{flex-wrap:wrap;gap:2px;display:flex}.studio.is-mobile[data-phone] .ph-pill{height:var(--ph-pill);border:.5px solid var(--ph-dark);border-radius:calc(var(--ph-pill) / 2);color:var(--ph-dark);font:var(--ph-type-pill);padding:0 11px}.studio.is-mobile[data-phone] .ph-pill.active{border-color:var(--ph-accent);color:var(--ph-light);background:var(--ph-accent)}.studio.is-mobile[data-phone] .ph-pill.ph-go{border-color:var(--ph-dark);color:var(--ph-light);background:var(--ph-dark)}.studio.is-mobile[data-phone] .ph-foot{right:var(--ph-edge);bottom:var(--ph-edge);left:var(--ph-edge);justify-content:flex-end;display:flex;position:absolute}.studio.is-mobile[data-phone] .ph-buttons{gap:var(--ph-gap);display:flex}.studio.is-mobile[data-phone=portrait] .ph-buttons{flex:auto}.studio.is-mobile[data-phone=portrait] .ph-buttons>.ph-plate{flex:1 1 0;padding:0 4px}.studio.is-mobile[data-phone=landscape] .ph-buttons>.ph-plate{height:var(--ph-row-side);padding:0 10px}.studio.is-mobile[data-phone=landscape] .spread-ruler{top:auto;right:auto;bottom:var(--ph-edge);left:var(--ph-edge);width:calc(100% - var(--ph-edge) * 2 - var(--ph-buttons,0px) - var(--ph-gap));height:var(--ph-row-side);transform:none}.studio.is-mobile[data-phone] :is(.frame-top,.frame-plates,.frame-ratios,.region-corner,.region-edge,.region-close){display:none}.studio.is-mobile[data-phone] .ph-progress{right:var(--ph-edge);bottom:calc(var(--ph-edge) + var(--ph-row) + 10px);left:var(--ph-edge);background:var(--ph-track);border-radius:2px;height:4px;position:absolute}.studio.is-mobile[data-phone] .ph-progress>i{background:var(--ph-accent);border-radius:2px;height:100%;display:block}.studio.is-mobile[data-phone] .ph-motion~.ph-progress-preview{bottom:calc(var(--ph-edge) + var(--ph-row) * 3 + var(--ph-u,1px) * 6 + 8px)}.studio.is-mobile[data-phone] .ph-progress-preview>i{width:0;animation:linear infinite ph-preview-run}@keyframes ph-preview-run{0%{width:0}to{width:100%}}.studio.is-mobile[data-phone] .frame-mask.region{outline-color:var(--ph-accent)}.studio.is-mobile[data-phone] .ph-pick{position:relative;overflow:hidden}.studio.is-mobile[data-phone] .ph-pick>input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.studio.is-mobile[data-phone] .ph-plate.ph-plate-line.active{border-color:var(--ph-accent);color:var(--ph-accent)}.studio.is-mobile[data-phone] .ph-upload svg{width:calc(25 * var(--ph-u,.6px));height:calc(25 * var(--ph-u,.6px));stroke-width:2.2px;flex:none}.studio.is-mobile[data-phone] .stage-brand{top:var(--ph-edge);left:var(--ph-edge);box-sizing:border-box;height:var(--ph-row);border:1px solid var(--ph-light);border-radius:calc(var(--ph-row) / 2);color:var(--ph-light);font:var(--ph-type);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px 0 9px;display:inline-flex;position:fixed}.studio.is-mobile[data-phone=portrait] .stage-brand{width:calc(286 * var(--ph-u));padding:0 calc(20 * var(--ph-u));justify-content:center}.studio.is-mobile .stage-brand>canvas{color:#fafafa;flex:none}.studio.is-mobile[data-phone] .stage-brand>canvas{display:block}.studio.is-mobile[data-phone] .stage-brand>span{text-overflow:clip;overflow:visible}.studio.is-mobile[data-phone=landscape] .stage-brand{height:var(--ph-row-side)}.studio.is-mobile[data-phone] :is(.ph-plate,.ph-card)>span{line-height:inherit}.studio.is-mobile[data-phone] .ph-row-extra{height:auto;min-height:var(--ph-row);padding-top:6px;padding-bottom:6px}.studio.is-mobile[data-phone] .ph-copy-options{flex:1 0 100%;padding:4px 0}.studio.is-mobile[data-phone] .ph-copy-options p{font:inherit;margin:4px 0}