/* Outdoor Studio 0.7.6 — ferramentas de edição direta. Todos os controles pertencem só ao editor. */
.stage{position:relative}
.os-tool-rail{position:absolute;top:14px;left:12px;z-index:24;display:flex;flex-direction:column;gap:5px;padding:7px;background:#1c242f;border:1px solid #394453;border-radius:11px;box-shadow:0 12px 28px #0007}
.os-tool-rail button{width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:#b8c6d3;display:flex;justify-content:center;align-items:center}
.os-tool-rail button:hover,.os-tool-rail button:focus-visible{color:#fff;background:#344353;outline:0}
.os-tool-rail button:first-child{background:#344353;color:#f0f4f8}
.os-tool-rail .os-svg{width:19px;height:19px}
.os-floating-toolbar{position:fixed;z-index:100;display:flex;align-items:center;gap:2px;background:#19232e;border:1px solid #4d6274;border-radius:10px;padding:5px;box-shadow:0 14px 35px #0009;max-width:calc(100vw - 16px)}
.os-floating-toolbar[hidden],.os-context-menu[hidden]{display:none!important}
.os-floating-toolbar button{display:inline-flex;align-items:center;justify-content:center;color:#d6e2ea;border:0;background:transparent;border-radius:6px;width:35px;height:31px;padding:0}
.os-floating-toolbar button:hover{background:#35485a;color:#fff}
.os-floating-toolbar button[data-quick="delete"]:hover{background:#763e44}
.os-floating-toolbar .os-svg{width:17px;height:17px}
.os-context-menu{position:fixed;z-index:150;background:#1c2631;border:1px solid #475563;border-radius:10px;min-width:208px;padding:6px;box-shadow:0 16px 40px #000b}
.os-context-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;text-align:left;background:transparent;border:0;border-radius:6px;color:#e0e6ee;font-size:12px}
.os-context-menu button:hover{background:#354657}.os-context-menu button:last-child{color:#f4aba5}
.os-context-menu .os-svg{flex:none;width:16px;height:16px}
.scene03 .os-inline-editor{position:absolute;z-index:40;inset:0;width:100%;height:100%;box-sizing:border-box;background:#17202b92;color:#fff;border:1px dashed #9dd2f5;box-shadow:0 0 0 2px #1a3146;resize:none;padding:3%;font:inherit;line-height:1.1;white-space:pre-wrap;overflow-wrap:anywhere;outline:0;user-select:text;touch-action:auto;cursor:text}
#stage.os-drop-active .screen-canvas{outline:2px dashed #79b8ec;outline-offset:4px}
.timeline-head{padding-bottom:7px}
.os-zoom-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:3px 15px;color:#a9bac8;font-size:10px;border-bottom:1px solid #29323c;background:#131c26}
.os-zoom-controls input{width:110px;accent-color:#e8a37b;height:13px;cursor:ew-resize}
.os-zoom-controls output{min-width:36px;text-align:right;color:#e5b293;font-variant-numeric:tabular-nums}
.timeline-area{overflow:auto;scrollbar-color:#465767 #17212b}
.timeline-labels{position:sticky;left:0;z-index:16;background:#131b25}
.timeline-lanes{overflow:visible!important}
.track-resize-start{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize;border-radius:5px 0 0 5px;background:#d6e1ec54}
.track-resize-start:hover,.track-resize:hover{background:#fff9}
.track-block{touch-action:none}
.screen-frame.active .screen-canvas{border-color:#69849a;box-shadow:0 0 0 1px #a6bfd5,0 10px 35px #0008}
@media(max-width:1200px){.os-tool-rail{top:8px;left:7px;gap:2px;padding:4px}.os-tool-rail button{width:30px;height:30px}.os-tool-rail .os-svg{width:16px;height:16px}}
@media(max-width:920px){.os-tool-rail{position:relative;flex-direction:row;align-self:flex-start;top:auto;left:auto;margin-bottom:6px}.stage{padding-top:6px}}

/* A altura da linha do tempo é ajustável pelo mouse e pelo teclado. */
.timeline{position:relative;min-height:190px;max-height:68vh}
.os-timeline-resizer{position:absolute;z-index:18;left:0;right:0;top:-5px;height:9px;cursor:row-resize;touch-action:none;background:transparent}
.os-timeline-resizer:before{content:"";position:absolute;top:4px;left:calc(50% - 22px);width:44px;height:3px;border-radius:4px;background:#455664}
.os-timeline-resizer:hover:before,.os-timeline-resizer:focus-visible:before{background:#d69f7a}
