*{box-sizing:border-box}body{margin:0;background:#111316;color:#eeeee9;font-family:Arial,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #303236}.brand{font-weight:900;font-size:28px;letter-spacing:-1px;color:#fa3d37}.sub{margin-left:20px;font-size:12px;letter-spacing:2px;color:#a8aaae}.version{font-size:13px;color:#999}main{display:grid;grid-template-columns:minmax(0,1fr) 310px}#viewport{height:calc(100vh - 76px);min-height:550px;position:relative;overflow:hidden}canvas{display:block;touch-action:none}.hint{position:absolute;bottom:24px;left:24px;right:24px;font-size:13px;color:#bbc0c5;pointer-events:none}#status{position:absolute;top:24px;left:24px}aside{padding:27px 24px;background:#191b1f;border-left:1px solid #303236;max-height:calc(100vh - 76px);overflow:auto}h1{font-size:23px;line-height:1.25;font-weight:500;margin:0 0 12px}p{font-size:14px;line-height:1.6;color:#a8acb3}h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#b4b8bd;margin-top:28px}button{cursor:pointer;border:1px solid #44474c;background:#22252a;color:#e9e9e6;padding:11px 12px;border-radius:6px;font-size:14px}.views{display:flex;flex-wrap:wrap;gap:7px}.active{background:#b72929;border-color:#eb5149}label{display:flex;align-items:center;gap:10px;margin:17px 0;font-size:14px}input{accent-color:#ed403b;width:17px;height:17px}#reset{width:100%;margin:10px 0}summary{font-size:14px;cursor:pointer;padding:17px 0}a{color:#ff9c91;font-size:14px}figure{margin:23px 0 0}img{width:100%;height:170px;object-fit:cover;object-position:center 48%;border-radius:5px}figcaption{font-size:12px;color:#9a9ea6;margin-top:9px}@media(max-width:760px){.sub,.version{display:none}main{display:block}#viewport{height:62vh;min-height:390px}aside{max-height:none;border-left:0}header{height:64px}.hint{font-size:12px}figure img{height:220px}}
 .editor{border-bottom:1px solid #444;padding-bottom:24px;margin-bottom:24px}.editor select{min-width:0;width:100%;padding:9px;background:#292d32;color:#fff;border:1px solid #555}.editor label{flex-wrap:wrap}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinates label{display:block;margin:5px 0}.coordinates input{width:100%;height:auto;padding:9px;background:#292d32;color:white;border:1px solid #555;margin-top:6px}.editor button{margin:5px 0;width:100%}#saveLayout{background:#ad2929}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}
.watermark{position:absolute;z-index:2;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none;user-select:none;text-align:center;width:75%;color:rgba(215,220,230,.14);text-shadow:0 1px 3px rgba(0,0,0,.15)}.watermark strong{display:block;font-size:clamp(24px,4vw,54px);letter-spacing:.12em}.watermark span{display:block;font-size:12px;letter-spacing:.18em;margin-top:8px}.viewer-credit{position:absolute;z-index:2;bottom:57px;left:24px;pointer-events:none;font-size:12px;color:#c7c9cd;text-shadow:0 1px 3px #000}.studio-seal{border-top:1px solid #45484e;margin-top:28px;padding-top:24px}.studio-seal>strong{display:block;letter-spacing:.16em;font-size:18px}.studio-seal p{font-size:13px;margin:8px 0 16px}.studio-seal a{display:block;margin:10px 0;text-decoration:none;color:#e4e5e7;overflow-wrap:anywhere}.studio-seal small{display:block;color:#aaaeb5;line-height:1.6;font-size:12px;margin-top:20px}@media(max-width:760px){.watermark strong{font-size:25px}.watermark span{font-size:10px}.viewer-credit{bottom:65px;left:24px}}