.zoomopen{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.zoomopen__img{width:auto;max-width:100%;height:auto;max-height:74vh;margin:0 auto;display:block}.zoomopen__hint{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);opacity:0;font-size:9px;font-weight:300;transition:opacity .18s;position:absolute;bottom:-22px;right:0}.zoomopen:hover .zoomopen__hint,.zoomopen:focus-visible .zoomopen__hint{opacity:1}.zoom{z-index:100;background:#14171a;grid-template-rows:auto minmax(0,1fr) auto;animation:.18s ease-out zoomin;display:grid;position:fixed;inset:0}@keyframes zoomin{0%{opacity:0}to{opacity:1}}.zoom__bar{color:#ffffffb8;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:baseline;gap:20px;padding:16px 22px;font-size:10.5px;font-weight:300;display:flex}.zoom__label{flex:1;min-width:0}.zoom__close,.zoom__steps button{color:#fffc;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff47;padding:5px 11px;transition:border-color .16s,color .16s}.zoom__close:hover,.zoom__steps button:hover{color:#fff;border-color:#ffffffb3}.zoom__steps button.on{color:#fff;border-color:#fff}.zoom__stage{place-items:center;padding:0 22px;display:grid;overflow:hidden}.zoom__stage--in{cursor:grab}.zoom__stage--in:active{cursor:grabbing}.zoom__img{transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .22s var(--ease-hang,ease-out);cursor:zoom-in;-webkit-user-select:none;user-select:none}.zoom__steps{font-family:var(--mono);justify-content:center;gap:8px;margin:0;padding:16px 22px 22px;font-size:10.5px;font-weight:300;display:flex}.zoom :focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.zoom{animation:none}.zoom__img{transition:none}}
.save{border:1px solid var(--rule);color:var(--ink-2);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:7px 13px;font-size:10px;font-weight:300;transition:border-color .16s,color .16s;display:inline-flex}.save:hover:not(:disabled){border-color:var(--graphite);color:var(--graphite)}.save--on{border-color:var(--prussian);color:var(--prussian)}.save:disabled{opacity:.6;cursor:default}
.yourroom{margin-top:44px}.yourroom__lede{max-width:52ch;color:var(--ink-2);margin:0 0 16px;font-size:15px}.yourroom__pick{border:1px dashed var(--rule);background:var(--plaster-hi);cursor:pointer;flex-direction:column;gap:8px;padding:20px 22px;display:inline-flex}.yourroom__pick>span{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--graphite);font-size:10.5px;font-weight:300}.yourroom__stage{background:var(--plaster-lo);line-height:0;position:relative;overflow:hidden}.yourroom__stage--marking{cursor:crosshair}.yourroom__photo{width:100%;height:auto;display:block}.yourroom__mark{background:var(--prussian);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffff80}.yourroom__work{object-fit:contain;cursor:grab;touch-action:none;position:absolute;top:50%;left:50%}.yourroom__work--held{cursor:grabbing}.yourroom__work:focus-visible{outline:2px solid var(--prussian);outline-offset:3px}.yourroom__work--hangs{box-shadow:0 2px 5px #14161266,0 16px 30px -14px #1416128c}.yourroom__do{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:14px;display:flex}.yourroom__do .field{max-width:150px}.yourroom__pick input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.yourroom__pick{align-items:flex-start;transition:border-color .16s,background .16s;position:relative}.yourroom__pick:hover{border-color:var(--ink-3);background:var(--plaster)}.yourroom__pick:focus-within{outline:2px solid var(--prussian);outline-offset:2px}.yourroom__pick>span:before{content:"＋";font-family:var(--body);margin-right:8px}