*,:after,:before{margin:0;padding:0;box-sizing:border-box}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body,html{height:100%;overscroll-behavior:none}.c-shotstack-studio{height:calc(100vh - 300px)}.editor-shell{flex-direction:column;width:100%;height:100vh}.editor-shell,.editor-top{display:flex;overflow:hidden}.editor-top{flex:1 1;min-height:0}.project-panel{width:280px;min-width:280px;padding:16px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;flex-shrink:0}.project-panel__header{font-size:18px;font-weight:700;margin-bottom:16px}.project-panel__section{display:flex;flex-direction:column;gap:8px}.project-panel__item{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:14px}.project-panel__upload{margin-top:16px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:#111827;color:#fff;cursor:pointer}.studio-area{flex:1 1;min-width:0;min-height:0;overflow:hidden}.c-shotstack-studio{width:100%;height:100%;min-height:400px}.c-shotstack-timeline{height:300px;flex-shrink:0}