.film-eyedropper{pointer-events:none;will-change:transform, opacity;width:212px;height:212px}.film-eyedropper svg{width:100%;height:100%;display:block;overflow:visible}.film-eyedropper__cast{fill:#000}.film-eyedropper__cast--far{opacity:.14}.film-eyedropper__cast--near{opacity:.2}.film-eyedropper__contact{fill:#000;opacity:.3}.film-eyedropper__halo{fill:none;stroke:#fff;stroke-width:3.6px;stroke-linejoin:round}.film-eyedropper__bulb{fill:url(#film-ed-rubber)}.film-eyedropper__bulb-light{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;opacity:.14}.film-eyedropper__bulb-dome{fill:#fff;opacity:.1}.film-eyedropper__bulb-rim{fill:none;stroke:#0009;stroke-width:1.1px;stroke-linejoin:round}.film-eyedropper__glass{fill:#d6dbe461}.film-eyedropper__sample{fill:var(--primary)}.film-eyedropper__meniscus{fill:#fff;opacity:.26}.film-eyedropper__light{fill:url(#film-ed-glass-light)}.film-eyedropper__shine{fill:none;stroke:#fff;stroke-width:1px;stroke-linecap:round;opacity:.9}.film-eyedropper__shine--tip{stroke-width:.8px;opacity:.7}.film-eyedropper__rim{fill:none;stroke:#101012d1;stroke-width:1.3px;stroke-linejoin:round}.film-eyedropper__collar{fill:url(#film-ed-steel)}.film-eyedropper__bevel{fill:none;stroke-width:.8px;stroke-linecap:round}.film-eyedropper__bevel--top{stroke:#ffffff8c}.film-eyedropper__bevel--bottom{stroke:#00000059}.film-eyedropper__collar-rim{fill:none;stroke:#101012b3;stroke-width:1.1px}.film-ramp--apron .film-band:first-child:before,.film-ramp--apron .film-band:last-child:after{content:"";background:inherit;width:1000px;position:absolute;top:0;bottom:0}.film-ramp--apron .film-band:first-child:before{right:100%}.film-ramp--apron .film-band:last-child:after{left:100%}.film-ramp--apron.film-ramp--column .film-band:first-child:before,.film-ramp--apron.film-ramp--column .film-band:last-child:after{width:auto;height:1000px;inset:auto 0}.film-ramp--apron.film-ramp--column .film-band:first-child:before{bottom:100%}.film-ramp--apron.film-ramp--column .film-band:last-child:after{top:100%}.film[data-frame=square] .film-band__step{font-size:30px;bottom:64px}.film[data-frame=square] .film-band__ring{width:80px;height:80px;margin:-40px 0 0 -40px}.film[data-frame=square] .film-hex-tag{padding:12px 20px;font-size:34px}.film[data-frame=square] .film-palette-name{font-size:32px}.film-callout{pointer-events:none;will-change:transform, opacity;width:1920px;height:1080px}.film-callout>*{position:absolute;top:0;left:0}.film-callout__svg,.film-anat-guides{fill:none;overflow:visible}.film-callout__line{stroke:var(--muted-foreground);stroke-width:1.5px}.film-callout__dot{fill:var(--foreground);stroke:var(--card);stroke-width:3px}.film-callout__dot.is-on-fill{fill:var(--primary-foreground);stroke:var(--primary)}.film-callout__dot.is-end{fill:var(--muted-foreground);stroke:none}.film-callout__mark{stroke:var(--foreground);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.film-callout__mark.is-on-fill{stroke:var(--primary-foreground);opacity:.75}.film-callout__tag{background:var(--card);height:48px;box-shadow:0 0 0 1px var(--border), 0 8px 24px -10px #00000038;font-family:var(--film-font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:14px;margin:0;padding:0 20px;font-size:24px;line-height:1;display:inline-flex}.film-callout__tag>*{position:static}.film-callout__name{color:var(--foreground);font-weight:600}.film-callout__value{color:var(--muted-foreground);font-weight:500}.film-callout__swatch{background:var(--primary);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--film-hairline);border-radius:50%;flex:none}.film-anat-surface{background:var(--card)}.film-anat-shadow{box-shadow:0 2px 6px #00000014,0 36px 64px -28px #00000061}.film-anat-guides .is-dashed{stroke-dasharray:4 6}.film-anat-bone-line{fill:none;stroke:var(--muted-foreground);stroke-width:1.5px;stroke-dasharray:5 6;opacity:.7}.film-anat-bar{background:var(--muted);border-radius:7px;display:block}.film-anat-text{font-family:var(--font-sans);white-space:nowrap;color:var(--muted-foreground);margin:0;font-size:28px;font-weight:400;line-height:1}.film-anat-switch{background:var(--input);border-radius:24px;width:88px;height:48px}.film-anat-switch__on,.film-anat-switch__knob{display:block;position:absolute}.film-anat-switch__on{background:var(--primary);border-radius:24px;inset:0}.film-anat-switch__knob{background:var(--background);border-radius:50%;width:40px;height:40px;top:4px;left:4px;box-shadow:0 2px 6px #0000002e}.film[data-frame=portrait] .film-callout__tag{border-radius:22px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:8px 12px;height:auto;padding:16px 22px;font-size:34px;display:inline-grid}.film[data-frame=portrait] .film-callout__value{grid-column:1/-1;font-size:32px}.film[data-frame=portrait] .film-callout__swatch{width:24px;height:24px}.film[data-frame=portrait] .film-callout__line{stroke-width:2.5px;stroke-linejoin:round}.film[data-frame=square] .film-callout__tag{border-radius:22px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:8px 12px;height:auto;padding:16px 22px;font-size:34px;display:inline-grid}.film[data-frame=square] .film-callout__value{grid-column:1/-1;font-size:32px}.film[data-frame=square] .film-callout__swatch{width:24px;height:24px}.film[data-frame=square] .film-callout__line{stroke-width:2.5px;stroke-linejoin:round}.film[data-frame=square] .film-anat-text{font-size:21px}.film[data-frame=square] .film-anat-switch,.film[data-frame=square] .film-anat-switch__on{border-radius:18px}.film[data-frame=square] .film-anat-switch{width:66px;height:36px}.film[data-frame=square] .film-anat-switch__knob{width:30px;height:30px;top:3px;left:3px}.film[data-frame=square] .film-callout[data-decision=typeface] .film-callout__tag{box-sizing:border-box;max-width:260px}.film[data-frame=square] .film-callout[data-decision=typeface] .film-callout__value{white-space:normal;overflow-wrap:anywhere}.film[data-frame=square] .film-job{gap:26px;height:66px}.film[data-frame=square] .film-job__swatch{width:54px;height:54px}.film[data-frame=square] .film-job__swatch--font{font-size:26px}.film[data-frame=square] .film-job__name{width:260px;font-size:40px}.film[data-frame=square] .film-job__tag{gap:12px;height:56px;padding:0 24px 0 18px;font-size:32px}.film[data-frame=square] .film-job__tag .film-tag__dot{width:18px;height:18px}.film[data-frame=square] .film-job__tag.is-code{gap:0;padding:0}.film-file,.film-jobs{--tok-keyword:var(--red-600);--tok-string:var(--green-700);--tok-function:var(--primary-text);--tok-constant:var(--amber-700);--tok-punctuation:var(--muted-foreground)}.film[data-mode=dark] .film-file,.film[data-mode=dark] .film-jobs{--tok-keyword:var(--red-400);--tok-string:var(--green-400);--tok-constant:var(--amber-300)}:where(.film-file,.film-jobs) .film-tok--keyword{color:var(--tok-keyword)}:where(.film-file,.film-jobs) .film-tok--string,:where(.film-file,.film-jobs) .film-tok--string-expression{color:var(--tok-string)}:where(.film-file,.film-jobs) .film-tok--constant{color:var(--tok-constant)}:where(.film-file,.film-jobs) .film-tok--punctuation{color:var(--tok-punctuation)}.film-file{background:var(--card);width:1120px;height:580px;box-shadow:0 0 0 1px var(--border), 0 40px 80px -40px #00000052, 0 16px 32px -24px #00000029;will-change:transform, opacity;border-radius:16px}.film-file>*{position:absolute;top:0;left:0}.film-file>.film-jobs{inset:0}.film-file>.film-file__bar{border-bottom:1px solid var(--border);background:var(--muted);border-radius:16px 16px 0 0;justify-content:center;align-items:center;display:flex;right:0}.film-file__lights{gap:9px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.film-file__lights i{background:#ff5f57;border-radius:50%;width:14px;height:14px;display:block;box-shadow:inset 0 0 0 1px #00000014}.film-file__lights i:nth-child(2){background:#febc2e}.film-file__lights i:nth-child(3){background:#28c840}.film-file__tab{font-family:var(--film-font-sans);letter-spacing:-.01em;white-space:nowrap;color:var(--foreground);align-items:center;gap:10px;font-size:22px;font-weight:500;display:flex}.film-file__icon{font-family:var(--film-font-mono);letter-spacing:-.06em;color:var(--tok-constant);font-size:.82em;font-weight:700}.film-file__chip{height:34px;box-shadow:0 0 0 1px var(--border);padding:0 14px;font-weight:500}.film-file__line,.film-file__typed,.film-file__measure{font-family:var(--film-font-mono);white-space:pre;color:var(--foreground);font-weight:450}.film-file__no{font-family:var(--film-font-mono);text-align:right;color:var(--muted-foreground);opacity:.6;font-weight:450}.film-file__guide{background:var(--border);width:1px}.film-file__fold{background:var(--muted);color:var(--muted-foreground);border-radius:.25em;padding:0 .2em;line-height:1.25;display:inline-block}.film-file__chevron:before{aspect-ratio:1;border-right:2px solid var(--muted-foreground);border-bottom:2px solid var(--muted-foreground);content:"";width:40%;position:absolute;top:50%;left:50%;transform:translate(-70%,-50%)rotate(-45deg)}.film-job__tag.is-code{box-shadow:none;background:0 0;gap:0;padding:0}.film-job__tag.is-code .film-tag__dot{display:none}.film-job__tag.is-json,.film-job__name.is-json{font-weight:450}.film-file__typed{align-items:center;height:1em;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.film-file__caret{background:var(--foreground);flex:none;width:2px;height:1.3em;margin-left:1px;display:inline-block}.film-file__measure{visibility:hidden;line-height:1}.film[data-frame=portrait] .film-file{border-radius:24px}.film[data-frame=portrait] .film-file>.film-file__bar{border-radius:24px 24px 0 0}.film[data-frame=portrait] .film-file__lights{gap:12px;left:26px}.film[data-frame=portrait] .film-file__lights i{width:18px;height:18px}.film[data-frame=portrait] .film-file__tab{gap:12px;font-size:30px}.film[data-frame=portrait] .film-file__chip{height:42px;padding:0 16px;font-size:22px}.film[data-frame=portrait] .film-file__caret{width:3px}.film[data-frame=portrait] .film-job__tag.is-code{gap:0;padding:0}.film[data-frame=square] .film-file__tab{font-size:24px}.film[data-frame=square] .film-file__chip{height:34px;padding:0 14px;font-size:18px}.film-handoff{--tok-keyword:var(--red-600);--tok-string:var(--green-700);--tok-function:var(--primary-text);--tok-constant:var(--amber-700);--tok-punctuation:var(--muted-foreground);--film-select:var(--blue-500);--film-peer:var(--green-600);--film-added:var(--green-700);inset:0}.film[data-mode=dark] .film-handoff{--tok-keyword:var(--red-400);--tok-string:var(--green-400);--tok-constant:var(--amber-300);--film-peer:var(--green-400);--film-added:var(--green-400)}.film-handoff>*,.film-handoff__row>*{position:absolute;top:0;left:0}.film-handoff__row{will-change:transform}.film-window{--win-w:1500px;--win-h:550px;--card-w:320px;--code-size:19px;--code-line:26px;box-sizing:border-box;width:var(--win-w);height:var(--win-h);background:var(--card);box-shadow:0 0 0 1px var(--border), 0 48px 96px -48px #00000057, 0 20px 40px -28px #0000002e;font-family:var(--film-font-sans);color:var(--foreground);will-change:transform, opacity;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.film-window__bar{border-bottom:1px solid var(--border);background:var(--muted);flex:none;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.film-window__lights{gap:8px;display:flex;position:absolute;top:14px;left:16px}.film-window__lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #00000014}.film-window__lights i:nth-child(2){background:#febc2e}.film-window__lights i:nth-child(3){background:#28c840}.film-window__title{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:500}.film-design__pane-head{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;height:36px;color:var(--muted-foreground);padding:0 14px;font-size:12px;font-weight:600;line-height:36px}.film-design__glyph{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.film-design__tools{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;height:44px;padding:0 14px 0 10px;display:flex}.film-design__tool{width:32px;height:32px;color:var(--muted-foreground);border-radius:8px;place-items:center;display:grid}.film-design__tool.is-active{background:var(--primary);color:var(--primary-foreground)}.film-design__avatars{margin-left:auto;display:inline-flex}.film-design__avatar{background:var(--film-peer);width:26px;height:26px;box-shadow:0 0 0 2px var(--card);color:#fff;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:600;display:grid}.film-design__avatar+.film-design__avatar{background:var(--amber-600);margin-left:-6px}.film-design__share{background:var(--primary);height:28px;color:var(--primary-foreground);border-radius:7px;margin-left:14px;padding:0 14px;font-size:13px;font-weight:600;line-height:28px}.film-design__zoom{color:var(--muted-foreground);margin-left:14px;font-size:13px;font-weight:500}.film-design__body{flex:auto;min-height:0;display:flex}.film-design__layers{border-right:1px solid var(--border);flex:none;width:240px}.film-design__layer{white-space:nowrap;height:28px;color:var(--foreground);align-items:center;gap:8px;padding-right:10px;font-size:14px;font-weight:500;display:flex}.film-design__layer span{text-overflow:ellipsis;min-width:0;overflow:hidden}.film-design__layer .film-design__glyph{width:15px;height:15px;color:var(--muted-foreground)}.film-design__layer.is-selected{background:color-mix(in oklab, var(--film-select) 14%, transparent)}.film-design__canvas{background:color-mix(in oklab, var(--muted) 60%, var(--background));flex:auto;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.film-design__artboard{position:relative}.film-design__frame-name{white-space:nowrap;color:var(--muted-foreground);font-size:13px;font-weight:500;position:absolute;top:-24px;left:0}.film-design__frame,.film-agent__result{box-sizing:border-box;width:var(--card-w);border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--border);font-family:var(--font-sans);color:var(--card-foreground);flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.film-design__plan{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:13px;font-weight:600;line-height:1}.film-design__price{align-items:baseline;gap:6px;line-height:1;display:flex}.film-design__price b{letter-spacing:-.03em;color:var(--primary-text);font-size:46px;font-weight:600}.film-design__price span{color:var(--muted-foreground);font-size:15px}.film-design__feature{white-space:nowrap;align-items:center;gap:8px;font-size:15px;line-height:1;display:flex}.film-design__feature .ds-icon{width:15px;height:15px;color:var(--primary-text);flex:none}.film-design__button{border-radius:var(--radius-md);background:var(--muted);height:44px;color:var(--muted-foreground);place-items:center;margin-top:8px;font-size:15px;font-weight:500;line-height:1;display:grid}.film-design__button.is-filled{background:var(--primary);color:var(--primary-foreground)}.film-design__selection{box-sizing:border-box;border:2px solid var(--film-select);will-change:transform, opacity;position:absolute}.film-design__selection i{border:1.5px solid var(--film-select);background:#fff;width:9px;height:9px;position:absolute}.film-design__selection i:first-child{top:-6px;left:-6px}.film-design__selection i:nth-child(2){top:-6px;right:-6px}.film-design__selection i:nth-child(3){bottom:-6px;left:-6px}.film-design__selection i:nth-child(4){bottom:-6px;right:-6px}.film-design__size{background:var(--film-select);white-space:nowrap;color:#fff;border-radius:4px;padding:4px 7px;font-size:12px;font-weight:500;line-height:1;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.film-design__peer{color:var(--film-peer);will-change:transform, opacity;display:block;position:absolute;top:0;left:0}.film-design__peer-arrow{fill:currentColor;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000040);width:18px;height:25px;display:block;overflow:visible}.film-design__peer-name{background:var(--film-peer);white-space:nowrap;color:#fff;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:600;line-height:1;position:absolute;top:22px;left:16px}.film-design .film-cursor{position:absolute;top:0;left:0}.film-design__panel{box-sizing:border-box;border-left:1px solid var(--border);flex-direction:column;flex:none;width:340px;display:flex}.film-design__tabs{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:18px;height:36px;padding:0 16px;display:flex}.film-design__tab{color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:36px}.film-design__tab.is-active{box-shadow:inset 0 -2px 0 var(--foreground);color:var(--foreground)}.film-design__props{padding:10px 16px 0}.film-design__selected{font-size:15px;font-weight:600;line-height:26px}.film-design__prop{align-items:center;gap:10px;height:30px;display:flex}.film-design__prop-name{width:58px;color:var(--muted-foreground);font-size:13px;font-weight:500}.film-design__dim{height:26px;box-shadow:0 0 0 1px var(--border);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.film-design__dim-key{color:var(--muted-foreground)}.film-design__token{background:var(--muted);height:26px;font-family:var(--film-font-mono);will-change:transform, opacity;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.film-design__token-swatch{background:var(--primary);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--film-hairline);border-radius:4px;display:block}.film-design__rule{background:var(--border);border:0;height:1px;margin:10px 16px}.film-tool--variables{padding:0 16px}.film-tool__titlerow{justify-content:space-between;align-items:center;height:30px;display:flex}.film-tool__title{white-space:nowrap;font-size:16px;font-weight:600;line-height:1}.film-tool__chips{gap:6px;display:inline-flex}.film-tool__chip{height:24px;box-shadow:0 0 0 1px var(--border);font-family:var(--film-font-sans);color:var(--muted-foreground);background:0 0;padding:0 9px;font-size:12px;font-weight:500}.film-tool__chip.is-lit{background:var(--primary);box-shadow:none;color:var(--primary-foreground)}.film-tool__head,.film-tool__row{white-space:nowrap;align-items:center;display:flex}.film-tool__head{height:24px;color:var(--muted-foreground);margin-top:2px;font-size:12px;font-weight:500}.film-tool__row{height:26px;font-family:var(--film-font-mono);font-size:15px;font-weight:500}.film-tool__row.is-lit{background:color-mix(in oklab, var(--film-select) 12%, transparent);border-radius:6px;margin:0 -8px;padding:0 8px}.film-tool__name{flex:1 1 0;min-width:0}.film-tool__cell{will-change:transform, opacity;flex:none;align-items:center;gap:6px;width:94px;line-height:1;display:inline-flex;overflow:hidden}.film-tool__value{text-overflow:ellipsis;min-width:0;overflow:hidden}.film-tool__swatch{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--film-hairline);border-radius:4px;flex:none;display:block}.film-handoff__fly{height:20px;font-family:var(--film-font-mono);white-space:nowrap;color:var(--foreground);will-change:transform, opacity;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.film-handoff__fly .film-tag__dot{width:10px;height:10px}.film-ide__centre{background:var(--background);width:320px;height:26px;box-shadow:0 0 0 1px var(--border);color:var(--muted-foreground);border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.film-ide__centre .ds-icon{width:13px;height:13px}.film-ide__body{flex:auto;min-height:0;display:flex}.film-ide__activity{border-right:1px solid var(--border);background:var(--muted);flex-direction:column;flex:none;align-items:stretch;width:48px;display:flex}.film-ide__activity-item{height:46px;color:var(--muted-foreground);opacity:.7;place-items:center;display:grid;position:relative}.film-ide__activity-item .film-design__glyph,.film-ide__activity-item .ds-icon{width:22px;height:22px}.film-ide__activity-item.is-active{box-shadow:inset 2px 0 0 var(--foreground);color:var(--foreground);opacity:1}.film-ide__activity-spacer{flex:auto}.film-ide__tree{border-right:1px solid var(--border);flex:none;width:230px}.film-ide__project{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;height:24px;padding:0 16px;font-size:11px;font-weight:700;line-height:24px;overflow:hidden}.film-ide__entry{white-space:nowrap;height:26px;color:var(--foreground);align-items:center;gap:7px;font-size:14px;font-weight:500;display:flex}.film-ide__entry span{text-overflow:ellipsis;min-width:0;overflow:hidden}.film-ide__entry .ds-icon,.film-ide__entry .film-design__glyph,.film-ide__tab .film-design__glyph{width:15px;height:15px;color:var(--muted-foreground)}.film-ide__entry--css .film-design__glyph,.film-ide__tab--css .film-design__glyph{color:var(--blue-500)}.film-ide__entry--json .film-design__glyph,.film-ide__tab--json .film-design__glyph{color:var(--amber-600)}.film-ide__entry.is-selected{background:var(--muted)}.film-ide__editor{flex-direction:column;flex:auto;min-width:0;display:flex}.film-ide__tabs{border-bottom:1px solid var(--border);background:var(--muted);flex:none;height:38px;display:flex}.film-ide__tab{border-right:1px solid var(--border);white-space:nowrap;height:38px;color:var(--muted-foreground);align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.film-ide__tab.is-active{background:var(--card);box-shadow:inset 0 2px 0 var(--primary);color:var(--foreground);margin-bottom:-1px}.film-ide__tab-close{width:12px;height:12px;margin-left:2px}.film-ide__crumbs{white-space:nowrap;height:24px;color:var(--muted-foreground);flex:none;align-items:center;gap:5px;padding:0 16px;font-size:12.5px;font-weight:500;display:flex}.film-ide__crumbs .ds-icon{width:12px;height:12px}.film-ide__file{flex:auto;min-height:0;position:relative;overflow:hidden}.film-ide__code{padding:10px 0}.film-ide .film-editor__line,.film-ide .film-editor__code{height:var(--code-line);font-size:var(--code-size);line-height:var(--code-line)}.film-ide .film-editor__no{width:56px;padding-right:20px}.film-ide .film-editor__caret{height:calc(var(--code-line) - 4px)}.film-ide__map{box-sizing:border-box;border-left:1px solid var(--border);background:var(--card);width:96px;padding:12px 10px;position:absolute;top:0;bottom:0;right:0}.film-ide__map-line{white-space:nowrap;will-change:opacity;height:3px;margin-bottom:3px;display:block}.film-ide__map-seg{background:var(--muted-foreground);opacity:.55;vertical-align:top;border-radius:1px;height:3px;margin-right:2px;display:inline-block}.film-ide__map-seg--keyword{background:var(--tok-keyword)}.film-ide__map-seg--string{background:var(--tok-string)}.film-ide__map-seg--function{background:var(--tok-function)}.film-ide__map-seg--constant{background:var(--tok-constant)}.film-ide__map-seg--punctuation{background:var(--tok-punctuation)}.film-ide .film-editor__status{height:26px}.film-ide .film-editor__state{gap:18px;padding:0 14px;font-size:13px}.film-ide__status-item{align-items:center;gap:5px;display:inline-flex}.film-ide__status-item .film-design__glyph{width:14px;height:14px}.film-agent__body{flex:auto;min-height:0;display:flex}.film-agent__threads{border-right:1px solid var(--border);flex:none;width:230px}.film-agent__thread-item{white-space:nowrap;height:30px;color:var(--foreground);border-radius:7px;align-items:center;gap:8px;margin:0 8px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.film-agent__thread-item .ds-icon{width:14px;height:14px;color:var(--muted-foreground)}.film-agent__thread-item.is-selected{background:var(--muted)}.film-agent__chat{flex-direction:column;flex:auto;min-width:0;display:flex}.film-agent__messages{flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 20px 0;display:flex}.film-agent__request{background:var(--muted);max-width:420px;color:var(--foreground);will-change:transform, opacity;border-radius:18px 18px 4px;align-self:flex-end;padding:10px 16px;font-size:17px;font-weight:450;line-height:1.3}.film-agent__answer{flex-direction:column;gap:8px;display:flex}.film-agent__tool{height:24px;font-family:var(--film-font-mono);white-space:nowrap;color:var(--muted-foreground);will-change:transform, opacity;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.film-agent__tool .ds-icon{width:14px;height:14px;color:var(--film-added)}.film-agent__code{box-shadow:0 0 0 1px var(--border);background:var(--card);border-radius:8px;margin-top:2px;overflow:hidden}.film-agent__code-head{border-bottom:1px solid var(--border);background:var(--muted);height:26px;font-family:var(--film-font-mono);color:var(--muted-foreground);align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.film-agent__code-stat{color:var(--film-added)}.film-agent__code .film-editor__line,.film-agent__code .film-editor__code{will-change:transform, opacity;height:24px;font-size:15px;line-height:24px}.film-agent__code .film-editor__line{background:color-mix(in oklab, var(--film-added) 9%, transparent);padding-right:12px}.film-agent__code .film-editor__line:before{width:28px;font-family:var(--film-font-mono);text-align:center;color:var(--film-added);content:"+";display:inline-block}.film-agent__code .film-editor__caret{display:none}.film-agent__composer{height:48px;box-shadow:0 0 0 1px var(--input);background:var(--background);border-radius:14px;flex:none;align-items:center;gap:8px;margin:14px 20px 16px;padding:0 7px 0 16px;display:flex}.film-agent__field{white-space:nowrap;flex:auto;align-items:center;min-width:0;height:100%;font-size:16px;line-height:1;display:flex;position:relative;overflow:hidden}.film-agent__placeholder{color:var(--muted-foreground);position:absolute;left:0}.film-agent__typed{color:var(--foreground)}.film-agent__caret{background:var(--foreground);flex:none;width:2px;height:19px;margin-left:1px;display:inline-block}.film-agent__mode{background:var(--muted);height:28px;color:var(--muted-foreground);border-radius:8px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.film-agent__mode .ds-icon{width:12px;height:12px}.film-agent__send{background:var(--primary);width:34px;height:34px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;display:grid}.film-agent__send .ds-icon{width:16px;height:16px;transform:rotate(-90deg)}.film-agent__preview{border-left:1px solid var(--border);flex-direction:column;flex:none;width:560px;display:flex}.film-agent__preview-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:38px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.film-agent__address{background:var(--muted);height:24px;font-family:var(--film-font-mono);white-space:nowrap;color:var(--muted-foreground);border-radius:6px;flex:auto;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.film-agent__address .ds-icon{width:12px;height:12px}.film-agent__preview-body{background:color-mix(in oklab, var(--muted) 60%, var(--background));flex:auto;place-items:center;min-height:0;display:grid}.film-agent__result{will-change:transform, opacity}.film-handoff__line{background:var(--border);will-change:transform;border-radius:1px;width:2px;display:block}.film-tag--build{padding:0 12px}.film-handoff__who{height:44px;padding:0 18px;font-size:20px}.film[data-frame=portrait] .film-window,.film[data-frame=square] .film-window{--win-w:740px;--card-w:280px;--code-size:18px;--code-line:25px;border-radius:14px}.film[data-frame=portrait] .film-window{--win-h:720px}.film[data-frame=square] .film-window{--win-h:450px}.film[data-frame=portrait] .film-handoff__who{height:64px;padding:0 26px;font-size:34px}.film[data-frame=portrait] .film-tag--build{height:56px;padding:0 22px;font-size:28px}.film[data-frame=square] .film-handoff__who{height:52px;padding:0 22px;font-size:28px}.film[data-frame=square] .film-tag--build{height:44px;padding:0 16px;font-size:22px}.film[data-frame=portrait] .film-design__layers,.film[data-frame=square] .film-design__layers{width:130px}.film[data-frame=portrait] .film-design__panel,.film[data-frame=square] .film-design__panel{width:300px}.film[data-frame=portrait] .film-tool__row,.film[data-frame=square] .film-tool__row,.film[data-frame=portrait] .film-handoff__fly,.film[data-frame=square] .film-handoff__fly{font-size:13px}.film[data-frame=portrait] .film-design__props,.film[data-frame=square] .film-design__props{padding-left:12px;padding-right:12px}.film[data-frame=portrait] .film-design__rule,.film[data-frame=square] .film-design__rule{margin-left:12px;margin-right:12px}.film[data-frame=portrait] .film-tool--variables,.film[data-frame=square] .film-tool--variables{padding:0 12px}.film[data-frame=portrait] .film-design__zoom,.film[data-frame=square] .film-design__zoom,.film[data-frame=square] .film-design__share,.film[data-frame=square] .film-design__tabs,.film[data-frame=square] .film-design__prop--dims{display:none}.film[data-frame=square] .film-design__props{padding-top:8px}.film[data-frame=square] .film-design__rule{margin:8px 16px}.film[data-frame=square] .film-tool__row{height:25px}.film[data-frame=portrait] .film-tool__cell,.film[data-frame=square] .film-tool__cell{width:80px}.film[data-frame=portrait] .film-ide__tree,.film[data-frame=square] .film-ide__tree{width:170px}.film[data-frame=portrait] .film-ide__map,.film[data-frame=square] .film-ide__map{width:56px;padding:10px 6px}.film[data-frame=portrait] .film-ide__centre,.film[data-frame=square] .film-ide__centre{width:240px}.film[data-frame=square] .film-ide__crumbs{display:none}.film[data-frame=square] .film-ide__code{padding:4px 0}.film[data-frame=square] .film-window.film-ide{--code-size:15px;--code-line:21px}.film[data-frame=portrait] .film-agent__threads,.film[data-frame=square] .film-agent__threads{display:none}.film[data-frame=portrait] .film-agent__preview,.film[data-frame=square] .film-agent__preview{width:330px}.film[data-frame=portrait] .film-agent__request,.film[data-frame=square] .film-agent__request{max-width:330px}.film[data-frame=square] .film-agent__messages{gap:10px;padding-top:12px}.film[data-frame=square] .film-agent__composer{margin:10px 16px 12px}.film-orbit__tile{box-sizing:border-box;background:var(--card);width:116px;height:116px;box-shadow:0 0 0 1px var(--border), 0 18px 36px -22px #00000047;will-change:transform, opacity;border-radius:28px}.film-orbit__mark{width:60px;height:60px;position:absolute;top:28px;left:28px}.film-orbit__mark--trace{color:var(--muted-foreground);opacity:.45}.film-orbit__halo{box-sizing:border-box;border:3px solid var(--primary);will-change:transform, opacity;border-radius:38px;width:140px;height:140px}.film-editor{--tok-keyword:var(--red-600);--tok-string:var(--green-700);--tok-function:var(--primary-text);--tok-constant:var(--amber-700);--tok-punctuation:var(--muted-foreground);box-sizing:border-box;width:850px;height:var(--film-editor-h,448px);background:var(--card);box-shadow:0 0 0 1px var(--border), 0 40px 80px -40px #00000052, 0 16px 32px -24px #00000029;font-family:var(--film-font-mono);color:var(--foreground);will-change:transform, opacity;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.film[data-mode=dark] .film-editor{--tok-keyword:var(--red-400);--tok-string:var(--green-400);--tok-constant:var(--amber-300)}.film-editor__bar{border-bottom:1px solid var(--border);background:var(--muted);flex:none;height:52px;position:relative}.film-editor__lights{gap:9px;display:flex;position:absolute;top:19px;left:20px}.film-editor__lights i{background:#ff5f57;border-radius:50%;width:14px;height:14px;display:block;box-shadow:inset 0 0 0 1px #00000014}.film-editor__lights i:nth-child(2){background:#febc2e}.film-editor__lights i:nth-child(3){background:#28c840}.film-editor__titles,.film-editor__body,.film-editor__status{position:relative}.film-editor__titles{height:100%}.film-editor__title{font-family:var(--film-font-sans);letter-spacing:-.01em;white-space:nowrap;color:var(--foreground);justify-content:center;align-items:center;gap:10px;font-size:22px;font-weight:500;display:flex;position:absolute;inset:0}.film-editor__icon{flex:none;width:22px;height:22px}.film-editor__body{flex:auto}.film-editor__file{padding:20px 0;position:absolute;inset:0}.film-editor__line{white-space:pre;align-items:center;height:32px;font-size:22px;font-weight:450;line-height:32px;display:flex}.film-editor__no{text-align:right;width:52px;color:var(--muted-foreground);opacity:.6;flex:none;padding-right:28px}.film-editor__code{align-items:center;height:32px;display:flex}.film-tok--keyword{color:var(--tok-keyword)}.film-tok--string,.film-tok--string-expression{color:var(--tok-string)}.film-tok--function,.film-tok--link{color:var(--tok-function)}.film-tok--constant{color:var(--tok-constant)}.film-tok--punctuation,.film-tok--comment{color:var(--tok-punctuation)}.film-tok--label{background:color-mix(in oklab, var(--primary) 14%, transparent);box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 14%, transparent);border-radius:4px}.film-editor__caret{background:var(--foreground);width:2px;height:28px;margin-left:1px;display:inline-block}.film-editor__status{border-top:1px solid var(--border);background:var(--muted);flex:none;height:36px}.film-editor__state{font-family:var(--film-font-sans);white-space:nowrap;color:var(--muted-foreground);align-items:center;gap:24px;padding:0 20px;font-size:17px;font-weight:500;display:flex;position:absolute;inset:0}.film-editor__spacer{flex:auto}.film-editor__language{color:var(--foreground)}.film[data-frame=portrait] .film-editor{border-radius:22px;width:1000px}.film[data-frame=portrait] .film-editor .film-editor__bar{height:64px}.film[data-frame=portrait] .film-editor .film-editor__lights{gap:11px;top:23px;left:24px}.film[data-frame=portrait] .film-editor .film-editor__lights i{width:18px;height:18px}.film[data-frame=portrait] .film-editor .film-editor__title{gap:12px;font-size:34px}.film[data-frame=portrait] .film-editor .film-editor__icon{width:32px;height:32px}.film[data-frame=portrait] .film-editor .film-editor__file{padding:16px 24px 16px 0}.film[data-frame=portrait] .film-editor .film-editor__line{align-items:flex-start;height:auto;min-height:44px;font-size:34px;line-height:44px}.film[data-frame=portrait] .film-editor .film-editor__no{width:50px;padding-right:26px}.film[data-frame=portrait] .film-editor .film-editor__code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1 1 0;min-width:0;height:auto;display:block}.film[data-frame=portrait] .film-editor .film-editor__caret{vertical-align:-6px;height:38px}.film[data-frame=portrait] .film-editor .film-editor__status{height:48px}.film[data-frame=portrait] .film-editor .film-editor__state{gap:30px;padding:0 24px;font-size:26px}.film[data-frame=square] .film-orbit__tile{border-radius:18px;width:74px;height:74px}.film[data-frame=square] .film-orbit__mark{width:40px;height:40px;top:17px;left:17px}.film[data-frame=square] .film-orbit__halo{border-radius:26px;width:92px;height:92px}.film[data-frame=square] .film-editor{border-radius:20px;width:664px}.film[data-frame=square] .film-editor .film-editor__bar{height:56px}.film[data-frame=square] .film-editor .film-editor__lights{gap:10px;top:20px;left:22px}.film[data-frame=square] .film-editor .film-editor__lights i{width:16px;height:16px}.film[data-frame=square] .film-editor .film-editor__title{gap:10px;font-size:30px}.film[data-frame=square] .film-editor .film-editor__icon{width:28px;height:28px}.film[data-frame=square] .film-editor .film-editor__file{padding:12px 16px 12px 0}.film[data-frame=square] .film-editor .film-editor__line{align-items:flex-start;height:auto;min-height:38px;font-size:28px;line-height:38px}.film[data-frame=square] .film-editor .film-editor__no{width:40px;padding-right:14px}.film[data-frame=square] .film-editor .film-editor__code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1 1 0;min-width:0;height:auto;display:block}.film[data-frame=square] .film-editor .film-editor__caret{vertical-align:-6px;height:32px}.film[data-frame=square] .film-editor .film-editor__status{height:40px}.film[data-frame=square] .film-editor .film-editor__state{gap:22px;padding:0 20px;font-size:22px}.film-iconset{will-change:transform, opacity;width:1152px;height:360px}.film-iconset__surface,.film-iconset__cells{position:absolute;inset:0}.film-iconset__surface{background:var(--background)}.film-iconset__cell{width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--film-hairline);color:var(--foreground);will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.film-iconset__cell .ds-icon{width:40px;height:40px}.film-iconset__lift{width:200px;height:200px;color:var(--foreground);will-change:transform, opacity;position:absolute;top:0;left:0}.film-iconset__lift .ds-icon{width:200px;height:200px}.film-iconset__guides{will-change:transform, opacity;position:absolute;top:0;left:0}.film-iconset__guides .is-grid{stroke-width:1px;opacity:.3}.film-iconset__guides .is-dashed{stroke-dasharray:4 6}.film-illustrations{pointer-events:none;will-change:transform, opacity;inset:0}.film-illustrations,.ds-illustration{--ill-paper:var(--card);--ill-tint-1:var(--primary-100);--ill-tint-2:var(--primary-200);--ill-tint-3:var(--primary-300);--ill-accent:var(--primary);--ill-on-accent:var(--primary-foreground);--ill-line:var(--foreground);--ill-glint:var(--ill-paper);--ill-shadow:#00000012}.film[data-mode=dark] .film-illustrations,.film[data-mode=dark] .ds-illustration{--ill-paper:var(--neutral-800);--ill-tint-1:var(--primary-800);--ill-tint-2:var(--primary-700);--ill-tint-3:var(--primary-600);--ill-glint:var(--ill-tint-3);--ill-shadow:#0006}.film-empty{will-change:transform, opacity;width:300px;position:absolute;top:0;left:0}.film-empty__body{padding:0 var(--card-px);text-align:center;flex-direction:column;align-items:center;gap:.375rem;display:flex}.film-empty .ds-illustration{margin-bottom:.875rem}.film-empty__heading{font:600 1.25rem/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--card-foreground);margin:0}.film-empty__line{font:400 .875rem/1.4 var(--font-sans);color:var(--muted-foreground);margin:0}.film-empty .ds-button{margin-top:1rem}.film[data-frame=portrait] .film-iconset__cell{width:96px;height:96px}.film[data-frame=portrait] .film-iconset__cell .ds-icon{width:52px;height:52px}.film[data-frame=portrait] .film-iconset__lift,.film[data-frame=portrait] .film-iconset__lift .ds-icon{width:320px;height:320px}.film[data-frame=portrait] .film-iconset__tag{gap:14px;height:64px;padding:0 26px;font-size:34px}.film[data-frame=square] .film-iconset__cell{width:76px;height:76px}.film[data-frame=square] .film-iconset__cell .ds-icon{width:44px;height:44px}.film[data-frame=square] .film-iconset__lift,.film[data-frame=square] .film-iconset__lift .ds-icon{width:300px;height:300px}.film[data-frame=square] .film-iconset__tag{gap:12px;height:56px;padding:0 24px;font-size:30px}.film-a11y{inset:0}.film-a11y>*{will-change:transform, opacity;position:absolute;top:0;left:0}.film-a11y-card{box-sizing:border-box;background:var(--card);box-shadow:0 0 0 1px var(--border), 0 24px 48px -28px #00000038}.film-a11y-field .ds-input{width:100%}.film-a11y-pale{--button-bg:var(--neutral-100);--button-fg:var(--neutral-300);--button-bg-hover:var(--neutral-100);--button-shadow:none}.film[data-mode=dark] .film-a11y-pale{--button-bg:var(--neutral-800);--button-fg:var(--neutral-700);--button-bg-hover:var(--neutral-800)}.film-a11y-mark{font-family:var(--film-font-mono);white-space:nowrap;color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:24px;font-weight:500;line-height:1;display:flex}.film-a11y-mark__disc{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.film-a11y-mark__disc .ds-icon{stroke-width:3px;width:28px;height:28px}.film-a11y-mark--good .film-a11y-mark__disc{background:var(--green-600)}.film-a11y-mark--bad .film-a11y-mark__disc{background:var(--destructive);color:var(--destructive-foreground)}.film-a11y-chip{background:var(--card);height:52px;box-shadow:0 0 0 1px var(--border);color:var(--muted-foreground);font-family:var(--film-font-mono);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:26px;font-weight:500;line-height:1;display:inline-flex}.film-a11y-card .film-a11y-chip{margin-top:-26px;position:absolute;top:0;left:auto}.film-a11y-chip__value{color:var(--foreground);text-align:right;font-weight:700}.film-a11y-error{color:var(--destructive);font:500 .875rem/1.25rem var(--font-sans);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.film-a11y-error .ds-icon{stroke-width:2px;flex:none}.film[data-frame=portrait] .film-a11y-mark{gap:18px;font-size:34px}.film[data-frame=portrait] .film-a11y-mark__disc{width:64px;height:64px}.film[data-frame=portrait] .film-a11y-mark__disc .ds-icon{width:36px;height:36px}.film[data-frame=portrait] .film-a11y-card .film-a11y-chip{height:56px;margin-top:-28px;padding:0 22px;font-size:30px}.film[data-frame=square] .film-a11y-mark{gap:16px;font-size:30px}.film[data-frame=square] .film-a11y-mark__disc{width:56px;height:56px}.film[data-frame=square] .film-a11y-mark__disc .ds-icon{width:32px;height:32px}.film[data-frame=square] .film-a11y-card .film-a11y-chip{height:48px;margin-top:-24px;padding:0 18px;font-size:24px}.film-docs{inset:0}.film-docs>*{position:absolute;top:0;left:0}.film-docs-window{box-sizing:border-box;background:var(--background);box-shadow:0 0 0 1px var(--border), 0 40px 80px -40px #00000052, 0 16px 32px -24px #00000029;color:var(--foreground);font-family:var(--font-sans);will-change:transform, opacity;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.film-docs-bar{border-bottom:1px solid var(--border);background:var(--muted);flex:none;justify-content:center;align-items:center;height:36px;display:flex;position:relative}.film-docs-bar__lights{gap:7px;display:flex;position:absolute;top:12px;left:14px}.film-docs-bar__lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px;display:block;box-shadow:inset 0 0 0 1px #00000014}.film-docs-bar__lights i:nth-child(2){background:#febc2e}.film-docs-bar__lights i:nth-child(3){background:#28c840}.film-docs-bar__url{background:var(--background);height:22px;box-shadow:0 0 0 1px var(--border);color:var(--muted-foreground);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:inline-flex}.film-docs-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:28px;height:48px;padding:0 20px;display:flex}.film-docs-nav{color:var(--muted-foreground);gap:20px;font-size:14px;font-weight:500;display:flex}.film-docs-nav .is-current{color:var(--foreground)}.film-docs-search{box-sizing:border-box;border-radius:var(--radius-md);width:220px;height:30px;box-shadow:0 0 0 1px var(--border);color:var(--muted-foreground);align-items:center;gap:8px;margin-left:auto;padding:0 6px 0 10px;font-size:13px;display:inline-flex}.film-docs-search .ds-kbd{margin-left:auto}.film-docs-body{flex:1;min-height:0;display:flex}.film-docs-side{box-sizing:border-box;border-right:1px solid var(--border);flex:none;width:200px;padding:18px 12px;overflow:hidden}.film-docs-side__head{letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);padding:0 10px 8px;font-size:12px;font-weight:600}.film-docs-side__item{border-radius:var(--radius-md);white-space:nowrap;color:var(--muted-foreground);padding:0 10px;font-size:15px;line-height:30px}.film-docs-side__item.is-active{background:var(--accent);color:var(--accent-foreground);font-weight:600}.film-docs-main{flex:1;min-width:0;position:relative;overflow:hidden}.film-docs-toc{width:128px;color:var(--muted-foreground);font-size:13px;position:absolute;top:30px;right:18px}.film-docs-toc__head{color:var(--foreground);margin-bottom:8px;font-weight:600}.film-docs-toc__item{box-shadow:inset 2px 0 0 var(--border);padding-left:12px;line-height:26px}.film-docs-toc__item.is-current{box-shadow:inset 2px 0 0 var(--foreground);color:var(--foreground);font-weight:500}.film-docs-scroll{box-sizing:border-box;will-change:transform;max-width:690px;padding:28px 40px 40px 44px;position:relative}.film-docs-section+.film-docs-section{margin-top:40px}.film-docs-title h1{letter-spacing:-.03em;margin:10px 0 6px;font-size:34px;font-weight:700;line-height:1.1}.film-docs-lead{color:var(--muted-foreground);margin:0;font-size:16px}.film-docs-section h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:650}.film-docs-demo{margin-top:22px}.film-docs-tabs{color:var(--muted-foreground);gap:18px;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.film-docs-tabs .is-current{box-shadow:inset 0 -2px 0 var(--foreground);color:var(--foreground);padding-bottom:6px}.film-docs-preview{border-radius:var(--radius-lg);height:170px;box-shadow:0 0 0 1px var(--border);place-items:center;display:grid}.film-docs-preview__live{transform:scale(1.8)}.film-docs-rules{grid-template-columns:1fr 1fr;gap:18px;display:grid}.film-docs-rule{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--border);overflow:hidden}.film-docs-rule__demo{background:var(--muted);justify-content:center;align-items:center;gap:10px;height:110px;display:flex}.film-docs-rule__foot{border-top:3px solid var(--green-600);padding:12px 16px 14px}.film-docs-rule--dont .film-docs-rule__foot{border-top-color:var(--destructive)}.film-docs-rule__verdict{color:var(--green-700);align-items:center;gap:8px;font-size:16px;display:flex}.film-docs-rule--dont .film-docs-rule__verdict{color:var(--destructive)}.film-docs-rule__disc{background:var(--green-600);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.film-docs-rule--dont .film-docs-rule__disc{background:var(--destructive);color:var(--destructive-foreground)}.film-docs-rule__disc .ds-icon{stroke-width:3px;width:15px;height:15px}.film-docs-rule__foot p{color:var(--muted-foreground);margin:6px 0 0;font-size:14px}.film[data-mode=dark] .film-docs-rule--do .film-docs-rule__verdict{color:var(--green-400)}.film-docs-code{--tok-keyword:var(--red-600);--tok-string:var(--green-700);--tok-function:var(--primary-text);--tok-constant:var(--amber-700);--tok-punctuation:var(--muted-foreground);border-radius:var(--radius-lg);background:var(--muted);box-shadow:0 0 0 1px var(--border);font-family:var(--film-font-mono);margin-bottom:28px;padding:14px 40px 14px 18px;font-size:14px;position:relative}.film[data-mode=dark] .film-docs-code{--tok-keyword:var(--red-400);--tok-string:var(--green-400);--tok-constant:var(--amber-300)}.film-docs-code .film-editor__line{white-space:pre;height:24px;font-size:14px;font-weight:450;line-height:24px;overflow-x:clip}.film-docs-code .film-editor__code{height:24px}.film-docs-code .film-editor__caret{display:none}.film-docs-code__copy{color:var(--muted-foreground);position:absolute;top:12px;right:12px}.film-docs-mono{font-family:var(--film-font-mono);font-size:13px}.film-docs .ds-table td,.film-docs .ds-table th{font-size:14px}.film[data-frame=portrait] .film-docs-toc,.film[data-frame=square] .film-docs-toc{display:none}.film[data-frame=portrait] .film-docs-side{width:150px}.film[data-frame=portrait] .film-docs-nav{display:none}.film[data-frame=portrait] .film-docs-search{width:180px}.film[data-frame=portrait] .film-docs-scroll{padding:24px 20px 32px}.film[data-frame=portrait] .film-docs-rules{grid-template-columns:1fr}.film[data-frame=portrait] .film-docs-preview{height:300px}.film[data-frame=portrait] .film-docs-mono{font-size:12px}.film[data-frame=portrait] .film-docs .ds-table td,.film[data-frame=portrait] .film-docs .ds-table th{padding-left:12px;padding-right:8px}.film[data-frame=square] .film-docs-side{width:180px}.film[data-frame=square] .film-docs-scroll{padding:24px 32px 36px}.film[data-frame=square] .film-docs-preview{height:230px}.film[data-frame=square] .film-mat__tag{height:56px;padding:0 18px;font-size:30px}.film-twin{will-change:opacity;position:absolute;top:0;left:0}.film-template__label,.film-twin__label{background:var(--background);font:500 var(--film-label-size,44px) / 1 var(--film-font-mono);letter-spacing:-.02em;white-space:nowrap;color:var(--muted-foreground);will-change:opacity;border-radius:.2em;padding:.1em .3em;display:inline-block;position:absolute}.film-twin__label:empty{display:none}.film{--film-bone:var(--neutral-300)}.film[data-mode=dark]{--film-bone:var(--neutral-700)}.film .film-bone{background:var(--film-bone)}.film .film-bone--region{background:color-mix(in oklab, var(--film-bone) 50%, var(--background))}.film[data-frame=portrait] .film-template__tag{height:64px;padding:0 26px;font-size:34px}.film[data-frame=square] .film-template__tag{height:56px;padding:0 24px;font-size:30px}.film-template .ds-frame{box-shadow:none;border-radius:0}.film[data-frame=portrait] .film-product__tag{gap:14px;height:64px;padding:0 26px;font-size:34px}.film[data-frame=square] .film-product__tag{gap:12px;height:52px;padding:0 22px;font-size:28px}.film-phone,.film-tablet,.film-laptop{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.film-device__shell{transform-style:preserve-3d;transform-origin:0 0 0;zoom:.5;position:absolute;top:0;left:0;transform:scale3d(2,2,2)}.film-phone__body,.film-tablet__body,.film-laptop__lid,.film-laptop__keyboard{display:block;position:absolute;top:0;left:0}.film-phone__glare,.film-tablet__glare,.film-laptop__glare{pointer-events:none;background:linear-gradient(112deg,#ffffff14 0%,#ffffff06 20%,#0000 36%);position:absolute}.film-phone__shadow{filter:blur(34px);background:#10101442;border-radius:70px;position:absolute;inset:0;transform:translate3d(0,44px,-52px)scaleX(.92)}.film-phone__contact{filter:blur(8px);background:#10101452;border-radius:50%;width:300px;height:22px;position:absolute;top:859px;left:61px;transform:translateZ(-2px)}.film-phone__side{width:50px;height:736px;position:absolute;top:70px}.film-phone__side--l{transform-origin:100%;background:linear-gradient(#b3aea700 0,#b3aea7 20px,#8f8a84 calc(100% - 20px),#8f8a8400 100%);border-radius:40px 0 0 40px/60px 0 0 60px;right:100%;transform:rotateY(-90deg)}.film-phone__side--r{transform-origin:0;background:linear-gradient(#9a948e00 0,#9a948e 20px,#7a7570 calc(100% - 20px),#7a757000 100%);border-radius:0 40px 40px 0/0 60px 60px 0;left:100%;transform:rotateY(90deg)}.film-phone__btn,.film-tablet__btn{background:#b6b1aa;border-radius:3px;width:34px;position:absolute;left:8px;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #0000002e}.film-phone__screen{background:var(--background);color:var(--foreground);border-radius:55px;position:absolute;inset:16px;overflow:hidden}.film-phone__island{background:radial-gradient(6px at 108px,#1a1a1e,#000 70%);border-radius:18.5px;width:126px;height:37px;margin-left:-63px;position:absolute;top:11px;left:50%;box-shadow:inset 0 2px #ffffff0f}.film-phone__glare{border-radius:64px;inset:6px}.film-phone--black .film-phone__band-1{stop-color:#4a484a}.film-phone--black .film-phone__band-2{stop-color:#413e40}.film-phone--black .film-phone__band-3{stop-color:#332f31}.film-phone--black .film-phone__band-4{stop-color:#272426}.film-phone--black .film-phone__band-5{stop-color:#1c1a1c}.film-phone--black .film-phone__rim-1{stop-opacity:.18}.film-phone--black .film-phone__side{background:#2a282a}.film-phone--black .film-phone__btn{background:#3a3739}.film-tablet__shadow{filter:blur(40px);background:#1010143d;border-radius:58px;position:absolute;inset:0;transform:translate3d(0,48px,-35px)scaleX(.94)}.film-tablet__contact{filter:blur(10px);background:#10101447;border-radius:50%;width:800px;height:26px;position:absolute;top:837px;left:156px;transform:translateZ(-2px)}.film-tablet__side{position:absolute}.film-tablet__side--b{transform-origin:50% 0;background:linear-gradient(#9ea1a7,#8f9298);width:996px;height:33px;top:100%;left:58px;transform:rotateX(-90deg);mask-image:linear-gradient(90deg,#0000,#000 58px calc(100% - 58px),#0000)}.film-tablet__side--r{transform-origin:0;background:linear-gradient(90deg,#c2c5cb,#b4b7bd);width:33px;height:740px;top:58px;left:100%;transform:rotateY(90deg);mask-image:linear-gradient(#0000,#000 48px calc(100% - 48px),#0000)}.film-tablet__btn{background:#d6d8dc;width:23px;left:5px;box-shadow:inset 0 1px #fff9,0 0 0 1px #00000024}.film-tablet__screen{background:var(--background);color:var(--foreground);border-radius:18px;position:absolute;inset:44px;overflow:hidden}.film-tablet__glare{border-radius:54px;inset:4px}.film[data-mode=dark] .film-tablet__rim-1,.film[data-mode=dark] .film-laptop__rim-1{stop-opacity:.35}.film[data-mode=dark] .film-tablet__rim-2,.film[data-mode=dark] .film-laptop__rim-2{stop-opacity:.18}.film-laptop__deck{transform-origin:50% 0;width:1480px;height:1000px;transform-style:preserve-3d;background:linear-gradient(160deg,#dcdee2 0%,#d6d8dd 55%,#d0d2d7 100%);border-radius:24px 24px 38px 38px;position:absolute;top:984px;left:0;transform:translateZ(-2px)rotateX(74deg)}.film-laptop__floor{filter:blur(36px);background:#10101438;border-radius:80px;width:1590px;height:1076px;position:absolute;top:-40px;left:-20px;transform:translateZ(-55px)}.film-laptop__contact{filter:blur(6px);background:#10101461;width:1480px;height:28px;position:absolute;top:1000px;left:0;transform:translateZ(-55px);mask-image:linear-gradient(90deg,#0000,#000 60px calc(100% - 60px),#0000)}.film-laptop__foot{background:#10101480;width:55px;height:10px;position:absolute;top:0}.film-laptop__foot--l{left:160px}.film-laptop__foot--r{left:1265px}.film-laptop__ao{background:linear-gradient(#00000024,#0000);border-radius:24px 24px 0 0;width:100%;height:48px;position:absolute;top:0;left:0}.film-laptop__grille{background:#d1d3d8;border-radius:8px;width:60px;height:470px;position:absolute;top:46px;box-shadow:inset 0 0 6px #0000000d}.film-laptop__grille--l{left:14px}.film-laptop__grille--r{left:1406px}.film-laptop__keyboard{top:28px;left:86px}.film-laptop__trackpad{background:#d0d2d7;border-radius:14px;width:588px;height:371px;position:absolute;top:574px;left:446px;box-shadow:inset 0 0 0 1.5px #0000001a,inset 0 1px 2px #0000000f}.film-laptop__face{background:linear-gradient(#bcbfc6 0%,#b0b3ba 100%);height:55px;position:absolute;box-shadow:inset 0 2px #ffffffbf,inset 0 -2px #8e9197}.film-laptop__front{transform-origin:50% 0;width:1406px;top:100%;left:37px;transform:rotateX(-90deg)}.film-laptop__corner{transform-origin:0 0}.film-laptop__deckside{width:939px;box-shadow:none;transform-origin:0 0}.film-laptop__deckside--l{background:linear-gradient(90deg,#d2d5da00 0,#d2d5da 24px 100%);top:24px;left:0;transform:rotate(90deg)rotateX(-90deg)}.film-laptop__deckside--r{background:linear-gradient(90deg,#aeb1b8 0 calc(100% - 24px),#aeb1b800 100%);top:963px;left:1480px;transform:rotate(-90deg)rotateX(-90deg)}.film-laptop__lidside{width:19px;height:952px;position:absolute;top:24px;mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000)}.film-laptop__lidside--l{transform-origin:100%;background:#eef0f3;right:100%;transform:rotateY(-90deg)}.film-laptop__lidside--r{transform-origin:0;background:#c6c9cf;left:100%;transform:rotateY(90deg)}.film-laptop__screen{background:var(--background);width:1440px;height:900px;color:var(--foreground);border-radius:12px 12px 0 0;position:absolute;top:20px;left:20px;overflow:hidden}.film-laptop__notch{background:#0b0b0d;border-radius:0 0 10px 10px;width:170px;height:28px;margin-left:-85px;position:absolute;top:0;left:50%}.film-laptop__camera{background:radial-gradient(1px at 2.5px 2.5px,#ffffff80,#0000 2px),#151518;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:10px;left:50%;box-shadow:0 0 0 1px #26272b}.film-laptop__glare{border-radius:20px 20px 0 0;width:1472px;height:960px;top:4px;left:4px}.film-sysbar{box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--background);width:100%;height:28px;color:var(--foreground);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;left:0}.film-sysbar__name{font:600 13px/1 var(--font-sans);letter-spacing:-.01em}.film-sysbar__icons{opacity:.6;align-items:center;gap:12px;display:flex}.film-sysbar__icons .ds-icon{width:13px;height:13px;display:block}.film-sysbar__glyphs{align-items:center;gap:8px;display:flex}.film-sysbar__glyphs svg{fill:currentColor;height:11px;display:block}.film-sysbar__time{font:500 13px/1 var(--font-sans);font-variant-numeric:tabular-nums}.film-statusbar{box-sizing:border-box;width:100%;height:44px;color:var(--foreground);justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:absolute;top:0;left:0}.film-tablet .film-statusbar{height:32px;padding:0 24px}.film-statusbar__time{font:600 17px/1 var(--font-sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.film-tablet .film-statusbar__time{font-size:14px}.film-statusbar__icons{align-items:center;gap:7px;display:flex}.film-statusbar__icons svg{fill:currentColor;height:12px;display:block}.film-tablet__screen>.film-users__landing{box-shadow:none;border-radius:0;position:absolute;left:0}.film[data-frame=portrait] .film-users__tag{gap:12px;height:52px;padding:0 22px;font-size:28px}.film[data-frame=square] .film-users__tag{gap:10px;height:46px;padding:0 20px;font-size:24px}.film-wall,.film-wall__field{pointer-events:none;inset:0}.film-wall__window,.film-wall__bare{border-radius:calc(var(--radius) * 1.2);background:var(--card);width:224px;height:140px;box-shadow:0 0 0 1px var(--border);position:absolute;top:0;left:0;overflow:hidden}.film-wall__window>.ds-frame,.film-wall__window>.ds-window{box-shadow:none;border-radius:0;position:absolute;top:0;left:0}.film-wall__bar{border-bottom:1px solid var(--border);background:var(--muted-half,var(--muted));height:24px;position:absolute;top:0;left:0;right:0}.film-wall__dot{background:var(--border);border-radius:50%;width:8px;height:8px;position:absolute;top:8px}.film-wall__dot:first-child{left:8px}.film-wall__dot:nth-child(2){left:20px}.film-wall__dot:nth-child(3){left:32px}.film-wall__bone{border-radius:var(--radius-md);background:var(--accent);display:block;position:absolute}.film-wall__field>.film-wall__bare{contain:strict}.film[data-frame=square] .film-wall__window{width:184px;height:115px}.film[data-frame=square] .film-wall__field>.film-wall__bare{transform-origin:0 0;transform:scale(.8214)}.film-wall__window--l10n{--film-l10n-brand:var(--font-sans)}.film-wall__window--l10n [lang=ar]{--font-sans:var(--film-l10n-brand), "SF Arabic", "Geeza Pro", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif}.film-wall__window--l10n [lang=ja]{--font-sans:var(--film-l10n-brand), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif}.film-wall__window--l10n [dir=rtl] .ds-split__aside{border-right:0;border-inline-end:1px solid var(--border)}.film-wall__tag{position:absolute;top:0;left:0}.film-wall__tag:lang(ar){font-family:var(--film-font-mono), "SF Arabic", "Geeza Pro", "Noto Sans Arabic", sans-serif}.film-wall__tag:lang(ja){font-family:var(--film-font-mono), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif}.film[data-frame=square] .film-wall__tag{height:30px;padding:0 12px;font-size:14px}.film[data-frame=portrait] .film-chip__label,.film[data-frame=square] .film-chip__label{font-size:34px}.film[data-frame=portrait] .film-close__line,.film[data-frame=square] .film-close__line{font-size:84px}.film[data-frame=portrait] .film-close__url,.film[data-frame=square] .film-close__url{font-size:34px}.film[data-ui="0"] .film-controls,.film[data-ui="0"] .film-customise-toggle,.film[data-ui="0"] .film-customise{display:none}.film-customise-toggle{height:30px;color:var(--muted-foreground);font:500 13px/1 var(--film-font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0 10px}.film-customise-toggle:hover,.film-customise-toggle[aria-expanded=true]{background:color-mix(in oklab, var(--foreground) 8%, transparent);color:var(--foreground)}.film-customise-toggle:focus-visible,.film-customise-close:focus-visible,.film-customise-action:focus-visible,.film-customise input:focus-visible,.film-customise select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.film-customise{--film-field-border:color-mix(in oklab, var(--foreground) 52%, var(--card));z-index:3;box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:304px;max-width:calc(100% - 32px);max-height:calc(100% - 104px);color:var(--card-foreground);font:400 13px/1.3 var(--film-font-sans);will-change:transform, opacity;user-select:text;border-radius:12px;gap:12px;padding:16px;display:grid;position:absolute;bottom:84px;right:24px;overflow-y:auto;box-shadow:0 12px 32px -12px #00000040}.film-customise[hidden]{display:none}.film-customise-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.film-customise-note{color:var(--muted-foreground);margin:-4px 0 0;font-size:12px;line-height:1.35}.film-customise-title{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.film-customise-close{width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.film-customise-close:hover{background:color-mix(in oklab, var(--foreground) 8%, transparent);color:var(--foreground)}.film-customise-close svg{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;width:12px;height:12px}.film-customise-row{border:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin:0;padding:0;display:grid}.film-customise-label{color:var(--muted-foreground);font-size:12px}.film-customise input[type=text],.film-customise input[type=url],.film-customise select{box-sizing:border-box;border:1px solid var(--film-field-border);background:var(--background);width:100%;height:30px;color:var(--foreground);font:inherit;border-radius:8px;margin:0;padding:0 8px}.film-customise select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;padding-right:24px}.film-customise input:disabled,.film-customise select:disabled{opacity:.5}.film-customise-colour{align-items:center;gap:6px;display:flex}.film-customise input[type=color]{box-sizing:border-box;border:1px solid var(--film-field-border);background:var(--background);cursor:pointer;border-radius:8px;flex:none;width:30px;height:30px;margin:0;padding:3px}.film-customise input[type=color]::-webkit-color-swatch-wrapper{padding:0}.film-customise input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.film-customise input[type=color]::-moz-color-swatch{border:0;border-radius:4px}.film-customise .film-customise-hex{min-width:0;font-family:var(--film-font-mono);text-transform:uppercase;flex:1;font-size:12px}.film-customise-auto{min-height:24px;color:var(--muted-foreground);cursor:pointer;flex:none;align-items:center;gap:5px;font-size:12px;display:flex}.film-customise input[type=checkbox]{width:16px;height:16px;accent-color:var(--foreground);margin:0}.film-customise-range{align-items:center;gap:8px;min-width:0;display:flex}.film-customise input[type=range]{width:0;min-width:0;accent-color:var(--foreground);flex:1 1 0;margin:0}.film-customise-value{min-width:8ch;font-family:var(--film-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:var(--muted-foreground);flex:none;font-size:12px}.film-customise-actions{border-top:1px solid var(--border);gap:8px;margin-top:2px;padding-top:12px;display:grid}.film-customise-action-row{align-items:center;gap:10px;display:flex}.film-customise-action{border:1px solid var(--border);background:var(--card);height:30px;color:var(--foreground);font:500 13px/1 var(--film-font-sans);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;padding:0 12px}.film-customise-action:hover{background:color-mix(in oklab, var(--foreground) 6%, var(--card))}.film-customise-action--primary{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.film-customise-action--primary:hover{background:color-mix(in oklab, var(--foreground) 88%, var(--background))}.film-customise-action:disabled{opacity:.5;cursor:default}.film-customise-status{min-width:0;color:var(--muted-foreground);flex:1;font-size:12px;line-height:1.35}.film-customise-row:has(.film-customise-logo-field){align-items:start}.film-customise-row:has(.film-customise-logo-field) .film-customise-label{line-height:30px}.film-customise-logo-field{gap:6px;min-width:0;display:grid}.film-customise-hint{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.35}.film-customise-logo{align-items:center;gap:8px;display:flex}.film-customise-logo[hidden]{display:none}.film-customise-logo-thumb{box-sizing:border-box;border:1px solid var(--border);background:var(--background);object-fit:contain;border-radius:8px;flex:none;width:30px;height:30px;padding:3px}.film-customise .film-customise-share{font-family:var(--film-font-mono);margin-top:2px;font-size:11px}@media (pointer:coarse),(width<=640px),(height<=500px){.film-customise-toggle{height:44px;padding:0 14px;font-size:15px}.film-customise{gap:14px;font-size:15px}.film-customise-title{font-size:16px}.film-customise-note,.film-customise-label,.film-customise-auto,.film-customise-status{font-size:14px}.film-customise-close{width:44px;height:44px;margin:-10px -10px -10px 0}.film-customise-row{grid-template-columns:76px minmax(0,1fr)}.film-customise input[type=text],.film-customise input[type=url],.film-customise select,.film-customise .film-customise-hex{height:44px;font-size:16px}.film-customise input[type=color]{width:44px;height:44px}.film-customise-auto{min-height:44px}.film-customise input[type=checkbox]{width:20px;height:20px}.film-customise input[type=range]{height:44px}.film-customise-action{height:44px;padding:0 16px;font-size:15px}.film-customise .film-customise-share{font-size:13px}}@media (width<=640px){.film-customise{width:auto;max-width:none;max-height:78%;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;bottom:0;left:0;right:0;box-shadow:0 -12px 32px -12px #00000040}}@media (height<=500px) and (width>=641px){.film-customise{width:360px;max-height:none;padding:16px 20px calc(16px + env(safe-area-inset-bottom)) 20px;border-width:0 0 0 1px;border-radius:16px 0 0 16px;top:0;bottom:0;right:0;box-shadow:-12px 0 32px -12px #00000040}}