:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f0e5cc;background:#0b171e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #46616b;background:#1a3440;color:#f4dec0;padding:.65rem .85rem;border-radius:5px;cursor:pointer}button:hover{background:#34535c;border-color:#efac7b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f7ac73;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.8rem 2.5rem;border-bottom:1px solid #314650}.eyebrow{letter-spacing:.27em;color:#f6aa7c;font-size:.7rem}h1{font-family:Georgia,serif;font-size:clamp(1.7rem,3.2vw,3.2rem);font-weight:400;margin:.6rem 0}h1 span{display:block;font:400 .9rem system-ui;color:#91abb3;margin-top:.6rem}h2{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#eab98f;margin-top:1.6rem}p,small{line-height:1.6;color:#a8b9bd}small{display:block;font-size:.72rem}main{min-height:100dvh}.workspace{display:grid;grid-template-columns:310px 1fr;min-height:75vh}aside{padding:1rem 1.6rem;background:#10222c;border-right:1px solid #314650}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0}.sources>div{padding:.8rem;background:#172e39;margin:.7rem 0;border-left:2px solid #dd9c73;display:grid;gap:.5rem}.sources button{font-size:.75rem}.editor{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}label{display:grid;gap:.35rem;font-size:.8rem;color:#b6c9cb}input[type=number],select,textarea{width:100%;min-width:0;background:#091c27;border:1px solid #42606a;color:#eddfcc;padding:.6rem;border-radius:4px}.stage{position:relative;min-width:0}.stagebar{position:absolute;top:1rem;left:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.7rem;letter-spacing:.16em;z-index:1}.stage canvas{display:block;width:100%;height:57vh;min-height:320px;touch-action:none;background:radial-gradient(ellipse,#294450,#10202a)}.camera{display:flex;gap:2rem;padding:.8rem 2rem;background:#132831}.camera label{flex:1}.atlas{padding:.5rem 2rem 1.4rem}.atlas svg{width:100%;max-height:200px;border:1px solid #456069}.project,footer{padding:1rem 2.5rem;border-top:1px solid #314650}.project p{max-width:900px;font-size:.85rem}textarea{height:200px;margin:1rem 0;font-family:monospace}.error{padding:1rem;color:#f6be9d}footer{padding-bottom:2rem}footer label{display:flex;align-items:center}footer small{max-width:900px}button,select{transition:background .18s}summary{cursor:pointer;color:#e7b48b}@media(max-width:760px){header{padding:1.3rem;align-items:start}.workspace{grid-template-columns:1fr}aside{border-right:0}.stage{grid-row:1}.stage canvas{height:55vh}.project,footer{padding:1.2rem}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.stagebar{left:.8rem;right:.8rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.eyebrow:before{content:"●";display:inline-block;margin-right:.8rem;animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
