#app{display:flex;flex-direction:column;height:100vh}.btn{background:#1f1f22;border:1px solid #2a2a2e;color:#e0e0e0;padding:6px 12px;border-radius:4px;cursor:pointer;font:inherit;font-size:12px}.btn:hover{background:#28282c}.btn:active{background:#1a1a1d}.btn:focus-visible{outline:2px solid #4a90e2;outline-offset:1px}.c-shotstack-studio{flex:1;min-height:0;background:#000;position:relative}.toolbar{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:2px;padding:6px;background:#fffffffa;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 2px 8px #0000000f,0 8px 24px #00000014;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#000000a6;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease;position:relative;padding:0}.toolbar-btn:hover{background:#0000000f;color:#000000e6}.toolbar-btn:active{background:#0000001a;transform:scale(.95)}.toolbar-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:1px}.toolbar-btn svg{width:18px;height:18px;flex-shrink:0}.toolbar-btn:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);right:0;padding:6px 10px;background:#18181bf2;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;box-shadow:0 4px 12px #00000026}.toolbar-btn:hover:after{opacity:1;visibility:visible}.c-shotstack-timeline{height:280px;flex:none}#empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px}.empty{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px}.empty h1{font-size:24px;font-weight:500;margin:0;letter-spacing:-.01em}.empty p{font-size:13px;color:#909093;margin:0;line-height:1.55}.empty p code{background:#1a1a1d;padding:1px 6px;border-radius:3px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace}.empty textarea{width:100%;min-height:240px;padding:12px;background:#0f0f12;border:1px solid #2a2a2e;color:#e0e0e0;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;resize:vertical}.empty textarea:focus{outline:1px solid #4a90e2;outline-offset:-1px}.empty .row{display:flex;gap:8px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#2a2a2e;color:#e0e0e0;padding:8px 16px;border-radius:4px;font-size:12px;border:1px solid #3a3a3e;z-index:1000;box-shadow:0 4px 12px #0006;max-width:80vw}.toast.error{border-color:#c34}