#main.creator-screen{position:fixed;inset:0;z-index:100;min-height:0;height:var(--viewport-h,100dvh);padding:0;margin:0;background:#000;color:white;overflow:hidden;touch-action:pan-y}.creator-camera-stage{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none}.creator-camera-stage>video,.creator-camera-stage>canvas{transition-property:none}.creator-camera-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;pointer-events:none}.native-live-preview .creator-camera-stage>video{visibility:visible}.native-live-preview .creator-camera-stage>canvas{visibility:hidden;pointer-events:none}.creator-camera-stage>canvas{width:100%;height:100%;object-fit:contain;touch-action:none}.creator-direct-text{position:absolute;transform:translate(-50%,-50%);white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font-weight:700;line-height:1.25;text-shadow:0 1px 5px #000;touch-action:none;user-select:none;z-index:2}.creator-direct-text:empty{display:none}.creator-camera-top{position:absolute;top:calc(var(--safe-t) + 10px);left:max(10px,var(--safe-l));right:max(10px,var(--safe-r));display:flex;align-items:center;gap:10px;z-index:4}.creator-camera-top>button{height:44px;min-width:44px;border-radius:50%;background:#15151599;color:#fff;border:1px solid #ffffff12;display:grid;place-items:center;font-size:16px}.creator-camera-top #direct-settings{margin-left:auto}.direct-audio{position:absolute;top:calc(var(--safe-t) + 78px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:65%;min-height:46px;background:#1d1d20c9;border-radius:28px;padding:10px 18px;font-size:15px;color:#fff;z-index:3}.direct-audio svg{width:20px;height:20px;flex:none}.direct-audio span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.direct-tools{position:absolute;left:max(8px,var(--safe-l));top:calc(var(--safe-t) + 130px);bottom:calc(var(--safe-b) + 230px);display:flex;flex-direction:column;gap:9px;min-height:0;z-index:4}.direct-secondary-tools{display:flex;flex-direction:column;gap:9px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.direct-tools>button,.direct-secondary-tools>button{display:grid;place-items:center;flex:none;min-height:44px;width:46px;border-radius:50%;background:#17171ac2;color:white;font-size:22px}.direct-tools svg{width:24px;height:24px}.direct-tools #direct-zoom{font-size:16px}.tools-right .direct-tools{left:auto;right:max(8px,var(--safe-r))}.direct-bottom{position:absolute;left:0;right:0;bottom:0;padding-bottom:var(--safe-b);background:linear-gradient(transparent,#000b 25%,#000e);z-index:4}.direct-bottom #capture-status{font-size:12px;min-height:22px;text-align:center;padding:6px 12px;color:#ddd;margin:0;line-height:1.4}.direct-lengths{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:5px 12px}.direct-lengths button{flex:none;min-height:40px;min-width:48px;border-radius:24px;padding:8px 12px;font-size:14px;color:#bbb}.direct-lengths [aria-pressed=true]{background:#fff;color:#111}.direct-effects{display:flex;align-items:center;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:9px calc(50% - 40px);touch-action:pan-x}.direct-effects>button{flex:0 0 80px;width:80px;display:grid;justify-items:center;gap:5px;scroll-snap-align:center;color:#ccc;background:none;min-height:92px}.direct-effects img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #ffffff55}.direct-effects [aria-selected=true] img{width:76px;height:76px;border:4px solid #fff;box-shadow:0 0 0 3px #111}.direct-effects small{font-size:10px;white-space:nowrap}.direct-footer{display:flex;align-items:center;justify-content:space-around;gap:8px;min-height:54px;padding:4px max(12px,var(--safe-r)) 8px max(12px,var(--safe-l));background:#050508cc}.direct-footer>button{min-height:44px;min-width:44px;font-size:13px;border-radius:22px;color:white}.direct-footer svg{width:25px;height:25px}.creator-screen [hidden]{display:none!important}.direct-panel{position:absolute;bottom:calc(var(--safe-b) + 12px);left:max(8px,var(--safe-l));right:max(8px,var(--safe-r));z-index:8;margin:auto;width:min(520px,calc(100% - 16px));max-height:min(44%,360px);overflow:auto;overscroll-behavior:contain;background:#19191ff5;border:1px solid #ffffff25;border-radius:20px;padding:14px;display:grid;gap:12px;color:#fff}.direct-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:-14px;background:#19191ff5;padding-block:7px;z-index:2}.direct-panel header button{min-height:44px;padding:8px 14px;color:#dccfff}.direct-panel input:not([type=range]):not([type=checkbox]),.direct-panel textarea,.direct-panel select{width:100%;min-width:0;background:#272730;border:1px solid #ffffff25;border-radius:12px;padding:12px;color:#fff;font-size:16px}.direct-panel label{display:grid;gap:6px;font-size:13px}.direct-panel input[type=range]{width:100%;min-height:32px;accent-color:#cdb3ff}.direct-panel button{min-height:44px;border:1px solid #ffffff25;border-radius:12px;padding:10px;color:#fff}.direct-panel p{font-size:12px;line-height:1.5;color:#ccc}.direct-choice-row{display:flex;gap:6px;overflow-x:auto}.direct-choice-row button{flex:none}.native-creator-launch{display:grid!important;place-content:center;gap:20px;padding:30px!important;text-align:center}.native-creator-launch #capture-close{position:absolute;top:calc(var(--safe-t) + 16px);left:16px}.native-creator-launch p{overflow-wrap:anywhere}.keyboard-open .direct-panel{bottom:var(--keyboard-gap);max-height:calc(var(--viewport-h) - 70px)}
@media(min-width:768px){#main.creator-screen{left:var(--rail-w);width:auto}.direct-tools,.direct-secondary-tools{gap:16px}.direct-panel{max-height:45%;width:min(560px,calc(100% - 36px))}}@media(max-height:500px) and (orientation:landscape){.direct-bottom{left:auto;width:280px;top:calc(var(--safe-t) + 64px);bottom:var(--safe-b);padding:0;display:flex;flex-direction:column;justify-content:end}.direct-lengths{gap:0;padding:0}.direct-lengths button{min-width:40px;padding:5px;font-size:12px}.direct-effects{padding-block:3px}.direct-effects>button{min-height:70px}.direct-effects img{width:48px;height:48px}.direct-effects [aria-selected=true] img{width:58px;height:58px}.direct-footer{gap:2px;flex-wrap:wrap;padding:0;min-height:44px}.direct-audio{top:calc(var(--safe-t) + 65px);left:32%;max-width:32%;min-height:40px;padding:8px 14px}.direct-tools{top:calc(var(--safe-t) + 65px);bottom:calc(var(--safe-b) + 10px)}.direct-panel{left:auto;width:300px;max-height:70%;bottom:var(--safe-b)}.creator-camera-stage{right:270px}.tools-right .direct-tools{right:calc(280px + max(8px,var(--safe-r)))}}

.direct-tools>#direct-more-tools{display:grid}.creator-camera-stage>canvas{transform-origin:center;will-change:transform}.direct-panel:has(#direct-text-input){max-height:none}.direct-panel #direct-text-input{min-height:52px}