/* Prominent project actions with crisp anchored dropdowns. */
.orbit-utilities{top:21px;right:26px;gap:8px}
.utility-anchor{display:block;width:96px;height:42px;flex-shrink:0;pointer-events:none}
.utility-unit{position:fixed;z-index:1440;overflow:visible;isolation:isolate;contain:layout style;pointer-events:none;font-family:var(--orbit-font);color:#574737}
.utility-trigger{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #decdbb8f;border-radius:21px;background:#fff9f1f7;color:#574737;box-shadow:0 5px 16px #55402a13;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:auto;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.utility-trigger>.icon{width:17px;height:17px;stroke-width:1.8}
.utility-trigger>.utility-chevron{height:12px;width:12px;transition:transform .18s cubic-bezier(.22,1,.36,1)}
.utility-trigger:hover{background:#fff1e5;color:#b7632f;border-color:#e8b992}
.utility-trigger[aria-expanded=true]{background:#ffeadb;color:#c9632a;border-color:#efbc94;box-shadow:0 4px 12px #9c5f3518}
.utility-trigger[aria-expanded=true]>.utility-chevron{transform:rotate(180deg)}
.utility-trigger-save{background:#ffead9;color:#ae5427;border-color:#edc1a3}
.utility-menu{position:absolute;padding:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fffaf4fa;border:1px solid #e5d6c6;border-radius:18px;box-shadow:0 18px 44px #59422d24,0 3px 10px #59422d12;backdrop-filter:blur(18px);pointer-events:auto;opacity:1}
.utility-menu[hidden]{display:none!important}
.utility-menu button[role=menuitem]{display:flex;align-items:center;width:100%;gap:10px;padding:10px 11px;border-radius:11px;border:0;background:transparent;color:#5a493a;text-align:left;font-size:12px;line-height:1.3;transition:background .14s ease,color .14s ease}
.utility-menu button[role=menuitem]>.icon{width:18px;height:18px;color:#a07e62;flex:0 0 auto}
.utility-menu button[role=menuitem]>span{display:flex;flex:1;flex-direction:column;gap:2px;font-weight:550}
.utility-menu small{font-size:9.5px;line-height:1.35;font-weight:400;color:#917a66}
.utility-menu button[role=menuitem]:hover:not(:disabled),.utility-menu button[role=menuitem]:focus-visible{background:#f8ecdf;color:#b85d27;outline:none!important}
.utility-menu button[role=menuitem]:disabled{opacity:.45;cursor:default}
.utility-menu hr{border:0;border-top:1px solid #eadccd;margin:4px 8px}
.utility-unit[data-phase=closing] .utility-menu{pointer-events:none}
html.utility-menu-open,body.utility-menu-open{overflow:hidden!important}

/* The duration range uses its full visual row as the drag target. */
.duration-card{height:auto;min-height:180px;padding:20px 25px}
.duration-card .orbit-duration-input{height:30px;margin:0 auto}
.duration-card .orbit-range{height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;touch-action:none;cursor:ew-resize}
.duration-card .orbit-range::-webkit-slider-runnable-track{height:7px;border:0;border-radius:12px;background:linear-gradient(to right,#ff7b20 0%,#ff7b20 var(--range-fill,0%),#d8c6b6 var(--range-fill,0%),#d8c6b6 100%)}
.duration-card .orbit-range::-webkit-slider-thumb{margin-top:-7.5px;height:22px;width:22px;-webkit-appearance:none;appearance:none;border:0;border-radius:50%;background:#fffaf5;box-shadow:0 4px 9px #76635222}
.duration-card .orbit-range::-moz-range-track{height:7px;border:0;border-radius:12px;background:linear-gradient(to right,#ff7b20 0%,#ff7b20 var(--range-fill,0%),#d8c6b6 var(--range-fill,0%),#d8c6b6 100%)}
.duration-card .orbit-range::-moz-range-thumb{height:22px;width:22px;border:0;border-radius:50%;background:#fffaf5}
.duration-range-labels{display:flex;justify-content:space-between;font-size:9px;line-height:1.2;color:#97836f;margin:-2px 0 5px;font-variant-numeric:tabular-nums}
.duration-card .duration-ticks{gap:2px}
.duration-card .duration-ticks button{height:22px;min-width:22px;padding:0 3px;border-radius:7px;font-size:10px;line-height:1;background:transparent;color:#8c745e}
.duration-card .duration-ticks button:hover:not(:disabled){background:#ffe8d6;color:#b9632f}
.duration-card .duration-ticks button[aria-pressed=true]{background:#ffe5cf;color:#bb622b}
.duration-card .orbit-small-link{font-size:11px;min-height:20px;margin:4px auto 0}

.orbit-utilities.utility-anchors-fixed{position:fixed;top:20px;right:24px;left:auto;gap:8px;pointer-events:none}
@media(min-width:951px) and (max-width:1150px){
  .utility-anchors-fixed .utility-anchor{width:84px;height:38px}
  .utility-trigger{font-size:11px;gap:6px;padding:0 8px}
  .utility-trigger>.icon{width:16px;height:16px}
  .utility-trigger>.utility-chevron{width:11px;height:11px}
}
@media(max-width:950px){
  .orbit-header.topbar{height:164px}
  .orbit-utilities{top:66px;left:20px;right:20px;gap:8px;justify-content:stretch}
  .utility-anchor{height:38px;width:auto;flex:1;min-width:0}
  .utility-trigger{font-size:12px;gap:6px;padding:0 8px}
  .utility-menu{border-radius:16px}
  .duration-card{min-height:0;padding:18px}
}
@media(prefers-reduced-motion:reduce){.utility-trigger,.utility-chevron{transition:none!important}}

/* Timeline asset actions is a first-class control, not a floating ellipsis. */
.orbit-timeline #orbit-assets-menu{
  position:relative;
  right:auto;
  top:auto;
  flex:0 0 auto;
  width:auto;
  min-width:88px;
  height:44px;
  padding:0 13px;
  border:1px solid #ead8c5;
  border-radius:22px;
  background:#fffaf1e8;
  color:#5c4b3c;
  opacity:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-shadow:0 5px 14px #8a694817;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease
}
.orbit-timeline #orbit-assets-menu:hover{
  background:#fff0e2;
  color:#ba612d;
  border-color:#e8bea0
}
.orbit-timeline #orbit-assets-menu[aria-expanded=true]{
  background:#ffe8d5;
  color:#c86329;
  border-color:#e8b58e;
  box-shadow:0 4px 12px #8c5d3718
}
.orbit-timeline #orbit-assets-menu .asset-actions-icon{width:16px;height:16px}
.orbit-timeline #orbit-assets-menu .asset-actions-chevron{width:11px;height:11px;transition:transform .18s cubic-bezier(.22,1,.36,1)}
.orbit-timeline #orbit-assets-menu[aria-expanded=true] .asset-actions-chevron{transform:rotate(180deg)}
@media(max-width:950px){
  .orbit-timeline #orbit-assets-menu{
    width:auto;
    min-width:86px;
    height:39px;
    padding:0 12px;
    border-radius:20px;
    background:#fff8ee;
    border-color:#dfc6ad;
    box-shadow:0 4px 12px #8a69481f;
  }
  .orbit-timeline #orbit-assets-menu>span{display:inline}
  .orbit-timeline #orbit-assets-menu .asset-actions-chevron{display:block}
}

/* Actions belongs to the same control family as Add asset. */
.orbit-timeline #orbit-assets-menu{min-width:94px;height:48px;padding:0 16px;border:0;border-radius:24px;background:#fff7ecb0;color:#504233;box-shadow:0 5px 14px #b0987b14;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.orbit-timeline #orbit-assets-menu:hover{background:#fff0df;color:#b45d2b;border-color:transparent;transform:translateY(-1px)}
.orbit-timeline #orbit-assets-menu:active{transform:translateY(0) scale(.98)}
.orbit-timeline #orbit-assets-menu[aria-expanded=true]{background:#ffe8d5;color:#c86329;border-color:transparent;box-shadow:0 5px 14px #b0987b1f}
@media(max-width:950px){.orbit-timeline #orbit-assets-menu{height:42px;min-width:90px;border-radius:21px;background:#fff7ecb0;border:0}}