:root{color-scheme:dark;--bg:#0c1015;--panel:#15171b;--gold:#bd9865;--muted:#869197;--line:#353638}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:#e4d5bb;font-family:Inter,Arial,sans-serif}button,select,input{font:inherit}.app{display:flex;flex-direction:column;min-height:100svh}.masthead{height:78px;background:#101216;border-bottom:1px solid #272c31;display:flex;justify-content:space-between;align-items:center;padding:0 33px;flex-shrink:0}.brand{display:flex;align-items:center;gap:14px}.sigil{font-size:34px;color:#cfad6f}.brand small,.brand strong{display:block}.brand small{font-size:9px;letter-spacing:.32em;color:#99918a;margin-bottom:4px}.brand strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:27px;letter-spacing:.13em}.brand em{font-weight:400;color:var(--gold)}.mast-r{display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:.18em;color:#8b9192}.mast-r a{border:1px solid #534534;padding:13px 16px;color:#d3ad77;text-decoration:none}.workspace{display:flex;flex:1;min-height:0}.viewport{flex:1;position:relative;min-height:680px;background:radial-gradient(circle at 50% 40%,#172330 0,#0b0e16 70%);overflow:hidden}.viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111821}.posterNote{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);text-align:center;padding:18px 22px;background:#0b0e15d5;letter-spacing:.22em;font-size:11px;color:#e7bf7e;border:1px solid #76614960;min-width:295px}.posterNote small{display:block;letter-spacing:.07em;line-height:1.6;color:#969aa0;margin-top:12px}.corner{position:absolute;z-index:2;color:#b0b9b7;font-size:10px;letter-spacing:.16em;pointer-events:none}.corner-tl{top:29px;left:29px}.corner-tr{top:29px;right:29px}.corner-bl{bottom:21px;left:30px}.corner-br{bottom:21px;right:30px}.live{color:#62d6da}.screen-controls{position:absolute;left:50%;bottom:62px;display:flex;gap:5px;transform:translateX(-50%);z-index:3}.screen-controls button{font-size:10px;letter-spacing:.05em;color:#b2b8b7;background:#11161ccf;border:1px solid #495052;padding:12px 16px;white-space:nowrap}.screen-controls button:hover{color:#fff;border-color:#d9b987}.screen-controls span{color:#8d9694}.panel{width:390px;min-width:350px;background:#16181d;border-left:1px solid #37302c;padding:30px 29px 22px;overflow-y:auto}.eyebrow,.label{font-size:10px;letter-spacing:.24em;color:#ad997f}.eyebrow{margin:0 0 15px}.panel h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:48px;line-height:.92;font-weight:500;letter-spacing:.018em;margin:0 0 17px}.panel h1 i{color:#c7a46c;font-weight:400}.lead{font-size:12px;line-height:1.8;color:#a2a7a7;max-width:325px;margin:0 0 24px}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #333536}.statgrid>div{padding:14px 15px;border-right:1px solid #333536;border-bottom:1px solid #333536}.statgrid>div:nth-child(2n){border-right:0}.statgrid>div:nth-child(n+3){border-bottom:0}.statgrid small{display:block;font-size:9px;letter-spacing:.1em;color:#7f888b;margin-bottom:6px}.statgrid b{font-weight:500;color:#dfd5c3;font-size:15px}.separator{height:1px;background:#353639;margin:25px 0 19px}.label{margin:0 0 16px}.buttongroup{display:grid;grid-template-columns:1fr auto;gap:9px}button{cursor:pointer;transition:filter .2s,background .2s}button:hover{filter:brightness(1.17)}.buttongroup button{border:1px solid #575047;padding:13px 15px;background:#26272a;color:#e2cba3;font-size:11px;letter-spacing:.08em}.buttongroup button.primary{background:#a47a43;color:#151513;font-weight:700;border-color:#a47a43}.ctl{display:flex;justify-content:space-between;color:#a5a7a5;font-size:10px;letter-spacing:.09em;margin:20px 0 9px}.ctl output{color:#e4c395}input[type=range]{width:100%;accent-color:#bc9158;height:4px}select{width:100%;border:1px solid #54514e;background:#222429;color:#e4d1b2;padding:12px;margin-bottom:4px;font-size:11px;letter-spacing:.02em;outline:none}.inspector{border:1px solid #48423b;background:#1c1f24;display:flex;gap:12px;min-height:111px;align-items:flex-start;padding:16px;margin-bottom:14px}.inspectIcon{font-size:28px;color:#cca26b}.inspector strong{font-size:12px;line-height:1.6;font-weight:600;color:#e8d4b5;display:block;overflow-wrap:anywhere}.inspector p{font-size:11px;color:#929d9f;line-height:1.7;margin:6px 0}.reset{border:1px solid #55504b;background:transparent;color:#b9a891;padding:13px;width:100%;letter-spacing:.10em;font-size:11px}.footnote{font-size:9px;letter-spacing:.03em;line-height:1.7;color:#6f777b;margin:20px 0 0}@media(max-width:950px){.workspace{flex-direction:column}.panel{width:100%;min-width:0;overflow:visible}.viewport{min-height:65vh}.panel h1{font-size:43px}.mast-r .seed{display:none}}@media(max-width:500px){.masthead{height:67px;padding:0 14px}.brand strong{font-size:19px}.brand small{font-size:7px}.sigil{font-size:24px}.mast-r{font-size:9px}.mast-r a{padding:9px}.panel{padding:26px 18px}.viewport{min-height:60vh}.corner-tr,.corner-bl,.corner-br{display:none}.corner-tl{font-size:8px;left:12px;top:15px}.screen-controls{gap:3px;bottom:15px}.screen-controls button{padding:9px 7px;font-size:9px}.screen-controls span{display:none}}