:root{color:#15354a;font-synthesis:none;background:#f0eadc;font-family:Trebuchet MS,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:#f0eadc;margin:0}button,input{font:inherit}button{cursor:pointer}main{width:min(1400px,100%);min-height:100vh;margin:auto;padding:30px 36px}header{border-bottom:3px double #15354a;justify-content:space-between;align-items:end;margin-bottom:22px;padding-bottom:20px;display:flex}header>div{align-items:baseline;gap:18px;display:flex}.kicker{writing-mode:vertical-rl;letter-spacing:.16em;font:700 10px/1 Georgia,serif}h1{letter-spacing:-.04em;margin:0;font:italic 700 clamp(36px,5vw,66px)/.95 Georgia,serif}header p{max-width:440px;margin:0;line-height:1.6}.workbench{grid-template-columns:275px minmax(0,1fr);gap:20px;display:grid}aside{flex-direction:column;gap:12px;display:flex}aside section{background:#fbf7eb;border:1px solid #b7ac94;padding:16px;box-shadow:3px 3px #d1c5ad}h2{letter-spacing:.08em;margin:0 0 8px;font:700 13px/1.2 ui-monospace,monospace}aside p{color:#5d685f;margin:7px 0 12px;font-size:12px;line-height:1.5}aside button,.upload{color:#174e70;text-align:center;background:0 0;border:1px solid #174e70;width:100%;margin-top:7px;padding:9px;display:block}.active,.upload{color:#fff!important;background:#174e70!important}button:disabled{opacity:.4;cursor:not-allowed}input[type=file]{opacity:0;pointer-events:none;position:absolute}.editor label{margin-top:10px;font-size:11px;display:block}.editor label input[type=text],.editor label input:not([type]){width:100%}.editor input{margin-top:5px}.editor input[type=range]{accent-color:#e57c22;width:100%}.angleButtons{grid-template-columns:1fr 1fr;gap:5px;display:grid}.angleButtons button{padding:5px}.danger{color:#a33!important;border-color:#a33!important}.stage{background:#d9eaf2;border:1px solid #6b8797;min-width:0;padding:9px;box-shadow:6px 6px #c5b99e}.stageTop{justify-content:space-between;padding:4px 6px 12px;font:11px ui-monospace,monospace;display:flex}.board{aspect-ratio:16/10;touch-action:none;background:#dcecf3;min-height:420px;position:relative;overflow:hidden}.board svg{width:100%;height:100%;position:absolute;inset:0}.board svg circle{fill:#174e70}.board svg text{fill:#174e70;font-size:2px}.board.drawing{cursor:crosshair}.pin{color:#15354a;z-index:3;touch-action:none;background:0 0;border:0;width:0;height:0;padding:0;position:absolute}.photo{background:#fff;width:64px;height:58px;padding:4px 4px 13px;transition:box-shadow .15s;display:block;position:absolute;box-shadow:2px 3px 6px #1236}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo em{font:700 9px ui-monospace,monospace;position:absolute;bottom:1px;right:5px}.arrow{transform-origin:50% 100%;color:#e25d33;text-shadow:0 1px #fff;z-index:-1;height:72px;font-size:25px;position:absolute;bottom:31px;left:0}.pin small{text-overflow:ellipsis;white-space:nowrap;background:#f9f4e8cc;width:max-content;max-width:100px;padding:2px 4px;font-size:9px;position:absolute;top:35px;left:0;overflow:hidden;transform:translate(-50%)}.pin.selected .photo{box-shadow:0 0 0 3px #ff9f1c,3px 5px 8px #1238}.hint{text-align:center;color:#174e7090;pointer-events:none;place-content:center;font:italic 24px Georgia,serif;display:grid;position:absolute;inset:0}.hint small{font:12px Trebuchet MS,sans-serif}footer{justify-content:space-between;align-items:center;margin-top:18px;font:11px ui-monospace,monospace;display:flex}footer button{color:#7d3328;background:0 0;border:0;border-bottom:1px solid}@media (width<=820px){main{padding:20px 14px}header,header>div{display:block}.kicker{writing-mode:initial}header p{margin-top:14px}.workbench{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;display:grid}aside section:last-child{grid-column:1/-1}.stage{grid-row:1}.board{min-height:340px}.stageTop{gap:10px}.stageTop span:last-child{text-align:right}}@media (width<=520px){aside{display:block}aside section{margin-bottom:10px}.board{aspect-ratio:3/4;min-height:430px}.photo{width:52px;height:50px}.stageTop{font-size:9px}}