/* AstroScott Pass 30 — compact, purpose-built astronomical layer compositor */
#studio .astro-layers-page{color:#d9e4ec;min-width:0;padding:0;background:#0d1722;--layer-line:#304353;--layer-gold:#d7b684}
#studio .astro-layer-header{padding:13px 18px 11px;border-bottom:1px solid var(--layer-line);display:flex;gap:18px;align-items:center;justify-content:space-between;background:#142230;flex-wrap:wrap}
#studio .astro-layer-header h2{font:25px Georgia,serif;letter-spacing:-.035em;margin:0 0 3px;color:#f3e9d9}
#studio .astro-layer-header p{font-size:11px;color:#9caeba;margin:0;line-height:1.5}
#studio .astro-layer-header .astro-layer-kicker{color:var(--layer-gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-weight:700}
#studio .astro-layer-header-actions{display:flex;gap:6px;flex-wrap:wrap}
#studio .astro-layers-page button,#studio .astro-layers-page select{font:inherit;cursor:pointer}
#studio .astro-layers-page button{border:1px solid #344c5d;color:#dde8ee;background:#1c2d3e;border-radius:3px;padding:8px 10px;font-size:11px;line-height:1.15}
#studio .astro-layers-page button:hover{background:#2a4053;border-color:#7c8f98}
#studio .astro-layers-page button:disabled{opacity:.4;cursor:default}
#studio .astro-layers-page button:focus-visible,#studio .astro-layers-page input:focus-visible,#studio .astro-layers-page select:focus-visible{outline:2px solid #ddbb87;outline-offset:2px}
#studio .astro-layers-page .layer-primary{background:#b69261;color:#0d1620;font-weight:700;border-color:#ddc297}
#studio .astro-layers-page .layer-primary:hover{background:#d9b981}
#studio .astro-layer-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;min-height:580px;height:calc(100dvh - 240px);max-height:960px}
#studio .astro-layer-main{min-width:0;display:flex;flex-direction:column;overflow:hidden}
#studio .astro-layer-toolbar{display:flex;align-items:center;gap:5px;padding:8px 12px;border-bottom:1px solid var(--layer-line);flex-wrap:wrap;background:#152435}
#studio .astro-layer-toolbar button[aria-pressed="true"]{color:#efdbb6;border-color:#c29e69;background:#3a3840}
#studio .astro-layer-toolbar-sep{height:24px;width:1px;background:#405263;margin:0 4px}
#studio .astro-layer-zoom{font-size:10px;color:#c4a87d;font-family:ui-monospace,monospace;min-width:42px;text-align:right}
#studio .astro-layer-stage{min-height:320px;flex:1;position:relative;overflow:hidden;touch-action:none;background-color:#101923;background-image:linear-gradient(45deg,#152331 25%,transparent 25%),linear-gradient(-45deg,#152331 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#152331 75%),linear-gradient(-45deg,transparent 75%,#152331 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}
#studio .astro-layer-stage canvas{position:absolute;top:50%;left:50%;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;transform-origin:center center;image-rendering:auto;box-shadow:0 14px 60px #0009;touch-action:none;user-select:none}
#studio .astro-layer-stage[data-tool="pan"] canvas{cursor:grab}
#studio .astro-layer-stage[data-tool="brush"] canvas{cursor:crosshair}
#studio .astro-layer-stage[data-tool="erase"] canvas{cursor:cell}
#studio .astro-layer-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;padding:22px;pointer-events:none;background:#111c29e9}
#studio .astro-layer-empty[hidden]{display:none}
#studio .astro-layer-empty strong{font:25px Georgia,serif;color:#dfccaa}
#studio .astro-layer-empty span{font-size:12px;max-width:365px;color:#a7bdc9;line-height:1.6}
#studio .astro-layer-subbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 13px;border-top:1px solid var(--layer-line);background:#142332}
#studio .astro-layer-subbar label{display:flex;align-items:center;gap:7px;font-size:10px;color:#bfced9;margin:0}
#studio .astro-layer-subbar input[type=range]{width:88px;accent-color:#c7a676}
#studio .astro-layer-subbar input[type=number]{width:52px}
#studio .astro-layer-side{display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;border-left:1px solid var(--layer-line);background:#162332}
#studio .astro-layer-panel{padding:13px 13px 14px;border-bottom:1px solid #314454}
#studio .astro-layer-panel h3{font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;color:#d0ac7a}
#studio .astro-layer-buttons{display:flex;gap:5px;flex-wrap:wrap}
#studio .astro-layer-buttons button{padding:7px 8px;font-size:10px}
#studio .astro-layer-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto}
#studio .astro-layer-entry{display:flex;align-items:center;gap:6px;padding:7px 6px;border:1px solid #354656;background:#1c2c3a}
#studio .astro-layer-entry.selected{border-color:#c0a073;background:#2b3945}
#studio .astro-layer-entry>button{border:0;background:transparent;min-width:22px;padding:4px}
#studio .astro-layer-entry .astro-layer-mini{width:30px;height:24px;border:1px solid #697889;image-rendering:pixelated}
#studio .astro-layer-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
#studio .astro-layer-name .astro-layer-label{background:transparent;text-align:left;border:0;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px;color:#f4e7d3;font-size:11px}
#studio .astro-layer-name small{font-size:8px;letter-spacing:.07em;color:#8ea3b5}
#studio .astro-layer-order{display:flex;flex-direction:column;gap:2px}
#studio .astro-layer-order button{min-width:23px;padding:3px 5px;font-size:10px}
#studio .astro-layer-fields label{display:flex;flex-direction:column;gap:5px;color:#bacdda;font-size:11px;margin:10px 0}
#studio .astro-layer-fields output{color:#dcc196;float:right}
#studio .astro-layer-fields select,#studio .astro-layer-fields input[type=range]{width:100%}
#studio .astro-layer-fields select{color:#e2eaf0;background:#1a2938;border:1px solid #40576b;border-radius:2px;padding:8px;font-size:11px}
#studio .astro-layer-fields input[type=range]{accent-color:#d4ad77}
#studio .astro-layer-small{font-size:10px;color:#8fa2b4;line-height:1.5;margin:7px 0}
#studio .astro-layer-bottom{padding:10px 15px;border-top:1px solid var(--layer-line);background:#12202e}
#studio .astro-layer-bottom p{font-size:10px;color:#a2b8c6;margin:0;line-height:1.5}
#studio .astro-layer-bottom p[data-error="true"]{color:#f2a0a0}
#studio .astro-layer-bottom small{display:block;color:#748b9d;font-size:9px;line-height:1.6;margin-top:4px}
#studio .astro-layer-side .astro-layer-fields[hidden],#studio #layer-detail[hidden]{display:none!important}
@media(max-width:1000px){#studio .astro-layer-layout{grid-template-columns:minmax(0,1fr) 245px;height:calc(100dvh - 220px)}}
@media(max-width:760px){#studio .astro-layer-layout{height:auto;max-height:none;display:flex;flex-direction:column}#studio .astro-layer-stage{height:49dvh;min-height:300px;flex:none}#studio .astro-layer-side{max-height:none;border-left:0;border-top:1px solid var(--layer-line)}#studio .astro-layer-subbar{gap:6px}#studio .astro-layer-header h2{font-size:21px}}