@layer components{.mac-browserbar{container:browser-chrome / inline-size;display:flex;align-items:center;gap:16px;min-width:0;min-height:44px;padding:8px 14px;border-bottom:1px solid var(--edge);background:linear-gradient(var(--s-2),var(--s-1)),rgb(var(--c-panel));color:rgb(var(--c-muted));font-family:var(--font-sans);line-height:1}.mac-browser-leading,.mac-browser-navigation,.mac-browser-tools,.mac-window-controls{display:flex;align-items:center;flex:none}.mac-browser-leading{gap:18px}.mac-window-controls{gap:6px}.mac-window-controls i{display:block;width:9px;height:9px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px #00000026}.mac-window-controls i:nth-child(2){background:#febc2e}.mac-window-controls i:nth-child(3){background:#28c840}.mac-browser-navigation,.mac-browser-tools{gap:9px}.mac-browser-navigation svg:last-child{opacity:.35}.mac-browserbar svg{width:15px;height:15px;flex:none}.mac-browser-address{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;max-width:460px;height:27px;padding:0 9px;margin-inline:auto;border:1px solid var(--edge-soft);border-radius:6px;background:var(--s-3);font-size:10px}.mac-browser-address>span{flex:1;min-width:0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mac-browser-address svg{width:12px;height:12px}.studio-app>.mac-browserbar{grid-column:1 / -1;min-height:34px;padding-block:4px}.studio-app>.mac-browserbar .mac-browser-address{height:25px}@container browser-chrome (max-width: 480px){.mac-browser-navigation{display:none}}@container browser-chrome (max-width: 360px){.mac-browser-tools{display:none}}}