/* Sonoma-style Safari window embedding the live AdTube website. */
.safari-window { width:1120px; height:720px; min-width:720px; min-height:480px; }
.safari-titlebar { position:relative; min-height:54px; height:54px; padding:0 12px; gap:12px; }
.safari-toolbar {
  position:absolute; inset:0; min-width:0; height:100%; display:block; padding:0;
}
.safari-actions { display:flex; align-items:center; justify-content:flex-end; gap:5px; }
.safari-toolbar-button {
  appearance:none; width:28px; height:28px; display:grid; place-items:center; padding:0;
  border:0; border-radius:6px; color:rgba(255,255,255,.78); background:transparent; cursor:default;
}
.safari-toolbar-button:hover:not(:disabled) { background:rgba(255,255,255,.10); color:#fff; }
.safari-toolbar-button:disabled { opacity:.32; }
.safari-toolbar-button svg {
  width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.safari-address {
  position:absolute; left:50%; top:12px; transform:translateX(-50%);
  width:clamp(320px,55%,720px); height:30px; min-width:0; display:flex; align-items:center; justify-content:center; gap:7px;
  padding:0 68px 0 40px; border:1px solid rgba(0,0,0,.34); border-radius:7px;
  color:rgba(255,255,255,.92); background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 1px rgba(0,0,0,.16); font-size:12px; font-weight:500;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.safari-address-reload {
  position:absolute; right:2px; top:1px; width:27px; height:27px;
  color:rgba(255,255,255,.72); cursor:pointer;
}
.safari-address-reload:hover { background:rgba(255,255,255,.09); color:#fff; }
.safari-address-camera {
  position:absolute; right:32px; top:3px; width:24px; height:24px;
  display:grid; place-items:center; color:#ff5f57;
  border:0; border-radius:0; background:transparent; box-shadow:none;
}
.safari-address-camera[hidden] { display:none; }
.safari-address-camera svg { width:17px; height:14px; fill:currentColor; stroke:none; }
.safari-lock {
  width:11px; height:14px; display:block; flex:0 0 auto;
  object-fit:contain; opacity:.74;
}
.safari-content { position:relative; flex:1; min-width:0; min-height:0; overflow:hidden; background:#0f0f0f; }
.safari-frame { display:block; width:100%; height:100%; border:0; background:#0f0f0f; }
.safari-profile-proxy {
  position:absolute; z-index:4; top:9px; right:12px; width:36px; height:36px;
  border-radius:50%; object-fit:cover; object-position:67% 43%; pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.safari-window.maximized .safari-titlebar {
  padding-top:var(--menubar-h); min-height:calc(54px + var(--menubar-h)); height:calc(54px + var(--menubar-h));
}
.safari-window.maximized .safari-address {
  top:calc(var(--menubar-h) + 12px);
}
@media (max-width:850px) {
  .safari-address { width:52%; min-width:260px; }
}