.video-demo{position:absolute;inset:0;pointer-events:none;z-index:25;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.video-demo button,.video-demo input{pointer-events:auto}.video-demo button,.clip-editor button{cursor:pointer}.video-demo button:disabled,.clip-editor button:disabled{cursor:default;opacity:.35}.video-demo button:focus-visible,.clip-editor button:focus-visible,.clip-editor input:focus-visible{outline:2px solid #68adff;outline-offset:3px}.record-entry{position:absolute;bottom:18%;left:50%;transform:translate(-50%);display:flex;align-items:center;white-space:nowrap;padding:4px;background:#090d12d9;border:1px solid #ffffff20;border-radius:999px;box-shadow:0 3px 12px #0002;font-size:12px;font-weight:500}.record-tabs{display:flex;gap:3px}.record-entry button{display:flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;color:#ffffffa6;background:transparent}.record-entry button:hover{color:#fff;background:#ffffff0d}.record-entry [role=tab][aria-selected=true]{background:#ededed;color:#202020;box-shadow:0 1px 3px #0003}.record-selection{position:absolute;inset:0;pointer-events:auto;cursor:crosshair;touch-action:none}.record-selection.window-select{cursor:default}.record-outline{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0007}.record-outline.is-recording{border:3px solid #ff453a}.record-outline>span{position:absolute;right:0;top:100%;font-size:11px;margin-top:5px;white-space:nowrap}.record-dim{position:absolute;inset:0;background:#0007}.record-instruction{position:absolute;top:50px;left:50%;transform:translate(-50%);font-size:13px;background:#161618d9;border:1px solid #ffffff12;border-radius:9px;padding:8px 14px;white-space:nowrap}.record-bar,.record-stop{background:linear-gradient(155deg,#55565ac9,#2b2c30d9);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff18,0 8px 28px #0005;border-radius:14px}.record-bar{position:absolute;bottom:88px;left:50%;display:flex;align-items:center;gap:6px;padding:8px;border-radius:14px;transform-origin:center bottom;width:max-content}.record-control{display:flex;align-items:center;justify-content:center;gap:7px;height:30px;min-width:30px;border-radius:7px;font-size:12px;font-weight:500;padding:0 8px;white-space:nowrap}.record-control:hover{background:#ffffff12}.record-control[aria-pressed=true]{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1f}.record-modes{display:flex;gap:2px;padding:3px;background:#0004;border-radius:10px}.record-start{display:flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:7px;background:#ff453a;font-size:12px;font-weight:600;white-space:nowrap}.record-start:disabled{background:#ffffff20;opacity:1!important;color:#fff6}.record-start>span{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative}.record-start>span:after{content:"";position:absolute;inset:2px;background:currentColor;border-radius:50%}.record-off{position:relative}.record-off:after{content:"";position:absolute;top:7px;left:-2px;width:21px;height:1.5px;background:currentColor;transform:rotate(45deg);box-shadow:0 1px #333}.record-mic-anchor{position:relative}.record-mic-menu{position:absolute;bottom:calc(100% + 15px);left:-60px;width:245px;background:#292b30f5;border:1px solid #fff3;border-radius:9px;padding:5px;box-shadow:0 8px 25px #0008;pointer-events:auto}.record-mic-menu button{display:block;width:100%;text-align:left;border-radius:4px;padding:5px 9px;font-size:13px}.record-mic-menu button:hover{background:#0a84ff}.record-mic-menu p{font-size:10px;color:#a9abb0;padding:7px 9px 4px;border-top:1px solid #fff2;margin-top:4px}.record-stop{position:absolute;display:flex;align-items:center;gap:10px;height:48px;padding:7px 9px;font-size:13px}.record-stop button{height:32px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:8px;background:#ffffff15}.record-handle{display:flex;gap:7px;align-items:center;cursor:grab;pointer-events:auto;font-variant-numeric:tabular-nums;touch-action:none}.record-handle i{width:7px;height:7px;border-radius:50%;background:#ff453a}.record-running-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;color:#fff9;background:#0006;padding:4px 10px;border-radius:12px;white-space:nowrap}.record-countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;place-items:center;width:120px;height:140px;background:#292b30e6;border:1px solid #fff3;border-radius:20px;font-size:64px}.record-countdown small{font-size:11px}.video-thumb{position:absolute;bottom:12px;right:12px;width:max-content;padding:4px;border:1px solid #ffffff26;background:#2a2a2c;border-radius:8px;box-shadow:0 12px 28px #0008;pointer-events:auto}.video-thumb>button:first-child{display:block;position:relative}.video-thumb img{max-width:160px;max-height:96px;min-width:64px;border-radius:5px}.video-duration{position:absolute;bottom:5px;right:5px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;background:#0009;border-radius:9px;height:18px;padding:0 7px}.video-thumb-edit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 13px;border-radius:20px;background:#0009;font-size:13px;opacity:0}.video-thumb:hover .video-thumb-edit,.video-thumb:focus-within .video-thumb-edit{opacity:1}.video-thumb-dismiss{position:absolute;left:-7px;top:-7px;border-radius:50%;background:#111;width:20px;height:20px;font-size:13px;opacity:0}.video-thumb:hover .video-thumb-dismiss,.video-thumb:focus-within .video-thumb-dismiss{opacity:1}.clip-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;pointer-events:auto}.clip-expanded{position:fixed;z-index:1000;background:#111e;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.clip-expand{position:absolute;right:14px;top:10px;border:1px solid #fff3;border-radius:20px;padding:5px 10px;background:#222c;display:flex;align-items:center;gap:6px;font-size:11px;color:#ddd;cursor:pointer}.clip-fit{position:relative;flex-shrink:0;margin-top:22px}.clip-editor{display:flex;flex-direction:column;position:absolute;transform-origin:top left;background:#252525;border:1px solid #ffffff30;border-radius:11px;box-shadow:0 24px 70px #0009;overflow:hidden;outline:none;color:#f2f2f2;font-size:12px;line-height:1.35;font-weight:400}.clip-titlebar{height:28px;flex:none;background:#303030;display:flex;align-items:center;padding:0 13px}.clip-lights{display:flex;gap:8px}.clip-lights>*{display:block;width:12px;height:12px;border-radius:50%;background:#ff5f57}.clip-lights>i:nth-child(2){background:#febc2e}.clip-lights>i:nth-child(3){background:#28c840}.clip-header{display:flex;gap:8px;align-items:center;padding:6px 16px;height:45px;border-bottom:1px solid #ffffff16;flex:none}.clip-filename{font-size:13px;font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%;background:transparent;outline:none}.clip-filename:focus{border-bottom:1px solid #fff8}.clip-spacer{flex:1}.clip-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:6px}.clip-icon:hover{background:#ffffff12}.clip-pill{border-radius:999px;height:32px;padding:0 10px;display:inline-flex;gap:6px;align-items:center;justify-content:center;background:#ffffff0e;white-space:nowrap;font-size:12px;font-weight:500}.clip-pill:hover{background:#ffffff18}.clip-pill:active{background:#ffffff24}.clip-header .clip-pill{padding:0 16px;font-size:13px}.clip-primary{background:#f2f2f2;color:#222}.clip-primary:hover{background:#fff}.clip-full{width:100%}.clip-body{display:flex;flex:1;min-height:0}.clip-main{display:flex;flex-direction:column;flex:1;min-width:0}.clip-picture{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:32px;width:100%;overflow:hidden}.clip-picture canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 28px #0004}.clip-inspector{width:292px;flex:none;overflow:auto;padding:12px;border-left:1px solid #ffffff16;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.clip-card{padding:14px;background:#ffffff06;border:1px solid #ffffff0e;border-radius:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.clip-card:last-child{margin-bottom:0}.clip-card h3,.clip-pop h3{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;margin:0}.clip-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.clip-muted{color:#a3a3a3;font-size:11px}.clip-text-button{display:flex;align-items:center;gap:4px;font-size:11px}.clip-choices{display:flex;gap:5px}.clip-choices button{flex:1;min-width:0;padding:9px 2px;border-radius:12px;background:#ffffff0e;font-size:11px;text-align:center}.clip-choices button:hover{background:#ffffff20}.clip-choices button[aria-pressed=true]{color:#252525;background:#f2f2f2}.clip-aspects button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 0;font-size:9px;height:70px}.clip-aspects button>span{display:block;border:1.5px solid currentColor;border-radius:3px;margin:auto}.clip-backgrounds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clip-background-tile{position:relative}.clip-background-tile>button:first-child{display:flex;flex-direction:column;align-items:center;width:100%;gap:7px;font-size:10px}.clip-swatch{width:100%;height:58px;border-radius:12px;border:1px solid #ffffff14;display:flex;align-items:flex-end;justify-content:flex-end;padding:5px}.clip-swatch svg{color:#fff;background:#1119;border-radius:50%;padding:2px;width:18px;height:18px}[aria-pressed=true]>.clip-swatch{outline:2px solid #eee;outline-offset:2px}.checker{background:repeating-conic-gradient(#555 0% 25%,#383838 0% 50%) 50%/12px 12px}.clip-remove-bg{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#eee;color:#333;font-size:12px;opacity:0}.clip-background-tile:hover .clip-remove-bg,.clip-background-tile:focus-within .clip-remove-bg{opacity:1}.clip-slider{display:flex;flex-direction:column;gap:6px}.clip-slider>span{display:flex;justify-content:space-between;gap:8px}.clip-slider output{color:#aaa;font-variant-numeric:tabular-nums}.clip-editor input[type=range]{accent-color:#eee;width:100%;height:15px;cursor:ew-resize}.clip-editor input[type=number]{width:62px;border:1px solid #fff2;border-radius:5px;background:#ffffff0a;padding:3px 5px}.clip-switch{width:26px;height:15px;background:#666;border-radius:10px;padding:2px;flex:none}.clip-switch>span{display:block;width:11px;height:11px;background:#e5e5e5;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0005}.clip-switch[aria-checked=true]{background:#eee}.clip-switch[aria-checked=true]>span{transform:translate(11px);background:#555}.clip-card fieldset{display:flex;flex-direction:column;gap:12px}.clip-card fieldset:disabled{opacity:.4}.clip-motions svg{display:block;width:100%;height:24px;margin-bottom:7px;fill:none;stroke:currentColor;stroke-width:1.5}.clip-motions button{font-size:10px}.clip-timeline{background:#ffffff06;border:1px solid #ffffff0e;border-radius:20px;margin:12px;padding:16px;display:flex;flex-direction:column;gap:12px;flex:none}.clip-transport{display:flex;align-items:center;gap:12px}.clip-play{border-radius:50%;background:#eee;color:#252525;width:36px;height:36px;display:grid;place-items:center;flex:none}.clip-time{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.clip-time>span{color:#888;margin-left:5px}.clip-trim-actions{display:flex;gap:8px;align-items:center}.clip-trim-actions>span:first-child{color:#aaa;font-size:11px}.clip-scrubber{height:86px;position:relative;padding:0 12px}.clip-ruler{display:flex;justify-content:space-between;font-size:10px;font-variant-numeric:tabular-nums;color:#aaa;height:26px}.clip-ruler>span{position:relative}.clip-ruler>span:after{content:"";position:absolute;left:0;top:18px;width:1px;height:5px;background:#fff6}.clip-filmstrip{display:flex;position:relative;height:56px;border-radius:12px;border:1px solid #fff3;cursor:ew-resize;touch-action:none}.clip-filmstrip>img{width:10%;min-width:0;height:100%;object-fit:cover;border-right:1px solid #252525;pointer-events:none}.clip-filmstrip>img:first-child{border-radius:11px 0 0 11px}.clip-filmstrip>img:last-of-type{border-radius:0 11px 11px 0}.clip-playhead{width:2px;background:#fff;height:67px;top:-7px;position:absolute;box-shadow:0 0 0 1px #000a;pointer-events:none}.clip-playhead:before{content:"";position:absolute;width:10px;height:12px;border-radius:5px;background:#fff;left:-4px;top:-2px;box-shadow:0 0 0 1px #0005}.clip-seek{position:absolute;width:1px!important;height:1px!important;opacity:0;bottom:0}.clip-seek:focus-visible{opacity:1;width:calc(100% - 24px)!important;height:15px!important;bottom:-6px}.clip-trim-shade{position:absolute;top:0;bottom:0;left:0;background:#000a;pointer-events:none}.clip-trim-shade.right{left:auto;right:0}.clip-trim-outline{position:absolute;top:-2px;bottom:-2px;border-top:4px solid #fff;border-bottom:4px solid #fff;pointer-events:none}.clip-trim-handle{position:absolute;top:24px;height:60px;width:12px;background:#fff;border-radius:6px;cursor:ew-resize!important;touch-action:none}.clip-trim-handle:after{content:"";position:absolute;width:2px;height:18px;left:5px;top:21px;border-radius:1px;background:#666}.clip-pop-anchor{position:relative}.clip-pop{position:absolute;background:#353535f5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #fff3;box-shadow:0 8px 28px #0008;border-radius:12px;z-index:5;pointer-events:auto}.clip-export{right:0;top:calc(100% + 8px);width:160px;padding:5px}.clip-export button,.clip-background-menu button{display:block;text-align:left;width:100%;padding:6px 10px;border-radius:6px}.clip-export button:hover,.clip-background-menu button:hover{background:#ffffff20}.clip-speed{bottom:calc(100% + 12px);right:0;width:284px;padding:16px;display:flex;flex-direction:column;gap:14px}.clip-speed h3{justify-content:space-between;font-size:13px}.clip-speed h3>span{color:#aaa;font-weight:400}.clip-speed .clip-row{border-top:1px solid #fff2;padding-top:12px}.clip-background-menu{top:calc(100% + 8px);left:0;width:100%;padding:5px}.clip-background-menu label{display:flex;justify-content:space-between;align-items:center;padding:5px 10px}.clip-background-menu input{width:30px;height:22px}.clip-notice{position:absolute;bottom:180px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:#161616f2;border:1px solid #fff3;border-radius:12px;padding:12px 18px;font-size:12px;box-shadow:0 8px 24px #0006}@media(max-width:579px){.record-entry{bottom:126px}.record-instruction{font-size:11px;max-width:95%;white-space:normal;text-align:center}.record-running-hint{font-size:9px;max-width:95%;white-space:normal;text-align:center}.video-thumb-edit,.video-thumb-dismiss{opacity:1}}@media(prefers-reduced-motion:reduce){.clip-switch>span{transition:none}}.desktop-record-submenu{width:226px;padding:5px;background:#292c32f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:9px;box-shadow:0 8px 28px #0006;color:#fff}.desktop-record-submenu button{display:flex;align-items:center;width:100%;gap:10px;padding:5px 9px;font-size:13px;border-radius:5px;text-align:left;cursor:pointer}.desktop-record-submenu button:hover,.desktop-record-submenu button:focus-visible{background:#0a84ff;outline:none}.desktop-record-submenu button>span{margin-left:auto;color:#fff6}.desktop-record-submenu hr{margin:4px 8px;border-color:#fff2}.clip-background-tile>button:first-child{align-items:stretch;text-align:left;font-size:11px;color:#aaa}.clip-background-tile>button[aria-pressed=true]{color:#eee;font-weight:600}.clip-swatch{height:auto;aspect-ratio:2;padding:14px;align-items:stretch;justify-content:stretch}.clip-swatch.no-backdrop{padding:7px;background:#ffffff09}[aria-pressed=true]>.clip-swatch{outline:none;border:2px solid #eee}.clip-mini-window{position:relative;display:grid;place-items:center;width:100%;border-radius:4px;background:#252525;box-shadow:0 3px 10px #0004}.no-backdrop .clip-mini-window{box-shadow:none}.clip-mini-window i{position:absolute;left:5px;top:5px;width:3px;height:3px;background:#777;border-radius:50%;box-shadow:5px 0 #777,10px 0 #777}.clip-mini-window svg{background:none;color:#999;width:12px;height:12px;padding:0}.clip-remove-bg{top:8px;right:8px;width:20px;height:20px}@media(max-width:699px){.clip-expanded{justify-content:flex-start;overflow:auto;padding:12px}.clip-expanded .clip-expand{position:fixed;top:12px;right:12px;z-index:2}.clip-expanded .clip-fit{margin-top:32px}}.clip-ruler{position:relative;display:block}.clip-ruler>span{position:absolute;white-space:nowrap}@media(max-width:699px){.clip-expanded{justify-content:center;overflow:hidden;padding:0}.clip-expanded .clip-inspector{position:absolute;right:0;top:73px;bottom:0;background:#252525;z-index:3;box-shadow:-12px 0 30px #0004}.clip-expanded .clip-transport,.clip-expanded .clip-trim-actions{flex-wrap:wrap;gap:8px}.clip-expanded .clip-timeline{margin:8px;padding:12px}.clip-expanded .clip-filename{max-width:36%;font-size:11px}.clip-expanded .clip-header{padding:6px 10px;gap:6px}.clip-expanded .clip-header .clip-pill{padding:0 10px;font-size:12px}.clip-expanded .clip-picture{padding:16px}.clip-expanded .clip-time{flex:1}.clip-expanded .clip-speed{right:-75px}}.record-entry.record-entry-external{position:static;transform:none;background:#ffffff06;box-shadow:none}.record-entry button{cursor:pointer}.record-entry button:disabled{cursor:default;opacity:.35}.record-entry button:disabled:hover{background:transparent}.record-entry button:focus-visible{outline:2px solid #68adff;outline-offset:2px}