.runway-section{background:#fff;border-bottom:1px solid var(--line);padding-top:64px}.runway-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:32px}.runway-heading .section-index{margin-bottom:16px}.runway-heading h2{font-size:40px;margin:0}.runway-heading>p{font-size:14px;margin:0}.runway-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,23vw,340px);height:min(760px,85svh);min-height:600px;position:relative}.runway-stage{position:relative;overflow:hidden;min-width:0;touch-action:pan-y;user-select:none;cursor:grab;background:linear-gradient(transparent 60%,#ffffffb8),linear-gradient(90deg,#f1f5fa,#e7eff6 38%,#eef4f9 62%,#f6f9fc)}.runway-stage:active{cursor:grabbing}.runway-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.runway-line{position:absolute;inset:0}.runway-model{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:auto;mix-blend-mode:multiply}.runway-model>svg{display:block;position:relative;width:100%;height:100%}.runway-model:before{content:'';position:absolute;left:8%;right:8%;bottom:-1.6%;height:3.6%;border-radius:50%;background:radial-gradient(closest-side,#4655693d,transparent)}.runway-intro{position:absolute;z-index:102;left:40px;top:32px;pointer-events:none}.runway-intro h3{font-size:16px;line-height:1.4;margin:0 0 8px}.runway-intro p{font-size:13px;color:#737b86;margin:0}.runway-tag{position:absolute;z-index:102;left:40px;bottom:60px}.runway-look{display:flex;font-size:28px;line-height:40px;gap:12px;font-variant-numeric:tabular-nums}.runway-number-window{height:40px;overflow:hidden}.runway-number-window>span{display:block;will-change:transform}.runway-number-window b{display:block;font-weight:400;height:40px}.runway-cta{display:inline-block;margin-top:16px;font-size:12px;padding-bottom:4px;border-bottom:1px solid #737b86}.runway-controls{position:absolute;bottom:64px;right:24px;z-index:103;display:flex;gap:8px}.runway-controls button{border:1px solid #a7b5c3;background:#ffffffb8;width:40px;height:40px;border-radius:50%;color:#233447;font-size:18px}.runway-controls button:hover{background:#fff}.runway-wheel-hint{position:absolute;left:40px;bottom:24px;color:#737b86;font-size:11px;z-index:102}.runway-ring{position:absolute;z-index:104;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border:1.5px solid #16191f;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .16s}.runway-ring.show{opacity:1}.runway-ring.drag{width:68px;height:32px;margin:-16px 0 0 -34px;border-radius:20px}.runway-rail{position:relative;overflow:hidden;background:#f3f6fa;min-height:0;border-left:1px solid #e2e8ef}.reference-card{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;padding:20px 24px;background:#f3f6fa;will-change:transform}.reference-card.alt{background:#fff}.reference-save{position:absolute;left:16px;top:12px;width:32px;height:32px;background:none;border:0;z-index:1;color:#506070;display:grid;place-items:center}.reference-save svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.reference-save[aria-pressed=true] svg{fill:#b6aac6;stroke:#716280}.reference-shot{flex:1;min-height:0;display:block;padding:4px 12px;mix-blend-mode:multiply}.reference-shot>svg{display:block;width:100%;height:100%}.reference-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:8px}.reference-meta h3{font-size:12px;line-height:1.5;margin:0;font-weight:500}.reference-meta span{font-size:11px;color:#737b86;display:block;margin-top:4px}.reference-pick{width:32px;height:32px;position:relative;border:1px solid #cbd4df;border-radius:6px;background:#fff;color:#3c4d5c;font-size:20px}.reference-pick:hover{background:#e9edf2}.runway-foot{display:flex;justify-content:space-between;gap:24px;padding-block:20px;font-size:12px}.runway-foot p{margin:0;font-size:12px}.runway-foot>span{white-space:nowrap;color:var(--muted)}.runway-load{position:absolute;inset:0;display:grid;place-items:center;z-index:105;background:#eef4f9;color:#586c7e;font-size:14px;transition:opacity .5s}.runway-load.gone{opacity:0;pointer-events:none}
@media(max-width:820px){.runway-section{padding-top:48px}.runway-heading{display:block;padding-bottom:24px}.runway-heading h2{font-size:32px;margin-bottom:16px}.runway-heading>p{font-size:14px}.runway-heading>p br{display:none}.runway-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 204px;height:850px;min-height:0}.runway-intro{left:24px;top:24px}.runway-intro h3{font-size:14px}.runway-intro p{font-size:12px}.runway-tag{left:24px;bottom:56px}.runway-look{font-size:23px;line-height:32px}.runway-number-window,.runway-number-window b{height:32px}.runway-cta{font-size:11px;margin-top:8px}.runway-ring{display:none}.runway-controls{bottom:56px;right:20px}.runway-controls button{width:36px;height:36px}.runway-wheel-hint{left:24px;bottom:20px;font-size:10px;max-width:270px}.runway-rail{border-left:0;border-top:1px solid #dfe7ef}.reference-card{width:176px;height:100%;padding:12px 16px}.reference-save{left:8px;top:8px;width:28px;height:28px}.reference-meta h3{font-size:11px}.reference-meta span{font-size:10px}.reference-pick{height:28px;width:28px}.runway-foot{flex-direction:column;gap:8px;padding-block:16px}.runway-foot p{font-size:11px}.runway-foot>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.runway-section *{transition:none!important}}
/* The preview lives inside the extension, including its clothing picker. */
.runway-section{padding-bottom:12px;background:linear-gradient(150deg,#f3f6fb,#eeeef7 65%,#f8f7fc)}
.extension-lookbook{padding:12px;border:1px solid #fff;border-radius:32px;background:linear-gradient(135deg,#ffffff8c,#c5c8d79e);box-shadow:0 24px 70px #3b426821,inset 0 1px 0 #fff;backdrop-filter:blur(24px)}
.extension-titlebar{height:62px;display:flex;align-items:center;justify-content:center;position:relative;color:#394052}.extension-titlebar>div:nth-child(2){display:flex;align-items:center;gap:10px;font-weight:650;font-size:19px}.extension-titlebar img{width:28px;height:28px;filter:drop-shadow(0 3px 6px #7776)}.extension-window-dots{position:absolute;left:8px;display:flex;gap:10px}.extension-window-dots span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff45;border:1px solid #ffffffbd;box-shadow:0 4px 12px #33445513;color:#fff;font-size:23px}.extension-preview-label{position:absolute;right:14px;font-size:11px;color:#646b7d}
.runway-body{border-radius:22px;overflow:hidden;height:660px;min-height:560px;grid-template-columns:minmax(0,1fr) clamp(220px,22vw,290px);border:1px solid #ffffffa8}.runway-stage{background:radial-gradient(ellipse at 15% 10%,#d3ecf4,transparent 65%),radial-gradient(ellipse at 85% 65%,#d9d1f0,transparent 70%),#edf0f9}.runway-intro{left:28px;top:26px}.runway-intro h3{font-size:16px}.runway-tag{left:28px}.runway-wheel-hint{left:28px}.runway-rail{background:#f5f3fa99;border-color:#fff}.reference-card,.reference-card.alt{background:#ffffff59;border-bottom:1px solid #fff9}.reference-card.alt{background:#f6f5ff8c}.reference-meta span{color:#7b7d90}
.runway-controls button,.reference-save,.reference-pick,.extension-tool{border-radius:50%;border:1px solid #ffffffd9;background:linear-gradient(145deg,#ffffff85,#ffffff26);box-shadow:inset 0 1px 0 #fff,0 4px 12px #55607816;backdrop-filter:blur(14px);transition:background .2s,transform .2s}.runway-controls button:hover,.reference-pick:hover,.reference-save:hover,.extension-tool:hover{background:#ffffffc9;transform:translateY(-2px)}
.extension-toolbar{display:flex;gap:10px;padding-top:12px;align-items:center}.extension-live{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:52px;border-radius:30px;border:1px solid #ffffffad;background:linear-gradient(110deg,#61bee8ba,#8278e8b8 60%,#b86be7af);color:#fff;font-size:15px;font-weight:600;box-shadow:inset 0 1px 2px #fff9,0 4px 14px #7e76c73b;transition:filter .2s}.extension-live:hover{filter:brightness(1.08)}.extension-tool{width:50px;height:50px;display:grid;place-items:center;font-size:24px;color:#fff}.extension-tool:focus-visible,.extension-live:focus-visible{outline:2px solid #576880;outline-offset:3px}
@media(max-width:820px){.extension-lookbook{width:calc(100% - 24px);padding:8px;border-radius:24px}.extension-titlebar{height:54px}.extension-titlebar>div:nth-child(2){font-size:16px}.extension-titlebar img{width:24px;height:24px}.extension-window-dots{left:4px;gap:5px}.extension-window-dots span{width:24px;height:24px;font-size:18px}.extension-preview-label{display:none}.runway-body{height:790px;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 204px;border-radius:16px}.runway-intro,.runway-tag{left:18px}.runway-intro{top:20px}.runway-wheel-hint{left:18px;max-width:240px}.extension-live{font-size:12px;min-height:44px}.extension-tool{width:40px;height:40px;font-size:20px}.extension-toolbar{gap:7px;padding-top:8px}.runway-heading h2{font-size:30px}}

.extension-live svg{width:22px;height:22px;flex:none}.extension-tool svg{width:23px;height:23px;display:block}@media(max-width:820px){.extension-live svg{width:19px;height:19px}.extension-tool svg{width:20px;height:20px}}