.creative-camera-panel{z-index:520;overscroll-behavior:contain;border:1px solid var(--creative-menu-border);background:var(--creative-menu-surface);width:min(580px,100vw - 32px);color:var(--creative-menu-text);box-shadow:var(--creative-menu-shadow);border-radius:8px;padding:0;position:absolute;overflow:hidden}.creative-camera-panel>footer{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.creative-camera-column>button{color:var(--creative-menu-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.creative-camera-panel svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.creative-camera-column>button:not(:disabled):hover{color:var(--creative-menu-text);background:var(--creative-menu-hover)}.creative-camera-panel__columns{grid-template-columns:repeat(4,120px);justify-content:center;gap:18px;padding:18px 0 12px;display:grid}.creative-camera-column{justify-items:center;width:120px;display:grid;position:relative}.creative-camera-column:not(:first-child):before{background:var(--creative-menu-border);content:"";width:1px;height:64px;position:absolute;top:78px;left:-9px}.creative-camera-column>button{cursor:pointer;width:20px;height:20px}.creative-camera-column>button:disabled{cursor:not-allowed;opacity:.32}.creative-camera-column>button .is-up{transform:rotate(180deg)}.creative-camera-column__card{--creative-card-glow-start:255 255 255;--creative-card-glow-end:203 213 225;isolation:isolate;width:120px;height:156px;color:var(--creative-menu-muted);overscroll-behavior:contain;flex-direction:column;align-items:center;display:flex;position:relative}.creative-camera-column__card:before{z-index:1;content:"";pointer-events:none;background:#ffffff09;border:1px solid #ffffff29;border-radius:8px;position:absolute;inset:30px 16px}.creative-camera-column__card:after{z-index:3;background-image:radial-gradient(circle, rgb(var(--creative-card-glow-start) / .96) 0%, rgb(var(--creative-card-glow-start) / .7) 22%, transparent 68%), radial-gradient(circle, rgb(var(--creative-card-glow-end) / .92) 0%, rgb(var(--creative-card-glow-end) / .68) 24%, transparent 68%);content:"";opacity:0;pointer-events:none;-webkit-mask-composite:xor;background-position:-34%,134%;background-repeat:no-repeat;background-size:42% 260%,42% 260%;border-radius:8px;padding:1px;transition:opacity .18s;position:absolute;inset:30px 16px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-camera-column__card:hover:after{opacity:.9}@media (prefers-reduced-motion:no-preference){.creative-camera-column__card:hover:after{animation:7s linear infinite alternate creative-composer-card-border-glow}}.creative-camera-column__label{z-index:2;text-align:center;pointer-events:none;width:100%;font-size:12px;line-height:16px;position:absolute;top:42px;left:0}.creative-camera-column__viewport{width:120px;height:96px;margin-top:30px;overflow:hidden}.creative-camera-column__track{--creative-camera-option-height:96px;transform:translate3d(0, var(--creative-camera-offset), 0);will-change:transform;flex-direction:column;transition:transform .3s cubic-bezier(0,0,.2,1);display:flex}.creative-camera-column__option{width:120px;height:var(--creative-camera-option-height);flex:0 0 var(--creative-camera-option-height);justify-content:center;align-items:center;padding:22px 10px 10px;display:flex}.creative-camera-column__option img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:72px;height:58px;display:block}.creative-camera-column__option strong{color:var(--creative-menu-text);letter-spacing:0;font-size:34px;line-height:1}.creative-camera-column>output{width:100%;min-height:25px;color:var(--creative-menu-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px 0;font-size:12px;overflow:hidden}.creative-camera-column>output small{margin-left:4px}.creative-camera-panel>footer{min-height:50px;color:var(--creative-menu-muted);justify-content:flex-end;gap:8px;padding:4px 40px 10px;font-size:12px}.creative-camera-switch{width:42px;height:24px;position:relative}.creative-camera-switch input{opacity:0;width:0;height:0;position:absolute}.creative-camera-switch>span{cursor:pointer;background:#e9e9eb;border-radius:12px;width:100%;height:100%;transition:all .2s ease-out;display:block}.creative-camera-switch>span:after{content:"";cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s ease-out;display:block;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.creative-camera-switch input:checked+span{background:#34c759}.creative-camera-switch input:checked+span:after{transform:translate(18px)}.creative-camera-switch input:focus-visible+span{outline:2px solid var(--creative-accent,#5b8cff);outline-offset:2px}.creative-camera-switch input:disabled+span{cursor:not-allowed;opacity:.55}.creative-reference-tag-thumb.is-camera{object-fit:contain;width:28px;height:28px;box-shadow:none;background:0 0;border-radius:0;flex-basis:28px;margin-block:-2px;padding:0;display:block}@media (prefers-reduced-motion:reduce){.creative-camera-column__track{transition:none}}@media (width<=720px){.creative-camera-panel{width:min(360px,100vw - 24px);height:auto;max-height:none;overflow:visible}.creative-camera-panel__columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-inline:8px}.creative-camera-column,.creative-camera-column__card,.creative-camera-column__viewport,.creative-camera-column__option{width:100%;min-width:0}.creative-camera-column{height:auto}.creative-camera-column__card{height:156px}.creative-camera-column:not(:first-child):before{display:none}.creative-camera-column__card:before,.creative-camera-column__card:after{left:6px;right:6px}}