:root{font-family:Arial,Helvetica,sans-serif;color:#e3e9df;background:#12191b;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,label,summary{-webkit-tap-highlight-color:transparent}button,.import,.upload{font:inherit;color:inherit;border:1px solid #44504b;background:#1b2525;padding:11px 15px;border-radius:3px;cursor:pointer}button:hover,.import:hover,.upload:hover{background:#303d35;border-color:#b4c7a2}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible,.upload:focus-within,.import:focus-within{outline:2px solid #dcf1a7;outline-offset:4px}header{min-height:84px;padding:20px 34px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #39443b}.brand{display:flex;align-items:center;gap:15px;margin-right:auto}.brandmark{font-size:36px;color:#d5e7a8}.brand strong{letter-spacing:4px;font-size:15px}.brand small{display:block;font:9px monospace;letter-spacing:1.8px;margin-top:8px;color:#9eafa4}.local{font:10px monospace;color:#b9d69f;margin-right:24px;letter-spacing:1px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100svh - 138px)}.exhibit{min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#273337,#141d20 58%,#10191b)}.intro{position:absolute;top:40px;left:40px;pointer-events:none;z-index:1}.eyebrow{font:10px monospace;letter-spacing:2px;color:#c6d6ae}h1{font-size:clamp(32px,3.8vw,61px);font-weight:400;line-height:1.02;letter-spacing:-2px;margin:18px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#e3ebc9}.intro p{color:#9daea7;font-size:12px;line-height:1.7}.volume{display:block;width:100%;height:100%;min-height:700px;position:absolute;touch-action:none}.scene-meta{position:absolute;bottom:90px;left:35px;right:35px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:9px monospace;letter-spacing:1px;color:#8faaa0}.scene-meta b{display:block;font:12px Arial;color:#c9d5c5;letter-spacing:0;margin-top:9px}.view-controls{position:absolute;bottom:20px;left:35px;right:35px;display:flex;gap:20px;align-items:end}.view-controls label{font:10px monospace;flex:1;color:#b6c2b7}.view-controls input{width:100%;display:block;margin-top:12px}.view-controls button{font-size:11px;padding:9px}aside{padding:27px 25px;background:#1c2524;border-left:1px solid #39443b}.section-title{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.2px;color:#c6d4bd;margin-bottom:18px}.section-title:not(:first-child){border-top:1px solid #39443b;padding-top:24px;margin-top:23px}.upload{display:block;text-align:center;background:#d9e5b7;color:#1a2724;font-size:13px;border-color:#d9e5b7}.upload input,.import input{position:absolute;width:1px;height:1px;opacity:0}.hint{font-size:11px;line-height:1.7;color:#9cae9f}.source-row{display:flex;gap:18px;margin:20px 0}.source-row canvas{width:112px;height:112px;image-rendering:pixelated;border:1px solid #69775b}.source-row div{padding-top:13px}.source-row small{font:9px monospace;color:#a9bba6}.source-row strong{display:block;font:25px monospace;margin-top:10px}.source-row p{font:10px monospace;line-height:1.8;color:#a5b4a8}.control{display:block;font-size:12px}.control output{float:right;color:#d6e8b2;font:11px monospace}.control input{display:block;width:100%;margin:15px 0}input[type=range]{accent-color:#d8e9ae;height:16px;cursor:pointer}.slice-edit{display:flex;gap:18px}.slice-edit canvas{width:25px;height:110px;image-rendering:pixelated;border:1px solid #758463}.slice-edit>div{flex:1}.slice-edit button{font-size:11px;padding:7px 10px}.checkbox{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px}.checkbox input{accent-color:#d8e9ae;width:16px;height:16px}.primary{width:100%;color:#20302b;background:#d8e7b5;border-color:#d8e7b5}.two{display:flex;gap:8px;margin:10px 0}.two>*{flex:1;text-align:center;font-size:11px;padding:10px}.status{font:10px monospace;line-height:1.7;color:#ccdbaf;border-left:2px solid #718767;padding-left:10px;margin:18px 0 0}footer{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:18px 30px;border-top:1px solid #39443b;font:9px monospace;letter-spacing:1px;color:#a3b39f}details{max-width:480px;line-height:1.8;letter-spacing:0}summary{cursor:pointer}details p{font:12px/1.6 Arial}details button{font-size:11px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.intro{top:55px;left:55px}aside{padding:32px}.volume,.exhibit{min-height:780px}}@media(max-width:800px){header{padding:16px;flex-wrap:wrap}.local{display:none}.brand strong{font-size:12px}.brand small{font-size:8px}header button{font-size:11px;padding:9px}.workspace{grid-template-columns:1fr}.exhibit,.volume{min-height:610px}.intro{left:24px;top:25px}.intro h1{font-size:40px}.intro p{font-size:11px}.view-controls{left:20px;right:20px;gap:10px}.scene-meta{left:20px;right:20px;font-size:8px}aside{border-left:0;border-top:1px solid #39443b;padding:25px}.source-row canvas{width:140px;height:140px}.source-row{justify-content:center}.slice-edit canvas{height:120px}footer{flex-direction:column;padding:18px 24px}.section-title{margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}