.FeatureVideos-module__lk-rHW__section{--edge:max(24px, calc((100% - 1760px) / 2));--label:#836c55;--ease:cubic-bezier(.2, .7, .2, 1);padding:0 var(--edge) clamp(96px, 10vw, 168px);color:var(--ink);scroll-margin-top:calc(var(--header-h,92px) + 48px);position:relative}.FeatureVideos-module__lk-rHW__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""figure""list";row-gap:clamp(40px,6vw,64px);display:grid}.FeatureVideos-module__lk-rHW__head{grid-area:head}.FeatureVideos-module__lk-rHW__figure{min-width:0;scroll-margin-top:calc(var(--header-h,92px) + 20px);grid-area:figure;margin:0}.FeatureVideos-module__lk-rHW__list{grid-area:list}.FeatureVideos-module__lk-rHW__eyebrow{font:11px/1.5 var(--font-mono);letter-spacing:.035em;color:var(--label);margin:0 0 22px}.FeatureVideos-module__lk-rHW__title{font:400 clamp(56px, 7vw, 116px) / 1 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.FeatureVideos-module__lk-rHW__title em{color:var(--accent);font-style:italic}.FeatureVideos-module__lk-rHW__intro{max-width:34ch;font:clamp(18px, 1.4vw, 24px) / 1.55 var(--font-text);color:var(--ink-2);text-wrap:pretty;margin:28px 0 0}.FeatureVideos-module__lk-rHW__stage{width:100%;margin-inline:auto;position:relative}.FeatureVideos-module__lk-rHW__stage:before{--m:var(--line);--o:clamp(10px, 1.4vw, 20px);--l:clamp(8px, .9vw, 13px);content:"";inset:calc(var(--o) * -1);pointer-events:none;background:linear-gradient(var(--m), var(--m)) left 0 top var(--o) / var(--l) 1px, linear-gradient(var(--m), var(--m)) left var(--o) top 0 / 1px var(--l), linear-gradient(var(--m), var(--m)) right 0 top var(--o) / var(--l) 1px, linear-gradient(var(--m), var(--m)) right var(--o) top 0 / 1px var(--l), linear-gradient(var(--m), var(--m)) left 0 bottom var(--o) / var(--l) 1px, linear-gradient(var(--m), var(--m)) left var(--o) bottom 0 / 1px var(--l), linear-gradient(var(--m), var(--m)) right 0 bottom var(--o) / var(--l) 1px, linear-gradient(var(--m), var(--m)) right var(--o) bottom 0 / 1px var(--l);background-repeat:no-repeat;position:absolute}.FeatureVideos-module__lk-rHW__slide{animation:FeatureVideos-module__lk-rHW__slide-in .45s var(--ease) both;position:absolute;inset:0}@keyframes FeatureVideos-module__lk-rHW__slide-in{0%{opacity:0}}.FeatureVideos-module__lk-rHW__slide[data-paused] *{animation-play-state:paused!important}.FeatureVideos-module__lk-rHW__clip{object-fit:cover;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.FeatureVideos-module__lk-rHW__canvas{background:#fff;place-items:center;display:grid;position:absolute;inset:0}.FeatureVideos-module__lk-rHW__art{aspect-ratio:4/3;width:66%}.FeatureVideos-module__lk-rHW__caption{margin-top:clamp(22px,2.4vw,34px)}.FeatureVideos-module__lk-rHW__captionBar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex;position:relative}.FeatureVideos-module__lk-rHW__captionProgress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.FeatureVideos-module__lk-rHW__captionProgress i,.FeatureVideos-module__lk-rHW__bar i{background:var(--accent);transform-origin:0;height:100%;display:block}.FeatureVideos-module__lk-rHW__captionProgress i{transform:scaleX(var(--progress,0))}.FeatureVideos-module__lk-rHW__fig{font:11px/1.5 var(--font-mono);letter-spacing:.035em;color:var(--label);margin:0}.FeatureVideos-module__lk-rHW__toggle{border:1px solid var(--line);min-height:32px;color:var(--ink);font:11px/1 var(--font-mono);letter-spacing:.035em;cursor:pointer;background:0 0;border-radius:30px;flex:none;align-items:center;gap:9px;padding:0 14px 0 12px;transition:border-color .2s,color .2s;display:inline-flex;position:relative}.FeatureVideos-module__lk-rHW__toggle:hover{border-color:var(--accent-ink);color:var(--accent-ink)}@media (any-pointer:coarse){.FeatureVideos-module__lk-rHW__toggle:after{content:"";border-radius:inherit;position:absolute;inset:-7px -5px}}.FeatureVideos-module__lk-rHW__toggleIcon{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:8px;height:9px}.FeatureVideos-module__lk-rHW__toggle[data-playing] .FeatureVideos-module__lk-rHW__toggleIcon{clip-path:none;background:linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px,currentColor 5px 8px)}.FeatureVideos-module__lk-rHW__bodies{margin-top:16px;display:grid}.FeatureVideos-module__lk-rHW__body{max-width:46ch;font:clamp(18px, 1.4vw, 24px) / 1.55 var(--font-text);color:var(--ink-2);text-wrap:pretty;visibility:hidden;opacity:0;grid-area:1/1;margin:0;transition:opacity .35s}.FeatureVideos-module__lk-rHW__body[data-active]{visibility:visible;opacity:1}.FeatureVideos-module__lk-rHW__bodyTitle{color:var(--ink)}.FeatureVideos-module__lk-rHW__list{margin:0;padding:0;list-style:none}.FeatureVideos-module__lk-rHW__list:not(:has(.FeatureVideos-module__lk-rHW__groupLabel)){border-top:1px solid var(--line)}.FeatureVideos-module__lk-rHW__groupLabel{border-bottom:1px solid var(--line);font:11px/1.4 var(--font-mono);letter-spacing:.035em;color:var(--label);margin:0;padding:0 0 10px}li+li>.FeatureVideos-module__lk-rHW__groupLabel{margin-top:26px}.FeatureVideos-module__lk-rHW__pick{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:15px 2px 14px 0;display:grid;position:relative}.FeatureVideos-module__lk-rHW__name{font:400 clamp(26px, 2.1vw, 34px) / 1.02 var(--font-display);letter-spacing:-.01em;color:var(--ink-3);transition:color .25s}.FeatureVideos-module__lk-rHW__length{font:11px/1 var(--font-mono);letter-spacing:.035em;color:var(--ink-2)}.FeatureVideos-module__lk-rHW__pick:hover .FeatureVideos-module__lk-rHW__name{color:var(--ink-2)}.FeatureVideos-module__lk-rHW__pick[data-active] .FeatureVideos-module__lk-rHW__name{color:var(--ink)}.FeatureVideos-module__lk-rHW__bar{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.FeatureVideos-module__lk-rHW__bar i{transform:scaleX(0)}.FeatureVideos-module__lk-rHW__pick[data-active] .FeatureVideos-module__lk-rHW__bar i{transform:scaleX(var(--progress,0))}.FeatureVideos-module__lk-rHW__toggle:focus-visible,.FeatureVideos-module__lk-rHW__pick:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px;border-radius:4px}.FeatureVideos-module__lk-rHW__toggle:focus-visible{border-radius:30px}.FeatureVideos-module__lk-rHW__more{color:var(--ink);font:500 14px/18px var(--font-text);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);border-radius:3px;align-items:center;gap:12px;margin-top:14px;padding:6px 0;transition:color .2s,text-decoration-color .2s;display:inline-flex}.FeatureVideos-module__lk-rHW__more:hover{color:var(--accent-ink);text-decoration-color:currentColor}.FeatureVideos-module__lk-rHW__more:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.FeatureVideos-module__lk-rHW__moreArrow{flex:none;transition:transform .2s}.FeatureVideos-module__lk-rHW__more:hover .FeatureVideos-module__lk-rHW__moreArrow{transform:translate(3px)}.FeatureVideos-module__lk-rHW__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.FeatureVideos-module__lk-rHW__reveal{transition:opacity .7s var(--ease), transform .7s var(--ease)}.FeatureVideos-module__lk-rHW__section[data-reveal=armed] .FeatureVideos-module__lk-rHW__reveal{opacity:0;transform:translateY(20px)}.FeatureVideos-module__lk-rHW__section[data-reveal=in] .FeatureVideos-module__lk-rHW__figure{transition-delay:.12s}.FeatureVideos-module__lk-rHW__section[data-reveal=in] .FeatureVideos-module__lk-rHW__list{transition-delay:.22s}}@media (prefers-reduced-motion:reduce){.FeatureVideos-module__lk-rHW__slide{animation:none}.FeatureVideos-module__lk-rHW__body,.FeatureVideos-module__lk-rHW__toggle,.FeatureVideos-module__lk-rHW__name,.FeatureVideos-module__lk-rHW__more,.FeatureVideos-module__lk-rHW__moreArrow{transition:none}}@media (min-width:700px) and (max-width:1099px){.FeatureVideos-module__lk-rHW__stage,.FeatureVideos-module__lk-rHW__caption{width:min(100%, max(440px, calc((100svh - var(--header-h,92px) - 180px) * 1.31)));margin-inline:auto}.FeatureVideos-module__lk-rHW__list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,4), auto);border-top:0;grid-auto-flow:column;column-gap:clamp(28px,5vw,48px);display:grid}.FeatureVideos-module__lk-rHW__list>[data-column-top]>.FeatureVideos-module__lk-rHW__pick:first-child{border-top:1px solid var(--line)}.FeatureVideos-module__lk-rHW__list>[data-column-top]>.FeatureVideos-module__lk-rHW__groupLabel{margin-top:0}}@media (min-width:1100px),(min-width:960px) and (min-height:600px) and (orientation:landscape){.FeatureVideos-module__lk-rHW__grid{grid-template:"head figure""list figure"1fr/minmax(340px,5fr) minmax(0,8fr);align-items:start;gap:clamp(44px,4vw,64px) clamp(56px,5.5vw,112px)}.FeatureVideos-module__lk-rHW__figure{position:sticky;top:124px}.FeatureVideos-module__lk-rHW__captionProgress{display:none}.FeatureVideos-module__lk-rHW__stage,.FeatureVideos-module__lk-rHW__caption{width:min(100%,max(560px,131svh - 484.7px));margin-inline:auto 0}}@media (min-width:960px) and (max-width:1099px) and (min-height:600px) and (orientation:landscape){.FeatureVideos-module__lk-rHW__figure{top:calc(var(--header-h,92px) + 24px)}.FeatureVideos-module__lk-rHW__stage,.FeatureVideos-module__lk-rHW__caption{width:min(100%,max(440px,131svh - 393px))}.FeatureVideos-module__lk-rHW__list{display:block}.FeatureVideos-module__lk-rHW__list:not(:has(.FeatureVideos-module__lk-rHW__groupLabel)){border-top:1px solid var(--line)}.FeatureVideos-module__lk-rHW__list>[data-column-top]>.FeatureVideos-module__lk-rHW__pick{border-top:0}.FeatureVideos-module__lk-rHW__list>li+[data-column-top]>.FeatureVideos-module__lk-rHW__groupLabel{margin-top:26px}}@media (max-width:699px){.FeatureVideos-module__lk-rHW__title{font-size:clamp(48px,13.5vw,64px)}.FeatureVideos-module__lk-rHW__intro{margin-top:20px}.FeatureVideos-module__lk-rHW__pick{padding:13px 0 12px}.FeatureVideos-module__lk-rHW__name{font-size:25px}}
.umk-story{--paper:#faf7f2;--ink:#292720;--accent:var(--orange,#f54e07);--accent-ink:var(--orange-deep,#c43c08);--muted:#807568;--line:#ddd6ca;--display:var(--font-caslon-condensed),Georgia,serif;--sans:var(--font-timeless-sans),-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular",monospace}.umk-story *{box-sizing:border-box}.umk-story{background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);font-synthesis:none;margin:0}.umk-story a{color:inherit;text-decoration:none}.umk-story button{font:inherit;color:inherit;cursor:pointer}.umk-story a:focus-visible,.umk-story button:focus-visible,.umk-story input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}.umk-story em{font-weight:500}.umk-story .skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:12px 20px;position:fixed;top:-70px;left:20px}.umk-story .story{height:690svh;position:relative}.umk-story .stage{isolation:isolate;height:100svh;min-height:400px;position:sticky;top:0;overflow:clip}.umk-story .site-header{z-index:20;justify-content:space-between;align-items:center;height:92px;display:flex;position:absolute;top:0;left:4.8%;right:4.8%}.umk-story .wordmark{font:600 30px/1 var(--sans);letter-spacing:-1.7px;display:inline-flex}.umk-story .wordmark>span{letter-spacing:0;margin:3px 0 0 4px;font-size:9px}.umk-story .header-note{color:var(--muted);font-size:12px}.umk-story .nav-cta{border-bottom:1px solid #999084;align-items:center;gap:28px;padding:7px 0;font-size:12px;display:flex}.umk-story .nav-cta>span{font-size:18px}.umk-story .eyebrow{font:10px/1.5 var(--mono);letter-spacing:.035em}.umk-story .opening{z-index:5;pointer-events:none;will-change:opacity,transform;position:absolute;inset:0}.umk-story .opening-kicker{color:#877665;margin:0;position:absolute;top:19%;left:8%}.umk-story .opening h2{font:400 clamp(82px,15.6cqw,246px)/.8 var(--display);letter-spacing:-.035em;word-spacing:-.02em;width:86%;margin:0;position:absolute;top:30%;left:7.6%}.umk-story .opening h2>span{white-space:nowrap;display:block}.umk-story .opening h2>span+span{margin-top:.045em;margin-left:11.3%}.umk-story .opening h2 em{color:var(--accent)}.umk-story .opening-deck{color:var(--muted);margin:0;font-size:13px;line-height:1.65;position:absolute;bottom:15.4%;left:9%}.umk-story .drawing-caption{font:9px/1.4 var(--mono);color:#a78b70;position:absolute;bottom:12.8%;right:10%;transform:rotate(-4deg)}.umk-story .chapter-heading{text-align:center;opacity:0;z-index:8;pointer-events:none;width:90%;position:absolute;top:14.7%;left:5%}.umk-story .chapter-heading .eyebrow{color:#9b8268;margin:0 0 12px}.umk-story .chapter-heading h2{font:400 clamp(40px,5.5vw,78px)/1.02 var(--display);letter-spacing:-.03em;margin:0}.umk-story .chapter-heading h2 em{color:var(--accent)}.umk-story .chapter-description{color:var(--muted);margin:13px 0 0;font-size:13px}.umk-story .app-shell{opacity:0;z-index:1;background:#fffefa;border:1px solid #e0dad0;border-radius:17px;width:min(88vw,120svh,1240px);height:55%;position:absolute;top:34%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 60px #53412d09;container-type:inline-size}.umk-story .canvas-dots{background-image:radial-gradient(#b6b9bd70 .6px,#0000 .85px);background-size:19px 19px;position:absolute;inset:0}.umk-story .app-topbar{z-index:2;justify-content:space-between;align-items:center;gap:2cqw;padding:2cqw 2.4cqw;display:flex;position:absolute;inset:0 0 auto}.umk-story .project-name{white-space:nowrap;align-items:center;gap:.8cqw;font-size:1.6cqw;font-weight:500;display:flex}.umk-story .project-name small{color:#aaa;font-size:1.5cqw}.umk-story .tool-group{background:#fff;border-radius:8cqw;align-items:center;gap:2cqw;padding:1cqw 1.6cqw;display:flex;box-shadow:0 2px 12px #00000005}.umk-story .tool-group>span{place-items:center;width:2.4cqw;height:2.4cqw;font-size:2.4cqw;display:grid}.umk-story .tool-group svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.umk-story .tool-group .selected{color:#228ad5}.umk-story .tool-group .type-tool{outline-offset:-.2cqw;outline:1px dashed #333;font-size:1.7cqw}.umk-story .canvas-bottom{color:#9a9388;justify-content:space-between;align-items:center;font-size:1.3cqw;display:flex;position:absolute;bottom:4%;left:3%;right:3%}.umk-story .undo{text-align:center;background:#f2f2ef;border-radius:1cqw;width:4cqw;font-size:2.5cqw}.umk-story .model-view{z-index:3;pointer-events:none;will-change:opacity;position:absolute}.umk-story .model-view canvas{width:100%;height:100%;display:block}.umk-story .operation,.umk-story .compose-pill{opacity:0;z-index:7;white-space:nowrap;background:#fffefaf0;border:1px solid #e2ded6;border-radius:30px;align-items:center;gap:11px;padding:10px 17px;font-size:12px;display:flex;position:absolute;top:80%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #4737240a}.umk-story .operation-symbol{width:21px;height:20px;position:relative}.umk-story .operation-symbol i{border:1.2px solid #258de3;border-radius:2px;width:14px;height:14px;position:absolute;top:1px;left:0}.umk-story .operation-symbol i+i{background:#fffefa;border-radius:50%;top:7px;left:7px}.umk-story .operation-check{color:#2883c2;opacity:0}.umk-story .compose-pill{gap:10px;font-size:11px}.umk-story .compose-pill>span:first-child{color:#268ac6;font-size:10px}.umk-story .compose-pill>i{border-left:1px solid #dfdbd1;height:15px}.umk-story .compose-pill svg{fill:none;width:17px;height:17px;stroke:var(--accent);stroke-width:1.4px}.umk-story .room-output{z-index:6;opacity:0;pointer-events:none;background:var(--paper);will-change:transform;border-radius:9px;margin:0;position:absolute;overflow:hidden}.umk-story .room-output>img{object-fit:cover;object-position:57% 50%;width:100%;height:100%;position:absolute;inset:0}.umk-story .room-output figcaption{color:#fff8ee;font:400 23px/1.1 var(--display);letter-spacing:-.01em;opacity:0;background:linear-gradient(#0000,#251b1180);justify-content:space-between;align-items:center;padding:44px 25px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.umk-story .room-output figcaption>span{font:10px/1.4 var(--mono);letter-spacing:0}.umk-story .variations{z-index:9;opacity:0;visibility:hidden;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:14px;width:min(88vw,133svh,1260px);height:54%;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%)}.umk-story .variant{will-change:transform,opacity;text-align:left;background:#f2ece2;border:1px solid #dcd5c9;border-radius:6px;flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.umk-story .variant img{object-fit:cover;object-position:57% 50%;flex:1;width:100%;min-height:0;display:block}.umk-story .variant-caption{flex-shrink:0;align-items:center;gap:10px;height:34px;padding:0 12px;font-size:11px;display:flex}.umk-story .variant-caption small{font:8px/1 var(--mono);color:#9d8d7b}.umk-story .variant-caption>span{color:#978673;margin-left:auto}.umk-story .variant:hover{border-color:#9b7959}.umk-story .variant:hover img{filter:brightness(1.035)}.umk-story .stage-footer{border-top:1px solid var(--line);z-index:15;height:63px;font:10px/1.4 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:4.8%;right:4.8%}.umk-story .chapter-index{gap:14px;display:flex}.umk-story .chapter-index b{color:#a18e77;font-weight:400}.umk-story .scroll-cue{font:10px/1.4 var(--mono);background:0 0;border:0;align-items:center;gap:18px;padding:12px 0;display:flex}.umk-story .scroll-cue>span+span{font:22px/1 var(--sans)}.umk-story .progress-line{background:var(--accent);transform-origin:0;width:100%;height:1px;position:absolute;top:-1px;left:0;transform:scaleX(0)}.umk-story .create{text-align:center;border-top:1px solid var(--line);outline:none;padding:105px 22px 70px}.umk-story .create>.eyebrow{color:var(--muted);margin:0 0 26px}.umk-story .create h2{font:400 clamp(48px,8.5vw,124px)/1.02 var(--display);letter-spacing:-.03em;margin:0 0 34px}.umk-story .create h2 em{color:var(--accent)}.umk-story .primary-cta{background:var(--ink);color:var(--paper);border-radius:30px;align-items:center;gap:45px;padding:15px 25px;font-size:13px;display:inline-flex}.umk-story .primary-cta:hover{background:var(--accent-ink)}.umk-story .primary-cta>span{font-size:18px}.umk-story .platform{color:var(--muted);margin:15px 0 0;font-size:11px}.umk-story .review-link{color:#a19380;text-underline-offset:4px;margin-top:50px;font-size:10px;text-decoration:underline;display:inline-block}.umk-story .variation-dialog{background:var(--paper);width:min(1000px,92vw);max-height:92svh;color:var(--ink);border:0;border-radius:9px;padding:0;overflow:auto}.umk-story .variation-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17140fd9}.umk-story .variation-dialog>img{object-fit:contain;background:#e8e1d6;width:100%;height:auto;max-height:76svh;display:block}.umk-story .dialog-close{z-index:2;background:#faf7f2e8;border:0;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1;position:absolute;top:13px;right:13px}.umk-story .dialog-caption{justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;display:flex}.umk-story .dialog-caption h2{font:400 32px/1.05 var(--display);margin:0}.umk-story .dialog-caption>span{font:10px/1.4 var(--mono);color:var(--muted)}body:has(.umk-story dialog[open]){overflow:hidden}.umk-story .static-story{text-align:center;padding:30px 6% 60px;display:none}.umk-story .static-story header{text-align:left}.umk-story .static-story h2{font:400 clamp(64px,12vw,180px)/1 var(--display);letter-spacing:-.03em;max-width:1050px;margin:65px auto 30px}.umk-story .static-story em{color:var(--accent)}.umk-story .static-story p{color:var(--muted);font-size:14px}.umk-story .static-story img{width:min(1100px,100%);height:auto;margin:35px auto;display:block}.umk-story.quiet-mode .story,.umk-story.no-model .story{display:none}.umk-story.quiet-mode .static-story,.umk-story.no-model .static-story{display:block}@media (min-width:1001px) and (max-height:800px){.umk-story .site-header{height:75px}.umk-story .opening-kicker{top:19%}.umk-story .opening h2{font-size:min(15.6cqw,24.2svh);top:31%}.umk-story .opening-deck{bottom:15%}.umk-story .chapter-heading{top:13%}.umk-story .chapter-heading h2{font-size:8.5svh}.umk-story .chapter-description{margin-top:10px;font-size:12px}.umk-story .app-shell{height:54%;top:34%}.umk-story .stage-footer{height:52px}}@media (min-width:601px) and (max-width:1000px) and (min-height:851px){.umk-story .opening-kicker{top:27%;left:8%}.umk-story .opening h2{font-size:15.6cqw;top:37%}.umk-story .opening h2>span+span{margin-left:6%}.umk-story .opening-deck{bottom:25%}.umk-story .drawing-caption{bottom:16%}.umk-story .chapter-heading{top:18%}.umk-story .chapter-heading h2{font-size:8vw}.umk-story .app-shell{width:92%;height:48%;top:35%}.umk-story .variations{gap:12px;width:92%;height:48%;top:35%}.umk-story .variant-caption{height:36px;font-size:11px}.umk-story .stage-footer{height:74px}}@media (max-width:600px){.umk-story .story{height:650svh}.umk-story .site-header{height:76px;left:23px;right:23px}.umk-story .wordmark{font-size:27px}.umk-story .header-note{display:none}.umk-story .nav-cta{gap:19px;font-size:11px}.umk-story .opening-kicker{font-size:8px;top:29%;left:7%}.umk-story .opening h2{width:90%;font-size:15.7vw;line-height:.84;top:39%;left:6%}.umk-story .opening h2>span+span{margin-top:.03em;margin-left:3%}.umk-story .opening-deck{font-size:11px;line-height:1.6;bottom:22%;left:8%}.umk-story .drawing-caption{font-size:7px;bottom:13.4%;right:9%}.umk-story .chapter-heading{width:88%;top:16%;left:6%}.umk-story .chapter-heading .eyebrow{margin-bottom:13px;font-size:8px}.umk-story .chapter-heading h2{font-size:11.6vw;line-height:1.02}.umk-story .chapter-description{max-width:300px;margin:12px auto 0;font-size:11px;line-height:1.5}.umk-story .app-shell{border-radius:12px;width:92%;height:49%;top:36%}.umk-story .app-topbar{padding:4cqw 3cqw}.umk-story .project-name{gap:1cqw;font-size:2.9cqw}.umk-story .project-name>span{font-size:4.5cqw}.umk-story .project-name small{font-size:3cqw}.umk-story .tool-group{gap:3cqw;padding:1.4cqw 2cqw}.umk-story .tool-group>span{width:4cqw;height:4cqw;font-size:4cqw}.umk-story .tool-group .type-tool{font-size:2.9cqw}.umk-story .secondary{display:none}.umk-story .canvas-bottom{font-size:2.5cqw}.umk-story .undo{width:7cqw;font-size:4cqw}.umk-story .operation{padding:8px 13px;font-size:10px;top:77%}.umk-story .compose-pill{gap:7px;padding:8px 11px;font-size:9px;top:78%}.umk-story .compose-pill>span:first-child{font-size:8px}.umk-story .compose-pill svg{width:14px;height:14px}.umk-story .room-output{border-radius:10px}.umk-story .room-output figcaption{flex-direction:column;align-items:flex-start;gap:6px;padding:35px 17px 16px;font-size:23px}.umk-story .room-output figcaption>span{font-size:8px}.umk-story .variations{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:9px;width:91%;height:50%;top:35%}.umk-story .variant-caption{gap:7px;height:28px;padding:0 8px;font-size:9px}.umk-story .variant-caption small{font-size:7px}.umk-story .stage-footer{height:62px;font-size:8px;left:23px;right:23px}.umk-story .chapter-index{gap:9px}.umk-story .project-label{display:none}.umk-story .scroll-cue{gap:14px;font-size:8px}.umk-story .create{padding:80px 23px 50px}.umk-story .create>.eyebrow{font-size:8px}.umk-story .create h2{font-size:15vw;line-height:1.05}.umk-story .dialog-caption{padding:18px;display:block}.umk-story .dialog-caption>span{margin-top:10px;font-size:9px;display:block}.umk-story .dialog-caption h2{font-size:29px}.umk-story .dialog-close{width:30px;height:30px;font-size:22px;top:9px;right:9px}}@media (max-height:600px){.umk-story .site-header{height:59px}.umk-story .chapter-heading{top:16%}.umk-story .chapter-heading .eyebrow{margin-bottom:6px;font-size:8px}.umk-story .chapter-heading h2{font-size:7.8svh}.umk-story .chapter-description{margin-top:6px;font-size:10px}.umk-story .stage-footer{height:44px}.umk-story .opening-kicker{top:22%}.umk-story .opening h2{font-size:min(15.3vw,22.1svh);top:33%}.umk-story .opening-deck{font-size:10px;bottom:15%}.umk-story .app-shell,.umk-story .variations{height:51%;top:36%}.umk-story .variant-caption{height:23px;font-size:9px}}@media (prefers-reduced-motion:reduce){.umk-story .story{display:none}.umk-story .static-story{display:block}.umk-story *{transition:none!important;animation:none!important}}.umk-story .stage{background:var(--paper)}.umk-story .opening-kicker{top:17%;left:7%}.umk-story .opening h2{width:90%;font-size:min(13.9cqw,21.3svh);line-height:.8;top:25%;left:6.5%}.umk-story .opening h2>span+span{margin-left:7%}.umk-story .opening-deck{font-size:14px;bottom:17%;left:7%}.umk-story .drawing-caption{font-size:9px;bottom:12.2%;right:7%}.umk-story .feature-copy{opacity:0;visibility:hidden;pointer-events:none;z-index:10;will-change:transform,opacity;position:absolute}.umk-story .feature-copy .eyebrow{color:#937961;margin:0 0 20px;font-size:10px}.umk-story .feature-copy h3{font:400 clamp(62px,7.9cqw,122px)/1 var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0}.umk-story .feature-copy h3 em{color:var(--accent)}.umk-story .feature-description{font:14px/1.7 var(--sans);color:var(--muted);max-width:31ch;margin:24px 0 0}.umk-story .feature-copy.side-left{width:31%;top:30%;left:6.5%}.umk-story .feature-copy.side-right{width:29%;top:29%;left:65%}.umk-story .feature-copy.center{text-align:center;width:88%;top:13%;left:6%}.umk-story .feature-copy.center h3{font-size:clamp(62px,7.8cqw,116px)}.umk-story .feature-copy.center .eyebrow{margin-bottom:11px}.umk-story .feature-copy.center .feature-description{max-width:66ch;margin:18px auto 0}.umk-story .feature-copy[data-feature=variations]{top:11%}.umk-story .feature-copy[data-feature=studio] h3{font-size:clamp(62px,7.5cqw,112px)}.umk-story .app-shell{background:#fffefa;border:7px solid #e6e3de;border-radius:25px;transform:none;box-shadow:0 0 0 1px #d2cec7,0 24px 60px #53412d0a}.umk-story .app-shell:after{content:"";background:#bbb5ab;border-radius:3px;width:3px;height:20px;position:absolute;top:49%;right:-5px}.umk-story .project-name{font-size:1.65cqw}.umk-story .canvas-bottom{color:#8a8177;font-size:1.5cqw;bottom:3%}.umk-story .app-shell[data-mode=spaces] .canvas-dots{background-size:16px 16px}.umk-story .app-shell[data-mode=spaces] .undo{color:#2991cf}.umk-story .board-content{opacity:0;pointer-events:none;position:absolute;inset:0}.umk-story .board-item{background:#faf7f2;border:1px solid #e0d9ce;border-radius:4px;margin:0;position:absolute;box-shadow:0 3px 12px #75614e0b}.umk-story .board-item img{object-fit:cover;width:100%;height:100%;display:block}.umk-story .board-item figcaption,.umk-story .board-model>span{font:1.15cqw/1.4 var(--mono);white-space:nowrap;color:#8d8579;position:absolute;bottom:-20px;left:0}.umk-story .board-sketch{width:23%;height:33%;top:25%;left:7%;overflow:visible;transform:rotate(-3deg)}.umk-story .board-reference{width:21%;height:37%;top:28%;right:5%;transform:rotate(3deg)}.umk-story .board-model{background:#f1ece35e;border-style:dashed;width:36%;height:47%;top:25%;left:35%}.umk-story .board-note{font:1.6cqw/1.7 var(--display);color:#74624e;position:absolute;top:71%;left:8%;transform:rotate(-3deg)}.umk-story .board-palette{gap:5px;display:flex;position:absolute;top:75%;left:77%}.umk-story .board-palette i{background:#e3d6c1;border:1px solid #ac9d8560;border-radius:50%;width:2.9cqw;height:2.9cqw}.umk-story .board-palette i:nth-child(2){background:#744b37}.umk-story .board-palette i:nth-child(3){background:#823f3a}.umk-story .board-palette i:nth-child(4){background:#899cb0}.umk-story .board-palette span{font:1.1cqw var(--mono);white-space:nowrap;color:#8d8579;position:absolute;top:4cqw}.umk-story .board-content.is-selected .board-item{outline-offset:4px;outline:1.5px solid #4093d2}.umk-story .board-content.is-selected .board-palette{outline-offset:5px;outline:1px solid #4093d2}.umk-story .operation,.umk-story .compose-pill{z-index:12;transform:translate(-50%,-50%)}.umk-story .compose-pill{font-size:10px}.umk-story .compose-pill>span:first-child{font-size:9px}.umk-story .room-output figcaption{display:none}.umk-story .room-output{border-radius:6px}.umk-story .variations{gap:18px;transform:none}.umk-story .variant{border-radius:4px;box-shadow:0 6px 20px #31221106}.umk-story .variant-caption{height:36px;font-size:11px}.umk-story .variant img{object-position:center}.umk-story .stage-footer .project-label{font-size:9px}.umk-story .studio{z-index:11;opacity:0;visibility:hidden;will-change:transform;background:#fdfbf8;border:1px solid #d9d4cd;border-radius:20px;grid-template-rows:9% 53% 9% 10% 19%;display:grid;position:absolute;overflow:hidden;box-shadow:0 22px 70px #47371f14;container-type:inline-size}.umk-story .studio-topbar{font:1.6cqw var(--sans);border-bottom:1px solid #e8e3da;justify-content:space-between;align-items:center;padding:0 3.5%;display:flex}.umk-story .studio-topbar>span:nth-child(2){color:#a69b8c;font-size:1.35cqw}.umk-story .studio-picture{background:#ede4d7;border-radius:5px;min-height:0;margin:0 3%;position:relative;overflow:hidden}.umk-story .studio-picture video{object-fit:cover;width:100%;height:100%;display:block}.umk-story .studio-shot-label{font:1.2cqw var(--mono);color:#fff;text-shadow:0 1px 8px #22160c;position:absolute;bottom:11px;left:14px}.umk-story .studio-intent{font:1.55cqw var(--sans);color:#9b8a75;border:1px solid #e9e3d8;border-radius:30px;align-items:center;gap:15px;margin:auto 7%;padding:1.15cqw 2cqw;display:flex;box-shadow:0 2px 8px #614d2d06}.umk-story .studio-intent>span:first-child{color:#363128}.umk-story .studio-intent>span:last-child{background:var(--ink);color:var(--paper);border-radius:50%;place-items:center;width:2.5cqw;height:2.5cqw;margin-left:auto;display:grid}.umk-story .studio-transport{font:1.4cqw var(--mono);color:#9a8c7b;justify-content:space-between;align-items:center;padding:0 4%;display:flex}.umk-story .studio-transport button{color:var(--ink);font:1.65cqw var(--sans);text-align:left;background:0 0;border:0;min-width:75px;padding:9px 0}.umk-story .studio-transport button>span{width:2.6cqw;color:var(--accent);font-size:1.6cqw;display:inline-block}.umk-story .studio-timeline{margin:0 4% 3%;padding-bottom:15px;position:relative}.umk-story .timeline-shots{grid-template-columns:repeat(3,1fr);gap:7px;height:100%;display:grid}.umk-story .timeline-shots button{background:#e5ddcd;border:1px solid #d5ccbd;border-radius:4px;padding:0;position:relative;overflow:hidden}.umk-story .timeline-shots img{object-fit:cover;opacity:.78;width:100%;height:100%}.umk-story .timeline-shots button:nth-child(2) img{transform:scale(1.06)}.umk-story .timeline-shots button:nth-child(3) img{transform:scale(1.12)}.umk-story .timeline-shots span{color:#fff;font:1.15cqw var(--mono);text-shadow:0 1px 7px #000;position:absolute;bottom:5px;left:7px}.umk-story .timeline-shots button[aria-current=true]{outline-offset:1px;outline:2px solid #487bc7}.umk-story .film-playhead{pointer-events:none;background:#297bcc;width:2px;position:absolute;top:-4px;bottom:11px;left:0;box-shadow:0 0 0 1px #fff8}.umk-story .film-playhead:before{content:"";background:#297bcc;border-radius:2px;width:8px;height:7px;position:absolute;top:-3px;left:-3px}.umk-story #scene-scrub{accent-color:#297bcc;cursor:pointer;width:100%;height:15px;margin:0;position:absolute;bottom:-2px;left:0}.umk-story .static-features{text-align:left;grid-template-columns:repeat(2,1fr);gap:65px 45px;max-width:1100px;margin:80px auto;display:grid}.umk-story .static-features h3{font:400 56px/1 var(--display);margin:18px 0}.umk-story .static-features p{max-width:40ch;line-height:1.6}@media (min-width:1001px) and (max-height:800px){.umk-story .feature-copy h3{font-size:min(7.7cqw,13svh)}.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:12svh}.umk-story .feature-copy .eyebrow{margin-bottom:14px}.umk-story .feature-description{margin-top:18px;font-size:12px}.umk-story .feature-copy.center .feature-description{margin-top:12px}.umk-story .opening h2{font-size:min(13.9cqw,21.3svh);top:24%}.umk-story .opening-deck{font-size:12px;bottom:17%}.umk-story .opening-kicker{top:16%}}@media (max-width:999px),(max-aspect-ratio:1.18){.umk-story .opening h2{font-size:15.5cqw;line-height:.83;top:25%;left:6%}.umk-story .opening h2>span+span{margin-left:3%}.umk-story .opening-kicker{top:18%;left:7%}.umk-story .opening-deck{top:80%;bottom:auto;left:8%}.umk-story .drawing-caption{bottom:12%;right:6%}.umk-story .feature-copy.side-left,.umk-story .feature-copy.side-right,.umk-story .feature-copy.center{width:86%;top:15%;left:7%}.umk-story .feature-copy.side-right{text-align:right}.umk-story .feature-copy.side-right .feature-description{margin-left:auto}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{max-width:730px;font-size:11cqw;line-height:1}.umk-story .feature-copy.center h3{margin:auto}.umk-story .feature-copy .eyebrow{margin-bottom:15px}.umk-story .feature-description{max-width:42ch;margin-top:18px;font-size:14px}.umk-story .feature-copy.center .feature-description{max-width:52ch}.umk-story .feature-copy[data-feature=compose]{top:15%}.umk-story .feature-copy[data-feature=variations]{top:13%}.umk-story .feature-copy[data-feature=studio]{top:14%}.umk-story .app-shell{border-width:5px;border-radius:19px}.umk-story .studio-topbar,.umk-story .studio-transport button{font-size:1.9cqw}.umk-story .studio-transport{font-size:1.65cqw}.umk-story .studio-intent{font-size:1.9cqw}.umk-story .studio-intent>span:last-child{width:3.3cqw;height:3.3cqw}.umk-story .board-item figcaption,.umk-story .board-model>span{font-size:1.3cqw}.umk-story .board-note{font-size:2cqw}.umk-story .stage-footer .project-label{display:none}}@media (max-width:600px){.umk-story .opening h2{font-size:15.6cqw;top:24%}.umk-story .opening-kicker{font-size:8px;top:17%}.umk-story .opening-deck{font-size:11px;line-height:1.55;top:78%}.umk-story .drawing-caption{font-size:7px;bottom:13%}.umk-story .feature-copy.side-left,.umk-story .feature-copy.side-right,.umk-story .feature-copy.center{width:86%;top:16%;left:7%}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:13.2cqw;line-height:1}.umk-story .feature-copy .eyebrow{margin-bottom:14px;font-size:8px}.umk-story .feature-description,.umk-story .feature-copy.center .feature-description{max-width:38ch;margin-top:14px;font-size:11px;line-height:1.6}.umk-story .feature-copy[data-feature=variations],.umk-story .feature-copy[data-feature=studio]{top:14%}.umk-story .app-shell{border-width:4px;border-radius:14px}.umk-story .app-topbar{padding:3cqw 2.5cqw}.umk-story .project-name{font-size:2.7cqw}.umk-story .canvas-bottom{font-size:2.3cqw}.umk-story .board-item figcaption,.umk-story .board-model>span{font-size:1.65cqw;bottom:-15px}.umk-story .board-note{font-size:2.4cqw}.umk-story .board-palette{gap:3px}.umk-story .board-palette i{width:3.7cqw;height:3.7cqw}.umk-story .board-palette span{font-size:1.6cqw;top:5cqw}.umk-story .operation{padding:7px 11px;font-size:9px}.umk-story .compose-pill{gap:6px;padding:7px 9px;font-size:8px}.umk-story .compose-pill>span:first-child{font-size:7px}.umk-story .variations{gap:10px}.umk-story .variant-caption{gap:4px;height:26px;padding:0 6px;font-size:8px}.umk-story .variant-caption small{font-size:6px}.umk-story .studio{border-radius:13px;grid-template-rows:10% 48% 11% 12% 19%}.umk-story .studio-topbar{font-size:2.6cqw}.umk-story .studio-topbar>span:nth-child(2){font-size:2cqw}.umk-story .studio-picture{margin:0 3%}.umk-story .studio-shot-label{font-size:1.8cqw;bottom:8px;left:9px}.umk-story .studio-intent{gap:8px;margin:auto 5%;padding:1.7cqw 2.4cqw;font-size:2.3cqw}.umk-story .studio-intent>span:last-child{width:4cqw;height:4cqw}.umk-story .studio-transport{font-size:2.2cqw}.umk-story .studio-transport button{padding:10px 0;font-size:2.5cqw}.umk-story .studio-transport button>span{width:4cqw;font-size:2.4cqw}.umk-story .studio-transport>span:last-child{font-size:1.85cqw}.umk-story .timeline-shots span{font-size:1.85cqw;bottom:4px;left:5px}.umk-story .studio-timeline{margin-bottom:3%;padding-bottom:12px}.umk-story .film-playhead{bottom:10px}.umk-story .timeline-shots{gap:5px}.umk-story .static-features{grid-template-columns:1fr;gap:35px;margin:55px 0}.umk-story .static-features h3{font-size:42px}}@media (max-height:600px) and (min-width:601px){.umk-story .feature-copy .eyebrow{margin-bottom:8px;font-size:8px}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:11svh}.umk-story .feature-description{margin-top:12px;font-size:10px;line-height:1.5}.umk-story .feature-copy.center{top:13%}.umk-story .feature-copy.center .feature-description{margin-top:8px;font-size:10px}.umk-story .opening-deck{font-size:10px}.umk-story .opening-kicker{top:18%}}.umk-story .composition{width:min(100%,1920px);height:min(100%,1200px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);container:composition/size}.umk-story .site-header,.umk-story .stage-footer{left:max(24px,50% - 880px);right:max(24px,50% - 880px)}.umk-story .feature-copy{box-sizing:content-box;margin:-20px -28px -28px;padding:20px 28px 28px;overflow:visible}.umk-story .feature-copy h3{overflow:visible}.umk-story .app-topbar{padding:clamp(12px,2.2cqw,25px) clamp(14px,2.8cqw,30px)}.umk-story .project-name{gap:clamp(5px,.8cqw,9px);font-size:clamp(10px,1.65cqw,17px)}.umk-story .project-name>span{font-size:clamp(17px,2.5cqw,26px)}.umk-story .project-name small{font-size:clamp(9px,1.5cqw,14px)}.umk-story .tool-group{gap:clamp(9px,2cqw,22px);padding:clamp(7px,1cqw,11px) clamp(10px,1.6cqw,18px)}.umk-story .tool-group>span{width:clamp(15px,2.4cqw,25px);height:clamp(15px,2.4cqw,25px);font-size:clamp(17px,2.4cqw,25px)}.umk-story .tool-group .type-tool{font-size:clamp(11px,1.7cqw,18px)}.umk-story .canvas-bottom{font-size:clamp(8px,1.5cqw,13px)}.umk-story .undo{width:clamp(24px,4cqw,40px);font-size:clamp(14px,2.5cqw,25px)}.umk-story .board-item figcaption,.umk-story .board-model>span{width:100%;font:clamp(7px,1.15cqw,12px)/1.4 var(--mono);white-space:normal;top:calc(100% + 10px);bottom:auto}.umk-story .board-note{max-width:27%;font-size:clamp(10px,1.6cqw,22px);line-height:1.5}.umk-story .board-palette{gap:clamp(3px,.45cqw,7px)}.umk-story .board-palette i{width:clamp(13px,2.9cqw,27px);height:clamp(13px,2.9cqw,27px)}.umk-story .board-palette span{font:clamp(7px,1.1cqw,11px)/1.4 var(--mono);top:calc(clamp(13px,2.9cqw,27px) + 8px)}.umk-story .studio-topbar{font-size:clamp(10px,1.6cqw,16px)}.umk-story .studio-topbar>span:nth-child(2){font-size:clamp(8px,1.35cqw,13px)}.umk-story .studio-intent{padding:clamp(5px,1.15cqw,12px) clamp(10px,2cqw,20px);font-size:clamp(9px,1.55cqw,15px)}.umk-story .studio-intent>span:last-child{width:clamp(17px,2.5cqw,26px);height:clamp(17px,2.5cqw,26px)}.umk-story .studio-transport{font-size:clamp(9px,1.4cqw,13px)}.umk-story .studio-transport>span:last-child{font-size:clamp(8px,1.2cqw,12px)}.umk-story .studio-transport button{font-size:clamp(10px,1.65cqw,15px)}.umk-story .studio-transport button>span{width:clamp(15px,2.6cqw,26px);font-size:clamp(10px,1.6cqw,15px)}.umk-story .studio-shot-label,.umk-story .timeline-shots span{font-size:clamp(8px,1.2cqw,12px)}@media (min-width:1800px){.umk-story .feature-description{font-size:16px}.umk-story .feature-copy .eyebrow{font-size:11px}.umk-story .header-note,.umk-story .nav-cta{font-size:14px}.umk-story .opening-deck{font-size:16px}}@media (max-width:600px){.umk-story .site-header,.umk-story .stage-footer{left:23px;right:23px}.umk-story .board-item figcaption,.umk-story .board-model>span{font-size:6.5px;top:calc(100% + 6px)}.umk-story .board-note{font-size:10px}.umk-story .board-palette span{font-size:6.5px}.umk-story .studio-topbar{font-size:9px}.umk-story .studio-intent,.umk-story .studio-transport{font-size:8px}.umk-story .studio-transport>span:last-child,.umk-story .timeline-shots span{font-size:7px}}.umk-story .feature-description,.umk-story .feature-copy.center .feature-description{color:#6f6255;text-wrap:pretty;max-width:34ch;margin-top:24px;font-size:clamp(18px,1.4cqw,24px);line-height:1.55}.umk-story .feature-copy.center .feature-description{max-width:58ch;margin-inline:auto}.umk-story .opening-deck{color:#6f6255;font-size:clamp(18px,1.35cqw,23px);line-height:1.55}.umk-story .feature-copy h3{font-size:clamp(60px,min(7.9cqw,12cqh),122px)}@media (min-width:1000px) and (min-aspect-ratio:1.18){.umk-story .feature-copy.center h3{font-size:clamp(60px,min(7.8cqw,12cqh),116px)}.umk-story .feature-copy[data-feature=studio] h3{font-size:clamp(60px,min(7.5cqw,12cqh),112px)}}@media (max-width:999px),(max-aspect-ratio:1.18){.umk-story .feature-description,.umk-story .feature-copy.center .feature-description{max-width:46ch;margin-top:20px;font-size:18px;line-height:1.55}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:11cqw}.umk-story .opening-deck{font-size:18px}}@media (max-width:600px){.umk-story .feature-description,.umk-story .feature-copy.center .feature-description{max-width:38ch;margin-top:17px;font-size:16px;line-height:1.5}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:12cqw}.umk-story .opening-deck{font-size:16px;line-height:1.5;top:77%}}@media (max-width:600px) and (max-height:720px){.umk-story .feature-copy.side-left,.umk-story .feature-copy.side-right,.umk-story .feature-copy.center{top:13%}.umk-story .feature-copy h3,.umk-story .feature-copy.center h3,.umk-story .feature-copy[data-feature=studio] h3{font-size:10.8cqw}.umk-story .feature-copy .eyebrow{margin-bottom:11px}.umk-story .feature-description,.umk-story .feature-copy.center .feature-description{margin-top:13px}}.umk-story .timeline-shots button:nth-child(2) img,.umk-story .timeline-shots button:nth-child(3) img{transform:none}.umk-story .static-story>p,.umk-story .static-features article>p:not(.eyebrow){color:#6f6255;font-size:clamp(18px,1.4vw,24px);line-height:1.55}@media (max-width:600px){.umk-story .static-story>p,.umk-story .static-features article>p:not(.eyebrow){font-size:16px}}.umk-story .timeline-shots button{min-width:0}.umk-story .timeline-shots span{line-height:1.3;right:5px}.umk-story .studio-intent{min-width:0}.umk-story .studio-intent>span:nth-child(2){white-space:nowrap}.umk-story .opening h2{text-align:right;width:87%;left:auto;right:6.5%}.umk-story .opening h2>span+span{margin-left:0;transform:translate(.095em)}@media (max-width:999px),(max-aspect-ratio:1.18){.umk-story .opening h2{width:90%;right:5%}}.umk-story .studio-play-icon:before{content:"▶"}.umk-story #studio-play[data-state=playing] .studio-play-icon:before{content:"Ⅱ"}.umk-story .studio-transport button>#studio-play-label{width:auto;color:inherit;font-size:inherit;display:inline}.umk-story #story-end{top:calc(-1 * var(--header-h,92px));outline:none;height:0;position:relative}.umk-story .skip-link{font:500 14px/22px var(--sans);border-radius:23px;left:max(24px,50% - 880px)}.umk-story .skip-link:focus{top:23px}.umk-story{--muted:#74675a}.umk-story .opening-kicker,.umk-story .feature-copy .eyebrow,.umk-story .chapter-index b{color:#836c55}.umk-story .variant-caption small{color:#74675a}@media (prefers-reduced-motion:no-preference){.umk-story:not(.quiet-mode):not(.no-model) .static-story{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}}@media (max-width:600px){.umk-story .dialog-close:after{content:"";border-radius:50%;position:absolute;inset:-7px}}@media (prefers-reduced-motion:no-preference){.umk-story:not(.quiet-mode):not(.no-model) .static-story img{display:none}}.umk-story .static-story{padding-top:0}.umk-story .static-story h2{margin-top:0}@media (max-width:600px){.umk-story .static-story{padding:0 var(--edge,24px) 48px;text-align:left}.umk-story .static-story img{border-radius:6px;margin:28px 0}.umk-story .static-story h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.umk-story.quiet-mode .skip-link,.umk-story.no-model .skip-link{display:none}@media (min-width:1000px) and (min-aspect-ratio:1.18){.umk-story .feature-copy[data-feature=spaces]{top:11%}.umk-story .feature-copy[data-feature=spaces] h3{max-width:15em;margin-inline:auto;font-size:clamp(52px,min(6.2cqw,9.5cqh),96px)}.umk-story .feature-copy[data-feature=spaces] .feature-description{text-wrap:balance;max-width:none}}.umk-story .opening-kicker,.umk-story .feature-copy .eyebrow,.umk-story .stage-footer,.umk-story .scroll-cue,.umk-story .stage-footer .project-label,.umk-story .chapter-index b{color:#6f6255;font-size:13px}.umk-story .static-features .eyebrow{font:13px/1.5 var(--mono);letter-spacing:.035em;color:#6f6255}@media (max-width:600px){.umk-story .opening-kicker,.umk-story .feature-copy .eyebrow,.umk-story .stage-footer,.umk-story .scroll-cue,.umk-story .static-features .eyebrow{font-size:12px}}@media (scripting:none){.umk-story .story{display:none}.umk-story:not(.quiet-mode):not(.no-model) .static-story{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0 6% 60px;position:static;overflow:visible}.umk-story:not(.quiet-mode):not(.no-model) .static-story img{display:block}}
.umk-story .composition{--pt:.72px;--ui-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Inter", "Segoe UI", sans-serif;--ui-ink:#000;--ui-ink-2:#3c3c4399;--ui-ink-3:#3c3c434d;--ui-blue:#3586fa;--ui-blue-deep:#2c6cdb;--ui-blue-tint:#dce8fb;--ui-handle:#36a3ec;--ui-red:#ff3b30;--ui-glass:#ffffffdb;--ui-hair:#00000012;--ui-shadow:0 calc(2 * var(--pt)) calc(10 * var(--pt)) #0000000f, 0 0 0 max(.5px, calc(.5 * var(--pt))) #0000000f}.umk-story .app-shell{border-radius:calc(22 * var(--pt));box-shadow:0 0 0 1px #29272012, 0 calc(18 * var(--pt)) calc(60 * var(--pt)) #35291d1a, 0 calc(2 * var(--pt)) calc(8 * var(--pt)) #35291d0d;background:#fff;border:0}.umk-story .app-shell:after{display:none}.umk-story .app-shell .canvas-dots{opacity:0;background-image:radial-gradient(circle, #3c3c4338 calc(1.1 * var(--pt)), transparent calc(1.5 * var(--pt)));background-size:calc(30 * var(--pt)) calc(30 * var(--pt));background-position:calc(15 * var(--pt)) calc(15 * var(--pt));transition:opacity .35s;inset:0}.umk-story .app-shell[data-mode=spaces] .canvas-dots{opacity:1;background-size:calc(30 * var(--pt)) calc(30 * var(--pt))}.umk-story .ui-floor{height:72%;transform:perspective(calc(900 * var(--pt))) rotateX(68deg);transform-origin:50% 100%;background-image:linear-gradient(#3c3c4317 1px,#0000 1px),linear-gradient(90deg,#3c3c4317 1px,#0000 1px);background-size:calc(46 * var(--pt)) calc(46 * var(--pt));transition:opacity .35s;position:absolute;bottom:-8%;left:-40%;right:-40%;-webkit-mask-image:linear-gradient(#0000 8%,#000 90%);mask-image:linear-gradient(#0000 8%,#000 90%)}.umk-story .app-shell[data-mode=spaces] .ui-floor{opacity:0}.umk-story .app-chrome{z-index:8;opacity:0;visibility:hidden;pointer-events:none;border-radius:calc(22 * var(--pt));font-family:var(--ui-font);color:var(--ui-ink);-webkit-font-smoothing:antialiased;position:absolute;overflow:hidden;container-type:inline-size}.umk-story .app-chrome *{box-sizing:border-box}.umk-story .ui-sym{width:2em;height:2em;-webkit-mask:var(--sym) center / contain no-repeat;-webkit-mask:var(--sym) center / contain no-repeat;mask:var(--sym) center / contain no-repeat;background:currentColor;flex:none;margin:-.5em;display:inline-block}.umk-story .ui-loop{--sym:url(/brand/design-partner-mark.svg);width:calc(24 * var(--pt));height:calc(24 * var(--pt));margin:0}.umk-story .ui-small{font-size:.7em}.umk-story :is(.duo,.ui-badge,.ui-toast,.ui-close,.ui-send) .ui-sym{width:1.24em;height:1.24em;margin:-.12em}.umk-story .duo .ui-circle{font-size:calc(19 * var(--pt))}.umk-story .ui-editor,.umk-story .ui-space{transition:opacity .3s,visibility .3s;position:absolute;inset:0}.umk-story .app-chrome[data-mode=model] .ui-space,.umk-story .app-chrome[data-mode=spaces] .ui-editor{opacity:0;visibility:hidden}.umk-story .ui-top{height:calc(64 * var(--pt));padding:0 calc(14 * var(--pt));justify-content:space-between;align-items:center;gap:calc(10 * var(--pt));display:flex;position:absolute;inset:0 0 auto}.umk-story .ui-row{align-items:center;gap:calc(9 * var(--pt));min-width:0;display:flex}.umk-story .ui-traffic{gap:calc(7 * var(--pt));margin-right:calc(6 * var(--pt));display:flex}.umk-story .ui-traffic i{width:calc(11 * var(--pt));height:calc(11 * var(--pt));box-shadow:inset 0 0 0 max(.5px, calc(.5 * var(--pt))) #0000001f;background:#ff5f57;border-radius:50%}.umk-story .ui-traffic i+i{background:#febc2e}.umk-story .ui-traffic i+i+i{background:#28c840}.umk-story .ui-circle,.umk-story .ui-square,.umk-story .ui-capsule,.umk-story .ui-pill,.umk-story .ui-card{background:var(--ui-glass);-webkit-backdrop-filter:blur(calc(18 * var(--pt))) saturate(1.6);backdrop-filter:blur(calc(18 * var(--pt))) saturate(1.6);box-shadow:var(--ui-shadow)}.umk-story .ui-circle{width:calc(42 * var(--pt));height:calc(42 * var(--pt));font-size:calc(17 * var(--pt));border-radius:50%;flex:none;place-items:center;display:grid}.umk-story .ui-circle.ui-big{width:calc(50 * var(--pt));height:calc(50 * var(--pt));font-size:calc(18 * var(--pt));color:#3c3c43}.umk-story .ui-danger,.umk-story .ui-circle.ui-big.ui-danger{color:var(--ui-red)}.umk-story .ui-selbar-row>.ui-big:first-child{font-size:calc(15 * var(--pt));color:#3c3c4399}.umk-story .ui-title{align-items:center;gap:calc(7 * var(--pt));font-size:calc(17 * var(--pt));letter-spacing:-.01em;white-space:nowrap;margin-left:calc(4 * var(--pt));font-weight:600;display:inline-flex}.umk-story .ui-title-chevron{width:calc(19 * var(--pt));height:calc(19 * var(--pt));font-size:calc(11 * var(--pt));color:#3c3c4399;background:#78788024;border-radius:50%;place-items:center;display:grid}.umk-story .ui-capsule{height:calc(44 * var(--pt));padding:0 calc(5 * var(--pt));border-radius:calc(22 * var(--pt));align-items:center;display:inline-flex}.umk-story .ui-icon{width:calc(42 * var(--pt));height:calc(36 * var(--pt));border-radius:calc(18 * var(--pt));font-size:calc(17 * var(--pt));place-items:center;transition:background-color .25s,color .25s;display:grid;position:relative}.umk-story .ui-ctxbar .ui-icon{font-size:calc(15 * var(--pt))}.umk-story .ui-center-tools{position:absolute;left:50%;transform:translate(-50%)}.umk-story .ui-leftcol{left:calc(14 * var(--pt));bottom:calc(16 * var(--pt));gap:calc(9 * var(--pt));flex-direction:column;display:flex;position:absolute}.umk-story .ui-square{width:calc(46 * var(--pt));height:calc(40 * var(--pt));border-radius:calc(12 * var(--pt));font-size:calc(18 * var(--pt));place-items:center;display:grid}.umk-story .ui-leftcol>:is(:nth-child(2),:nth-child(3)){font-size:calc(16 * var(--pt))}.umk-story .ui-square.is-disabled{box-shadow:none;color:#3c3c4340;background:0 0}.umk-story .ui-selbar{left:50%;bottom:calc(14 * var(--pt));transform:translate(-50%, calc(90 * var(--pt)));opacity:0;align-items:center;gap:calc(6 * var(--pt));flex-direction:column;transition:transform .42s cubic-bezier(.2,.9,.3,1.15),opacity .25s;display:flex;position:absolute}.umk-story .ui-caption{font-size:calc(10 * var(--pt));letter-spacing:.06em;color:#3c3c4380;font-weight:600}.umk-story .ui-selbar-row{align-items:center;gap:calc(8 * var(--pt));display:flex}.umk-story .ui-tools{height:calc(52 * var(--pt));padding:0 calc(6 * var(--pt));border-radius:calc(26 * var(--pt))}.umk-story .ui-tool{justify-content:center;align-items:center;gap:calc(3 * var(--pt));min-width:calc(54 * var(--pt));height:calc(44 * var(--pt));padding:0 calc(6 * var(--pt));border-radius:calc(16 * var(--pt));font-size:calc(16 * var(--pt));flex-direction:column;transition:background-color .25s,color .25s;display:flex;position:relative}.umk-story .ui-tool>span{font-size:calc(10.5 * var(--pt));white-space:nowrap;color:#1c1c1e}.umk-story .ui-tool-narrow{min-width:calc(32 * var(--pt));color:#3c3c4399;font-size:calc(13 * var(--pt))}.umk-story .ui-swatch{width:calc(18 * var(--pt));height:calc(18 * var(--pt));box-shadow:inset 0 0 0 max(.5px, calc(.6 * var(--pt))) #0000002e;background:#e9dfce;border-radius:50%}.umk-story .ui-card{border-radius:calc(20 * var(--pt));opacity:0;transform:translate(-50%, calc(14 * var(--pt))) scale(.97);transition:transform .4s cubic-bezier(.2,.9,.3,1.1),opacity .22s;position:absolute;left:50%}.umk-story .ui-combine{bottom:calc(18 * var(--pt));width:calc(300 * var(--pt));padding:calc(14 * var(--pt)) calc(14 * var(--pt)) calc(14 * var(--pt));gap:calc(10 * var(--pt));flex-direction:column;display:flex}.umk-story .ui-card-head{font-size:calc(16 * var(--pt));justify-content:space-between;align-items:center;font-weight:600;display:flex}.umk-story .ui-close{width:calc(26 * var(--pt));height:calc(26 * var(--pt));font-size:calc(10 * var(--pt));color:#3c3c43b3;background:#7878801f;border-radius:50%;place-items:center;display:grid}.umk-story .ui-segmented{padding:calc(2 * var(--pt));border-radius:calc(9 * var(--pt));font-size:calc(12.5 * var(--pt));text-align:center;background:#7676801f;grid-template-columns:repeat(3,1fr);font-weight:500;display:grid}.umk-story .ui-segmented span{padding:calc(6 * var(--pt)) 0;border-radius:calc(7 * var(--pt))}.umk-story .ui-segmented .is-on{box-shadow:0 calc(1 * var(--pt)) calc(4 * var(--pt)) #0000001a;background:#fff;font-weight:600}.umk-story .ui-help{font-size:calc(12 * var(--pt));color:var(--ui-ink-2);margin:0}.umk-story .ui-list{border-radius:calc(11 * var(--pt));box-shadow:0 0 0 max(.5px, calc(.5 * var(--pt))) var(--ui-hair);font-size:calc(13 * var(--pt));background:#fff;flex-direction:column;display:flex}.umk-story .ui-list>span{padding:calc(9 * var(--pt)) calc(12 * var(--pt));justify-content:space-between;display:flex}.umk-story .ui-list>span+span{border-top:max(.5px, calc(.5 * var(--pt))) solid var(--ui-hair)}.umk-story .ui-list b{font-weight:500}.umk-story .ui-list span span{color:var(--ui-ink-2)}.umk-story .ui-primary,.umk-story .ui-filled{height:calc(40 * var(--pt));border-radius:calc(20 * var(--pt));background:var(--ui-blue-deep);color:#fff;font-size:calc(14.5 * var(--pt));place-items:center;font-weight:600;transition:filter .2s,transform .2s;display:grid}.umk-story .ui-tinted{height:calc(40 * var(--pt));padding:0 calc(15 * var(--pt));border-radius:calc(20 * var(--pt));background:var(--ui-blue-tint);color:#000;font-size:calc(14.5 * var(--pt));place-items:center;font-weight:600;display:grid}.umk-story .ui-previewbar{bottom:calc(20 * var(--pt));padding:calc(9 * var(--pt)) calc(9 * var(--pt)) calc(9 * var(--pt));align-items:center;gap:calc(8 * var(--pt));border-radius:calc(24 * var(--pt));flex-direction:column;display:flex}.umk-story .ui-previewbar-text{font-size:calc(13 * var(--pt));color:#3c3c43;white-space:nowrap}.umk-story .ui-previewbar-buttons{gap:calc(8 * var(--pt));display:flex}.umk-story .ui-previewbar .ui-filled{padding:0 calc(18 * var(--pt))}.umk-story .when-ready,.umk-story .when-making{display:none}.umk-story .ui-bottomleft{left:calc(12 * var(--pt));bottom:calc(14 * var(--pt));gap:calc(8 * var(--pt));display:flex;position:absolute}.umk-story .ui-pill{align-items:center;gap:calc(6 * var(--pt));height:calc(38 * var(--pt));padding:0 calc(12 * var(--pt));border-radius:calc(12 * var(--pt));font-size:calc(14 * var(--pt));font-weight:500;display:inline-flex}.umk-story .ui-pill .ui-sym{font-size:calc(13 * var(--pt))}.umk-story .ui-pill>.ui-sym:first-child{margin-inline:calc(-3 * var(--pt)) calc(-.5 * var(--pt))}.umk-story .ui-pill .ui-small{font-size:calc(10 * var(--pt));color:#3c3c4399}.umk-story .ui-pill>.ui-small:last-child{margin-inline:calc(-7 * var(--pt)) calc(-4.25 * var(--pt))}.umk-story .app-shell .board-content{container-type:size}.umk-story .app-shell .board-item{box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;transform:none}.umk-story .app-shell .board-item img{object-fit:cover}.umk-story .app-shell .board-sketch{width:24%;height:36%;top:23%;left:7%;transform:none}.umk-story .app-shell .board-sketch img{mix-blend-mode:multiply}.umk-story .app-shell .board-reference{width:22%;height:39%;top:25%;left:auto;right:5%;transform:none}.umk-story .app-shell .board-model{border-radius:calc(10 * var(--pt));width:36%;height:49%;box-shadow:inset 0 0 0 max(.5px, calc(.6 * var(--pt))) #0000000f;background:#f6f5f3;top:23%;left:35%}.umk-story .ui-badge{left:calc(8 * var(--pt));top:calc(8 * var(--pt));align-items:center;gap:calc(4 * var(--pt));padding:calc(3 * var(--pt)) calc(7 * var(--pt));border-radius:calc(8 * var(--pt));box-shadow:var(--ui-shadow);font:600 calc(10.5 * var(--pt)) / 1.2 var(--ui-font);color:#3c3c43;background:#ffffffe6;display:inline-flex;position:absolute}.umk-story .ui-badge .ui-sym{font-size:calc(11 * var(--pt))}.umk-story .ui-item-name{left:0;top:calc(100% + 7 * var(--pt));font:500 calc(11 * var(--pt)) / 1.3 var(--ui-font);color:#3c3c43b3;white-space:nowrap;position:absolute}.umk-story .app-shell .board-note{width:22%;max-width:none;padding:calc(12 * var(--pt)) calc(13 * var(--pt));border-radius:calc(4 * var(--pt));box-shadow:0 calc(2 * var(--pt)) calc(6 * var(--pt)) #00000014;font:calc(12.5 * var(--pt)) / 1.45 var(--ui-font);color:#3a3527;background:#fff7cc;top:66%;left:7%;transform:rotate(-1.5deg)}.umk-story .app-shell .board-note p{margin:0}.umk-story .app-shell .board-palette{padding:calc(6 * var(--pt));border-radius:calc(10 * var(--pt));box-shadow:0 0 0 max(.5px, calc(.5 * var(--pt))) var(--ui-hair), 0 calc(2 * var(--pt)) calc(8 * var(--pt)) #0000000d;background:#fff;gap:0;top:70%;left:auto;right:6%}.umk-story .app-shell .board-palette i{width:calc(30 * var(--pt));height:calc(40 * var(--pt));border:0;border-radius:0}.umk-story .app-shell .board-palette i:first-child{border-radius:calc(6 * var(--pt)) 0 0 calc(6 * var(--pt));background:#efe6d6}.umk-story .app-shell .board-palette i:nth-child(2){background:#c9b79c}.umk-story .app-shell .board-palette i:nth-child(3){background:#7a4e36}.umk-story .app-shell .board-palette i:nth-child(4){background:#823f3a}.umk-story .app-shell .board-palette i:nth-child(5){border-radius:0 calc(6 * var(--pt)) calc(6 * var(--pt)) 0;background:#8fa1b3}.umk-story .app-shell .board-content.is-selected [data-sel]{outline:max(1px, calc(1.2 * var(--pt))) solid var(--ui-handle);outline-offset:calc(3 * var(--pt))}.umk-story .ui-group-box{border:max(1px, calc(1.2 * var(--pt))) dashed #36a3ecbf;border-radius:calc(4 * var(--pt));opacity:0;transition:opacity .25s;position:absolute;inset:19% 3.5% 25% 5%}.umk-story .ui-group-box:before,.umk-story .ui-group-box:after{content:"";width:calc(9 * var(--pt));height:calc(9 * var(--pt));background:var(--ui-handle);box-shadow:0 0 0 calc(1.5 * var(--pt)) #fff;border-radius:50%;position:absolute}.umk-story .ui-group-box:before{left:calc(-5 * var(--pt));top:calc(-5 * var(--pt))}.umk-story .ui-group-box:after{right:calc(-5 * var(--pt));bottom:calc(-5 * var(--pt))}.umk-story .app-shell .board-content.is-selected .ui-group-box{opacity:1}.umk-story .ui-ctxbar{opacity:0;transform:translate(-50%, calc(6 * var(--pt))) scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.15),opacity .2s;position:absolute;top:11.5%;left:50%}.umk-story .ui-popover{top:calc(74 * var(--pt));left:auto;right:calc(70 * var(--pt));width:calc(270 * var(--pt));padding:calc(12 * var(--pt));transform:translate(0, calc(-8 * var(--pt))) scale(.97);transform-origin:80% 0;background:#f2f2f7f0}.umk-story .ui-popover-title{text-align:center;font-size:calc(15 * var(--pt));margin-bottom:calc(8 * var(--pt));font-weight:600;display:block}.umk-story .ui-section{font-size:calc(13 * var(--pt));color:#3c3c439e;margin:0 0 calc(6 * var(--pt)) calc(4 * var(--pt));font-weight:600;display:block}.umk-story .ui-group{border-radius:calc(12 * var(--pt));background:#fff;flex-direction:column;display:flex;overflow:hidden}.umk-story .ui-row-item{align-items:center;gap:calc(10 * var(--pt));padding:calc(8 * var(--pt)) calc(10 * var(--pt));transition:background-color .25s;display:flex;position:relative}.umk-story .ui-row-item+.ui-row-item:before{content:"";top:0;left:calc(46 * var(--pt));border-top:max(.5px, calc(.5 * var(--pt))) solid var(--ui-hair);position:absolute;right:0}.umk-story .ui-row-item b,.umk-story .ui-composer-head b{font-size:calc(14 * var(--pt));font-weight:500;display:block}.umk-story .ui-row-item small,.umk-story .ui-composer-head small{font-size:calc(11 * var(--pt));color:var(--ui-ink-2);white-space:nowrap;display:block}.umk-story .ui-tile{width:calc(30 * var(--pt));height:calc(30 * var(--pt));border-radius:calc(7.8 * var(--pt));flex:none;place-items:center;display:grid}.umk-story .ui-tile .ui-sym{width:52%;height:52%;margin:0}.umk-story .t-blue{color:#2f7ff0;background:#e1edfd}.umk-story .t-indigo{color:#5856d6;background:#e6e6fb}.umk-story .t-purple{color:#af52de;background:#f3e5fa}.umk-story .t-rose{color:#e0475f;background:#fde4e7}.umk-story .ui-composer{bottom:calc(18 * var(--pt));width:min(calc(430 * var(--pt)), 86%);padding:calc(11 * var(--pt));gap:calc(9 * var(--pt));background:#fffffff0;flex-direction:column;display:flex}.umk-story .ui-composer-head{align-items:center;gap:calc(10 * var(--pt));display:flex}.umk-story .ui-composer-head>span{flex:1;min-width:0}.umk-story .ui-thumbs{gap:calc(6 * var(--pt));display:flex}.umk-story .ui-thumbs>*{width:calc(40 * var(--pt));height:calc(40 * var(--pt));border-radius:calc(7 * var(--pt));object-fit:cover;box-shadow:inset 0 0 0 max(.5px, calc(.5 * var(--pt))) var(--ui-hair);background:#f2f2f7}.umk-story .ui-thumb-model{background:linear-gradient(160deg,#f1ebe0,#e2d6c3)!important}.umk-story .ui-thumb-note{background:#fff7cc!important}.umk-story .ui-thumb-palette{background:linear-gradient(90deg,#efe6d6 0 25%,#c9b79c 25% 50%,#7a4e36 50% 75%,#8fa1b3 75%)!important}.umk-story .ui-field{align-items:center;gap:calc(8 * var(--pt));padding:calc(5 * var(--pt)) calc(5 * var(--pt)) calc(5 * var(--pt)) calc(12 * var(--pt));border-radius:calc(18 * var(--pt));background:#76768014;display:flex}.umk-story .ui-field-text{min-width:0;font-size:calc(13.5 * var(--pt));white-space:nowrap;flex:1;position:relative;overflow:hidden}.umk-story .ui-placeholder{color:#3c3c4366}.umk-story .ui-field-text.is-typing .ui-placeholder{display:none}.umk-story .ui-caret{width:max(1px, calc(1.6 * var(--pt)));vertical-align:-.18em;background:var(--ui-blue);height:1.1em;margin-left:1px;animation:1s step-end infinite ui-blink;display:inline-block}@keyframes ui-blink{50%{opacity:0}}.umk-story .app-chrome:not([data-step=compose]):not([data-step=composing]) .ui-caret{animation-play-state:paused}.umk-story .ui-send{width:calc(30 * var(--pt));height:calc(30 * var(--pt));color:#fff;font-size:calc(14 * var(--pt));background:#1c1c1e;border-radius:50%;flex:none;place-items:center;display:grid}.umk-story .ui-message{padding:calc(7 * var(--pt)) calc(12 * var(--pt));border-radius:calc(16 * var(--pt));background:var(--ui-blue);color:#fff;font-size:calc(13 * var(--pt));align-self:flex-end}.umk-story .ui-composer-head>.ui-addall{height:calc(32 * var(--pt));padding:0 calc(14 * var(--pt));font-size:calc(13 * var(--pt));opacity:.35;flex:none;transition:opacity .3s}.umk-story .ui-ideas{gap:calc(5 * var(--pt));grid-template-columns:repeat(6,1fr);display:grid}.umk-story .ui-ideas i{aspect-ratio:3/2;border-radius:calc(6 * var(--pt));box-shadow:inset 0 0 0 max(.5px, calc(.5 * var(--pt))) var(--ui-hair);opacity:.25;filter:blur(calc(3 * var(--pt))) saturate(.4);background:#f2f2f7 50%/cover no-repeat;transition:opacity .4s,filter .6s}.umk-story .ui-variations-card[data-count] .ui-ideas i{opacity:.25}.umk-story .ui-variations-card[data-count="1"] .ui-ideas i:nth-child(-n+1),.umk-story .ui-variations-card[data-count="2"] .ui-ideas i:nth-child(-n+2),.umk-story .ui-variations-card[data-count="3"] .ui-ideas i:nth-child(-n+3),.umk-story .ui-variations-card[data-count="4"] .ui-ideas i:nth-child(-n+4),.umk-story .ui-variations-card[data-count="5"] .ui-ideas i:nth-child(-n+5),.umk-story .ui-variations-card[data-count="6"] .ui-ideas i,.umk-story .app-chrome:is([data-step=ready],[data-step=adding]) .ui-ideas i{opacity:1;filter:none}.umk-story .ui-count{font-variant-numeric:tabular-nums}.umk-story .ui-toast{left:50%;top:calc(74 * var(--pt));align-items:center;gap:calc(6 * var(--pt));padding:calc(9 * var(--pt)) calc(15 * var(--pt));border-radius:calc(20 * var(--pt));box-shadow:var(--ui-shadow), 0 calc(6 * var(--pt)) calc(20 * var(--pt)) #00000014;font-size:calc(13.5 * var(--pt));opacity:0;transform:translate(-50%, calc(-10 * var(--pt)));background:#ffffffeb;font-weight:600;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .25s;display:inline-flex;position:absolute}.umk-story .ui-toast .ui-sym{color:#34c759;font-size:calc(14 * var(--pt))}.umk-story .ui-touch{width:calc(40 * var(--pt));height:calc(40 * var(--pt));margin:calc(-20 * var(--pt)) 0 0 calc(-20 * var(--pt));box-shadow:0 0 0 calc(1.5 * var(--pt)) #ffffffe6, 0 calc(2 * var(--pt)) calc(8 * var(--pt)) #0000001f;opacity:0;pointer-events:none;background:#3c3c4338;border-radius:50%;position:absolute;top:0;left:0}.umk-story .ui-touch.is-tapping{animation:.7s ease-out both ui-tap}@keyframes ui-tap{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:scale(.9)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.umk-story [data-tap].is-pressed{background-color:#78788029}.umk-story .ui-primary[data-tap].is-pressed,.umk-story .ui-filled[data-tap].is-pressed{background-color:var(--ui-blue-deep);filter:brightness(.88);transform:scale(.97)}.umk-story .app-chrome:is([data-step=select],[data-step=multi]) .ui-selbar{opacity:1;transform:translate(-50%)}.umk-story .app-chrome[data-step=combine] .ui-combine,.umk-story .app-chrome:is([data-step=preparing],[data-step=preview]) .ui-previewbar{opacity:1;transform:translate(-50%)scale(1)}.umk-story .app-chrome[data-step=preview] .when-preparing{display:none}.umk-story .app-chrome[data-step=preview] .when-ready{display:inline}.umk-story .app-chrome[data-step=send] [data-tap=add-to-space]{background:var(--ui-blue-tint);color:var(--ui-blue)}.umk-story .app-chrome:is([data-step=selected],[data-step=tools]) .ui-ctxbar{opacity:1;transform:translate(-50%)scale(1)}.umk-story .app-chrome[data-step=tools] .ui-aitools{opacity:1;transform:translate(0)scale(1)}.umk-story .app-chrome[data-step=tools] .ui-ai-button{background:var(--ui-blue-tint);color:var(--ui-blue)}.umk-story .app-chrome:is([data-step=compose],[data-step=composing]) .ui-compose{opacity:1;transform:translate(-50%)scale(1)}.umk-story .app-chrome[data-step=composing] .ui-compose{opacity:0;transform:translate(-50%, calc(10 * var(--pt))) scale(.98);transition-delay:.25s}.umk-story .app-chrome[data-step=composed] .ui-toast{opacity:1;transform:translate(-50%)}.umk-story .app-chrome:is([data-step=planning],[data-step=making],[data-step=ready],[data-step=adding]) .ui-variations-card{opacity:1;transform:translate(-50%)scale(1)}.umk-story .app-chrome[data-step=planning] .when-planning{display:inline}.umk-story .app-chrome[data-step=making] .when-planning,.umk-story .app-chrome[data-step=ready] .when-planning{display:none}.umk-story .app-chrome[data-step=making] .when-making{display:inline}.umk-story .app-chrome:is([data-step=ready],[data-step=adding]) .when-planning{display:none}.umk-story .app-chrome:is([data-step=ready],[data-step=adding]) .when-ready{display:inline}.umk-story .app-chrome:is([data-step=ready],[data-step=adding]) .ui-addall{opacity:1}.umk-story .room-output>canvas{width:100%;height:100%;display:none;position:absolute;inset:0}.umk-story .room-output.fx-live.is-working>canvas{display:block}.umk-story .room-output.fx-live.is-working .room-drawing,.umk-story .room-output.is-composed .room-drawing{visibility:hidden}.umk-story .room-fx,.umk-story .room-fx>i,.umk-story .room-fx-settle{pointer-events:none;display:none;position:absolute;inset:0}.umk-story .room-output.fx-css.is-working .room-fx{animation:.6s ease-out both fx-ramp-in;display:block;overflow:hidden}.umk-story .room-output.fx-css.is-working .room-fx>i{display:block}.umk-story .room-fx>.fx-band{opacity:.4;background:linear-gradient(90deg,#3d8fff 0%,#9e5cff 31.25%,#ff61a8 62.5%,#ffa14d 93.75%,#ef9b72 100%);animation:3.6s linear -.55s infinite fx-band;-webkit-mask-image:radial-gradient(100% 90% at 50% 140%,#0000 72%,#0000001a 85%,#00000059 95%,#000c 100%,#00000059 105%,#0000001a 115%,#0000 128%);mask-image:radial-gradient(100% 90% at 50% 140%,#0000 72%,#0000001a 85%,#00000059 95%,#000c 100%,#00000059 105%,#0000001a 115%,#0000 128%)}@property --fx-rim-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.umk-story .room-fx>.fx-rim{background:conic-gradient(from var(--fx-rim-turn), #3d8fff, #9e5cff, #ff61a8, #ffa14d, #3d8fff);opacity:.34;animation:12.5s linear infinite fx-rim-turn,1.96s ease-in-out infinite alternate fx-rim-breathe;-webkit-mask-image:linear-gradient(90deg,#000,#0000005e 2%,#00000024 4%,#0000 8%),linear-gradient(270deg,#000,#0000005e 2%,#00000024 4%,#0000 8%),linear-gradient(#000,#0000005e 3%,#00000024 6%,#0000 12%),linear-gradient(#0000 88%,#00000024 94%,#0000005e 97%,#000);mask-image:linear-gradient(90deg,#000,#0000005e 2%,#00000024 4%,#0000 8%),linear-gradient(270deg,#000,#0000005e 2%,#00000024 4%,#0000 8%),linear-gradient(#000,#0000005e 3%,#00000024 6%,#0000 12%),linear-gradient(#0000 88%,#00000024 94%,#0000005e 97%,#000)}.umk-story .room-output.is-settling:not(.fx-live) .room-drawing,.umk-story .room-output.is-settling:not(.fx-live) .room-fx{-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 86.7%, #000 103.3%);-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 86.7%, #000 103.3%);mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 86.7%, #000 103.3%)}.umk-story .room-output.is-settling:not(.fx-live) .room-fx-settle{opacity:.6;-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 91%, #000 100%, transparent 109%);-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 91%, #000 100%, transparent 109%);mask-image:radial-gradient(ellipse 100% 90% at 50% var(--settle-y), transparent 91%, #000 100%, transparent 109%);background:linear-gradient(90deg,#77b0ff 0%,#bb8dff 31.25%,#ff90c2 62.5%,#ffbe88 93.75%,#f4b998 100%);display:block}@keyframes fx-ramp-in{0%{opacity:0}}@keyframes fx-band{0%{transform:translateY(80%)}to{transform:translateY(-85%)}}@keyframes fx-rim-turn{to{--fx-rim-turn:360deg}}@keyframes fx-rim-breathe{0%{opacity:.2}to{opacity:.34}}.umk-story .ui-manip{z-index:5;pointer-events:none;opacity:0;font-family:var(--ui-font);transition:opacity .25s;position:absolute;inset:0}.umk-story .ui-manip.is-on{opacity:1}.umk-story .ui-manip>*{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.umk-story .ui-arrow{width:calc(46 * var(--pt));line-height:0}.umk-story .ui-arrow svg{width:100%;height:auto;filter:drop-shadow(0 calc(1 * var(--pt)) calc(2 * var(--pt)) #00000040);overflow:visible}.umk-story .ui-arrow path{stroke-linejoin:round;stroke-linecap:round}.umk-story .ui-arrow-edge{fill:#1c1c1e;stroke:#1c1c1e;stroke-width:9px}.umk-story .ui-arrow-fill{fill:#fff;stroke:#fff;stroke-width:4.5px}.umk-story .ui-arrow path:not([d*=z]){fill:none}.umk-story .ui-dim{padding:calc(3 * var(--pt)) calc(9 * var(--pt));border-radius:calc(12 * var(--pt));box-shadow:0 0 0 max(.5px, calc(.6 * var(--pt))) #0000002e, 0 calc(1 * var(--pt)) calc(4 * var(--pt)) #0000001f;font-size:calc(11.5 * var(--pt));font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;font-weight:600}.umk-story .ui-dim-v{writing-mode:vertical-rl;padding:calc(9 * var(--pt)) calc(3 * var(--pt));transform:translate(-50%,-50%)rotate(180deg)}.umk-story .ui-knob{width:calc(13 * var(--pt));height:calc(13 * var(--pt));box-shadow:0 0 0 max(1px, calc(1.2 * var(--pt))) #1c1c1e;background:#fff;border-radius:50%}@container (max-width:560px){.umk-story .ui-hide-compact{display:none!important}.umk-story .ui-title{font-size:calc(15 * var(--pt))}.umk-story .ui-tool{min-width:calc(48 * var(--pt))}.umk-story .ui-popover{right:calc(12 * var(--pt))}}@media (prefers-reduced-motion:reduce){.umk-story .ui-touch.is-tapping,.umk-story .room-fx,.umk-story .room-fx>i{animation:none}.umk-story .room-fx>.fx-band{opacity:.12;transform:none;-webkit-mask-image:none;mask-image:none}}.umk-story .app-shell .board-model>.ui-badge{top:calc(8 * var(--pt));left:calc(8 * var(--pt));white-space:nowrap;width:auto;font:600 calc(10.5 * var(--pt)) / 1.2 var(--ui-font);color:#3c3c43;bottom:auto}.umk-story .app-shell .board-model>.ui-item-name{top:calc(100% + 7 * var(--pt));white-space:nowrap;width:auto;font:500 calc(11 * var(--pt)) / 1.3 var(--ui-font);color:#3c3c43b3;bottom:auto}.umk-story .studio{--open:0;--travel:0;--facing:1;--ground:0;--lift:0;--wake:1;--dw:600px;--dpt:.6px;box-shadow:none;font-family:var(--ui-font);color:var(--ui-ink);background:0 0;border:0;border-radius:0;display:block;overflow:visible;container-type:normal}.umk-story .duo{--t:calc(var(--dw) * .0316);--rim:max(1px, calc(var(--dw) * .0016));--r-far:calc(var(--dw) * .068);--r-hinge:calc(var(--dw) * .006);--rim-hi:#ffffff21;--rim-lo:#121110;width:var(--dw);aspect-ratio:1.397;transform:translate(calc(-50% + (1 - var(--travel)) * var(--dw) * -.25), -50%);position:absolute;top:calc(50% - 14px);left:50%}.umk-story .duo-body{position:absolute;inset:0}.umk-story .duo-fold{pointer-events:none;perspective:calc(var(--dw) * 5);perspective-origin:calc(50% + (1 - var(--travel)) * 25%) 50%;transform-style:preserve-3d;position:absolute;inset:0}.umk-story .duo-half,.umk-story .duo-face{width:50%;padding:calc(var(--dw) * .0209);box-shadow:inset 0 0 0 var(--rim) var(--rim-hi), inset 0 0 0 calc(var(--rim) * 2.2) var(--rim-lo);background:linear-gradient(#34332f,#1c1b1a 55%,#232220);position:absolute;top:0;bottom:0}.umk-story .duo-right{isolation:isolate;border-radius:0 var(--r-far) var(--r-far) 0;box-shadow:inset calc(var(--rim) * -1) 0 var(--rim-hi), inset 0 var(--rim) var(--rim-hi), inset 0 calc(var(--rim) * -1) var(--rim-hi), inset calc(var(--rim) * -2.2) 0 var(--rim-lo), inset 0 calc(var(--rim) * 2.2) var(--rim-lo), inset 0 calc(var(--rim) * -2.2) var(--rim-lo), 0 calc(var(--dw) * .04) calc(var(--dw) * .09) #291f1438;padding-left:0;left:50%}.umk-story .duo-flap{transform-origin:0;width:50%;transform:rotateY(calc(var(--open) * -180deg));transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:50%}.umk-story .duo-face{backface-visibility:hidden;width:100%;left:0}.umk-story .duo-front{border-radius:var(--r-hinge) var(--r-far) var(--r-far) var(--r-hinge);transform:translateZ(var(--t))}.umk-story .duo-back{border-radius:var(--r-far) 0 0 var(--r-far);width:calc(100% + .6px);box-shadow:inset var(--rim) 0 var(--rim-hi), inset 0 var(--rim) var(--rim-hi), inset 0 calc(var(--rim) * -1) var(--rim-hi), inset calc(var(--rim) * 2.2) 0 var(--rim-lo), inset 0 calc(var(--rim) * 2.2) var(--rim-lo), inset 0 calc(var(--rim) * -2.2) var(--rim-lo);padding-right:0;left:-.6px;transform:rotateY(180deg)}.umk-story .duo-edge{top:0;bottom:0;left:calc(100% - var(--t));width:var(--t);border-radius:calc(var(--t) / 2);transform-origin:100%;transform:rotateY(90deg) scaleY(calc(1 - .1676 * var(--facing)));backface-visibility:hidden;background:linear-gradient(90deg,#191817,#34332f 30%,#55534e 52%,#2c2b28 75%,#191817);position:absolute}.umk-story .duo-layer{--k:.34;border-radius:var(--r-hinge) var(--r-far) var(--r-far) var(--r-hinge);transform:translateZ(calc(var(--t) * var(--k)));opacity:clamp(0, calc(var(--facing) * 5 - .5), 1);background:#1e1d1b;position:absolute;inset:0}.umk-story .duo-layer+.duo-layer{--k:.67}.umk-story .duo-face:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.umk-story .duo-front:after{opacity:min(1, calc(var(--open) * 2.4));background:linear-gradient(90deg,#00000040,#0000009e)}.umk-story .duo-front:before{content:"";z-index:7;border-radius:inherit;opacity:clamp(0, calc((var(--open) - .33) * 6.5), 1);pointer-events:none;background:linear-gradient(90deg,#eceae64d,#eceae6e6);position:absolute;inset:0}.umk-story .duo-back:after{opacity:min(1, calc((1 - var(--open)) * 2.6));background:linear-gradient(90deg,#0000009e,#00000038 60%,#00000014)}.umk-story .duo-seam{left:50%;top:calc(var(--dw) * .0209);bottom:calc(var(--dw) * .0209);width:calc(var(--dw) * .014);margin-left:calc(var(--dw) * -.007);opacity:calc(var(--open) * (1 - var(--open)) * 4);background:linear-gradient(90deg,#0000,#00000012 42%,#ffffff2e 58%,#0000);position:absolute;transform:translateZ(1px)}.umk-story .duo-spine{left:calc(50% - var(--dw) * .011);width:calc(var(--dw) * .014);transform:translateZ(calc(var(--t) * .5));opacity:clamp(0, calc(1 - var(--open) * 9), 1);pointer-events:none;background:linear-gradient(90deg,#191817,#4a4844 45%,#2a2927 80%,#191817);border-radius:99px;position:absolute;top:1.2%;bottom:1.2%}.umk-story .duo-shadow{border-radius:var(--r-far) 0 0 var(--r-far);width:50%;box-shadow:0 calc(var(--dw) * .04) calc(var(--dw) * .09) #291f1438;transform:translateZ(calc(var(--t) * -1));opacity:var(--ground);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.umk-story .duo-screen{background:#fff;height:100%;position:relative;overflow:hidden}.umk-story .duo-right .duo-screen{border-radius:0 calc(var(--dw) * .052) calc(var(--dw) * .052) 0}.umk-story .duo-back .duo-screen{border-radius:calc(var(--dw) * .052) 0 0 calc(var(--dw) * .052);background:#f5f5f7}.umk-story .duo-outer{border-radius:calc(var(--dw) * .004) calc(var(--dw) * .058) calc(var(--dw) * .058) calc(var(--dw) * .004);background:#000}.umk-story .duo-outer img{object-fit:cover;object-position:57% 50%;width:100%;height:100%;display:block}.umk-story .duo-outer:after{content:"";z-index:8;transform:translateX(calc((var(--lift) * 2 - 1) * 100%));pointer-events:none;background:linear-gradient(112deg,#fff0 38%,#fff3 46%,#ffffff80 50%,#fff3 54%,#fff0 62%);position:absolute;inset:0}.umk-story .duo-right .duo-screen:after{content:"";z-index:5;opacity:clamp(0, calc(1.25 - var(--open) * 4.4), 1);pointer-events:none;background:linear-gradient(90deg,#000000b8,#000000a3 55%,#0009);position:absolute;inset:0}.umk-story .duo-back .duo-screen:after{content:"";z-index:1;opacity:calc(1 - var(--wake));pointer-events:none;background:#fafafc33;position:absolute;inset:0}.umk-story .duo-outer-label{left:50%;bottom:calc(var(--dw) * .03);align-items:center;gap:calc(5 * var(--dpt));padding:calc(6 * var(--dpt)) calc(12 * var(--dpt));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:calc(13 * var(--dpt));white-space:nowrap;background:#ffffffdb;border-radius:99px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%)}.umk-story .duo-inspector{padding:calc(16 * var(--dpt)) calc(18 * var(--dpt));gap:calc(14 * var(--dpt));--pt:var(--dpt);flex-direction:column;display:flex;position:absolute;inset:0}.umk-story .duo-head{align-items:center;gap:calc(12 * var(--dpt));font-size:calc(17 * var(--dpt));display:flex}.umk-story .duo-head b{font-weight:600}.umk-story .duo-group{gap:calc(8 * var(--dpt));flex-direction:column;display:flex}.umk-story .duo-label{font-size:calc(11 * var(--dpt));letter-spacing:.04em;text-transform:uppercase;color:#3c3c438c;font-weight:600}.umk-story .duo-chips{gap:calc(6 * var(--dpt));flex-wrap:wrap;display:flex}.umk-story .duo-chip{align-items:center;gap:calc(5 * var(--dpt));height:calc(30 * var(--dpt));padding:0 calc(11 * var(--dpt));box-shadow:0 0 0 max(.5px, calc(.6 * var(--dpt))) #00000014, 0 calc(1 * var(--dpt)) calc(3 * var(--dpt)) #0000000a;font-size:calc(12.5 * var(--dpt));white-space:nowrap;background:#fff;border-radius:99px;font-weight:500;transition:background-color .3s,color .3s,box-shadow .3s;display:inline-flex}.umk-story .duo-chip .ui-sym{font-size:calc(14 * var(--dpt))}.umk-story .duo-tools{gap:calc(4 * var(--dpt));padding:calc(4 * var(--dpt));border-radius:calc(14 * var(--dpt));box-shadow:0 0 0 max(.5px, calc(.6 * var(--dpt))) #00000012;background:#fff;grid-template-columns:repeat(6,1fr);display:grid}.umk-story .duo-tool{align-items:center;gap:calc(3 * var(--dpt));padding:calc(6 * var(--dpt)) 0;border-radius:calc(10 * var(--dpt));font-size:calc(10 * var(--dpt));color:#1c1c1e;flex-direction:column;font-weight:500;transition:background-color .3s,color .3s;display:flex}.umk-story .duo-tool .ui-sym{font-size:calc(16 * var(--dpt))}.umk-story .studio[data-shot="2"] .duo-tool[data-tool=Material]{background:var(--ui-blue-tint);color:#1f5fcf}.umk-story .studio[data-chip=Golden\ hour] .duo-chip[data-chip=Golden\ hour],.umk-story .studio[data-chip=Rose\ clay] .duo-chip[data-chip=Rose\ clay]{background:var(--ui-blue-tint);color:#1f5fcf;box-shadow:0 0 0 max(1px, calc(1.2 * var(--dpt))) #3586fa8c}.umk-story .duo-composer{padding:calc(10 * var(--dpt)) calc(10 * var(--dpt)) calc(9 * var(--dpt)) calc(14 * var(--dpt));border-radius:calc(18 * var(--dpt));box-shadow:0 0 0 max(.5px, calc(.6 * var(--dpt))) #00000012, 0 calc(2 * var(--dpt)) calc(10 * var(--dpt)) #0000000d;gap:calc(9 * var(--dpt));background:#fff;flex-direction:column;margin-top:auto;display:flex}.umk-story .duo-prompt{align-items:center;gap:calc(7 * var(--dpt));font-size:calc(14 * var(--dpt));min-height:calc(18 * var(--dpt));display:flex}.umk-story .duo-prompt>.ui-sym{color:#3c3c4366;font-size:calc(13 * var(--dpt))}.umk-story .studio[data-shot="0"] .duo-prompt-text{color:#3c3c4366}.umk-story .duo-composer-row{align-items:center;gap:calc(7 * var(--dpt));display:flex}.umk-story .duo-spacer{flex:1}.umk-story .duo-round{width:calc(32 * var(--dpt));height:calc(32 * var(--dpt));font-size:calc(15 * var(--dpt));color:#3c3c43;background:#7676801a;border-radius:50%;place-items:center;display:grid}.umk-story .duo-round.is-on{background:var(--ui-blue-tint);color:var(--ui-blue)}.umk-story .duo-send{color:#fff;background:#1c1c1e}.umk-story .duo-right .duo-screen{padding:calc(12 * var(--dpt)) calc(14 * var(--dpt)) calc(12 * var(--dpt)) calc(10 * var(--dpt));gap:calc(9 * var(--dpt));--pt:var(--dpt);flex-direction:column;display:flex}.umk-story .duo-toolbar{justify-content:flex-end;gap:calc(8 * var(--dpt));display:flex}.umk-story .duo-toolbar .ui-capsule{height:calc(36 * var(--dpt))}.umk-story .duo-toolbar .ui-icon{width:calc(34 * var(--dpt));height:calc(30 * var(--dpt));font-size:calc(16 * var(--dpt))}.umk-story .duo-toolbar .is-dim{color:#3c3c434d}.umk-story .duo-add{gap:calc(6 * var(--dpt));padding:0 calc(12 * var(--dpt));font-size:calc(13 * var(--dpt));font-weight:600}.umk-story .duo .studio-picture{border-radius:calc(12 * var(--dpt));background:#ece5da;flex:1;min-height:0;margin:0}.umk-story .duo .studio-picture video{object-fit:cover}.umk-story .duo .studio-shot-label{left:calc(10 * var(--dpt));bottom:calc(9 * var(--dpt));font:500 calc(11 * var(--dpt)) / 1.2 var(--mono)}.umk-story .duo .studio-kind{right:calc(9 * var(--dpt));top:calc(9 * var(--dpt));padding:calc(4 * var(--dpt)) calc(9 * var(--dpt));font-size:calc(11 * var(--dpt));background:#ffffffd9;border-radius:99px;font-weight:600;position:absolute}.umk-story .duo .studio-transport{font:500 calc(11.5 * var(--dpt)) / 1 var(--ui-font);color:#3c3c4399;font-variant-numeric:tabular-nums;padding:0}.umk-story .duo .studio-transport button{min-width:0;padding:calc(4 * var(--dpt)) 0;font:600 calc(13 * var(--dpt)) / 1 var(--ui-font);color:var(--ui-blue);align-items:center;gap:calc(6 * var(--dpt));display:inline-flex}.umk-story .duo .studio-transport button>span.studio-play-icon{width:auto;font-size:calc(12 * var(--dpt));color:inherit}.umk-story .duo .studio-timeline{padding-bottom:calc(12 * var(--dpt));height:calc(64 * var(--dpt));margin:0}.umk-story .duo .timeline-shots{gap:calc(5 * var(--dpt))}.umk-story .duo .timeline-shots button{border-radius:calc(8 * var(--dpt));background:#e8e2d8;border:0}.umk-story .duo .timeline-shots img{opacity:1}.umk-story .duo .timeline-shots span{font:500 calc(9.5 * var(--dpt)) / 1.2 var(--mono);left:calc(6 * var(--dpt));bottom:calc(5 * var(--dpt))}.umk-story .duo .timeline-shots button[aria-current=true]{outline:max(1.5px, calc(2 * var(--dpt))) solid var(--ui-blue);outline-offset:max(1px, calc(1.5 * var(--dpt)))}.umk-story .duo .film-playhead{background:var(--ui-blue);bottom:calc(10 * var(--dpt))}.umk-story .duo .film-playhead:before{background:var(--ui-blue)}.umk-story .duo #scene-scrub{accent-color:var(--ui-blue)}@media (prefers-reduced-motion:reduce){.umk-story .studio{--open:1;--travel:1;--ground:1}}.umk-story .app-shell .board-content.is-selected .board-palette{outline:none}.umk-story .duo-outer img,.umk-story .duo-outer-label{opacity:var(--landed,1)}.umk-story .duo #scene-scrub{appearance:none;opacity:0;height:max(calc(12 * var(--dpt)), 10px);top:auto;bottom:0}.umk-story .duo #scene-scrub:focus-visible{opacity:1;outline:2px solid var(--accent-ink);outline-offset:2px}.umk-story .duo .timeline-shots span{font-size:max(8px, calc(9.5 * var(--dpt)))}.umk-story .duo .timeline-shots button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.umk-story .studio-tap{display:none}@media (pointer:coarse){.umk-story .studio-tap{z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}}.umk-story .ui-group-box{bottom:23%}.umk-story .ui-toast{top:var(--toast-y,calc(74 * var(--pt)))}.umk-story .ui-popover{width:calc(292 * var(--pt))}.umk-story .ui-row-chevron{font-size:calc(13 * var(--pt));color:#3c3c434d;margin-left:auto}.umk-story:not(.ui-ready) .ui-sym{-webkit-mask-image:none;mask-image:none}
.home-module__7T5Noq__heroProof{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 36px;margin-top:24px;display:flex}.home-module__7T5Noq__heroProof>p{text-align:center;justify-content:center}.home-module__7T5Noq__after{margin-top:clamp(32px,3.5vw,48px)}.home-module__7T5Noq__cardLinks{flex-wrap:wrap;gap:4px 20px;margin-top:auto;padding-top:18px;display:flex}.home-module__7T5Noq__note{font:12px/1.45 var(--font-text);color:var(--tone-ink-2,var(--ink-2));margin:0}.home-module__7T5Noq__story{scroll-margin-top:calc(var(--header-h,92px) + 48px)}.home-module__7T5Noq__storyHead{padding-inline:var(--edge)}