/* The home island is shared by every page; editor toolbars keep their own actions. */
.site-island .site-header{position:sticky;top:0;z-index:60;width:100%;flex:none;height:calc(88px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:linear-gradient(#101012 65%,#101012ee 85%,#10101200);isolation:isolate;font-family:var(--sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.site-island .site-header .island-bar{position:relative;top:auto;height:72px;max-width:560px;margin:16px auto 0;box-sizing:border-box}
.site-island .site-header button{font-family:inherit;min-height:0;box-sizing:border-box;letter-spacing:normal}
.site-island .site-header .island-profile{box-sizing:border-box}
.site-island .site-header .island-identity{display:block;min-height:0;border-radius:0}
.site-island .site-header .account{position:relative;inset:auto;z-index:auto;padding:0;border:0;min-width:0}
.site-island .site-header .island-side{text-decoration:none;box-sizing:border-box}
.site-island .site-header .island-dismiss svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-island .site-header .island-notification{box-sizing:border-box}
.site-island .site-header .island-identity:hover{background:none}
.site-island .site-header .island-identity:active{transform:none}
.site-island .site-header .island-profile .account{border-radius:50%}
.site-island .site-header button:focus-visible,.site-island .site-header a:focus-visible{outline:2px solid #65b4ff;outline-offset:3px}
.site-island .auth-x{display:grid;place-items:center;padding:0}.site-island .auth-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-island .editor-toolbar{padding-right:0!important}.site-island #ed.on .bar{padding-right:0}
.site-island.desktop-editor{display:flex;flex-direction:column;height:100dvh;min-height:0}
.site-island.desktop-editor>.site-header{padding-left:20px;padding-right:20px}
.site-island.desktop-editor #app{height:auto!important;flex:1;min-height:0}
.site-island:not(.desktop-editor) .hi{margin-top:20px}
.site-island #find{top:calc(76px + env(safe-area-inset-top,0px))}
.site-island #ed.on:not([contenteditable]){padding-top:calc(88px + env(safe-area-inset-top,0px))}
.site-island #new.action{display:inline-flex;align-items:center;justify-content:center;gap:7px}.site-island #new.action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-island .dot.def{display:grid;place-items:center}.site-island .dot.def svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.skin-editor>.site-header{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}
@media(min-width:900px){.site-island.menu-editor #app>.stage{max-height:calc(100dvh - 245px)}.site-island.menu-editor #app>.stage #cv{max-height:calc(100dvh - 269px)}.site-island.desktop-editor #app>.editor-toolbar{min-height:72px!important;height:72px!important}.site-island.menu-editor #app{grid-template-rows:82px minmax(0,auto) 36px minmax(0,1fr)}}
@media(max-width:760px){.skin-editor>.site-header{padding-left:20px;padding-right:20px}}
@media(max-width:450px){.skin-editor>.site-header{padding-left:16px;padding-right:16px}}
@media(max-width:359px){.site-island .site-header{height:calc(80px + env(safe-area-inset-top,0px))}.site-island .site-header .island-bar{height:64px}.site-island #find{top:calc(68px + env(safe-area-inset-top,0px))}.site-island #ed.on:not([contenteditable]){padding-top:calc(80px + env(safe-area-inset-top,0px))}}

/* The 44px island controls have a compact, consistent gap to page content. */
.site-island .site-header{height:calc(68px + env(safe-area-inset-top,0px))}
.site-island .site-header .island-bar{height:44px;margin-top:12px}
.site-island .site-header .island-side svg{stroke-width:1.9}
.site-island:not(.desktop-editor) .hi{margin-top:10px}
.site-island .texture-header.editor-toolbar,.site-island #app>.editor-toolbar{min-height:56px!important;height:56px!important;padding:4px 0!important;margin:0 0 8px!important;flex-wrap:nowrap!important}
.site-island .editor-toolbar .editor-identity{flex:1!important;flex-basis:auto!important}
.site-island .editor-toolbar .editor-save{margin-left:0!important}
.site-island #ed.on:not([contenteditable]){padding-top:calc(68px + env(safe-area-inset-top,0px))}
.site-island #find{top:calc(68px + env(safe-area-inset-top,0px))}
@media(min-width:900px){.site-island.menu-editor #app{grid-template-rows:64px minmax(0,auto) 36px minmax(0,1fr)}}

.site-island.desktop-editor #app{width:100%;min-width:0;padding-top:0}
.site-island.desktop-editor #app>.stage{min-width:0;overflow:hidden}


.site-legal-link{margin:20px 0;font-size:13px;text-align:center;line-height:1.5}.site-legal-link a{color:#9dcaff;text-decoration:underline;text-underline-offset:3px}

/* Padding keeps the top inset inside the sticky header at every scroll position. */
.site-island .site-header{padding-top:calc(16px + env(safe-area-inset-top,0px))}
.site-island .site-header .island-bar{margin-top:0}