:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:#c2c2c2;color:#222}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{height:100%;display:flex;flex-direction:column;background:#000;color:#fff;color-scheme:dark;font-family:Consolas,Courier New,monospace}.top{display:flex;align-items:center;gap:14px;padding:10px 12px;background:#000;border-bottom:1px solid #fff}.desk-note{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.top>.close{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0 10px;font-family:Consolas,Courier New,monospace;cursor:pointer}.folders{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:32px 28px;padding:36px;background:#000}.folder{width:132px;border:0;background:transparent;color:#fff;font-family:Consolas,Courier New,monospace;cursor:pointer;padding:14px 0 0}.folder-shape{display:block;height:84px;border:1px solid #fff;border-radius:0 8px 8px;background:#000;position:relative}.folder-shape:before{content:"";position:absolute;top:-13px;left:-1px;width:52px;height:14px;border:1px solid #fff;border-bottom:0;border-radius:6px 6px 0 0;background:#000}.folder-name{display:block;margin-top:8px;font-size:14px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.choice{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-height:36px;padding:0 14px;font-family:Consolas,Courier New,monospace;font-size:14px;cursor:pointer}.choice.on{background:#fff;color:#000}.choice:disabled{opacity:.4;cursor:default}.solo,.pair label{display:flex;flex-direction:column;gap:6px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px}.solo{width:min(220px,100%)}.pair{width:min(520px,100%);display:flex;gap:12px}.pair label{flex:1;min-width:0}.solo input,.pair input,.tolerance{width:100%}.tolerance{width:88px}.size{display:flex;align-items:center;gap:8px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px;white-space:nowrap}.size input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:2px;margin:0;background:#fff;border:0;cursor:pointer}.size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#000;cursor:pointer}.size input[type=range]::-moz-range-track{height:2px;background:#fff;border:0}.size input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#000;cursor:pointer}.role-row.tools{flex-wrap:wrap}.brush-ring{display:none;position:absolute;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none}.frame{position:relative;display:inline-block;max-width:min(720px,100%);touch-action:none}.shot,.frame img{display:block;max-width:100%;max-height:420px;border:1px solid #fff;background:#000}.checker{background-color:#000;background-image:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.crop-box{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0000008c;pointer-events:none}.role-pick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px;background:#000;overflow:auto}.role-row{display:flex;align-items:center;justify-content:center;gap:28px}.role-box{width:min(280px,42vw);min-height:200px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;font-family:Consolas,Courier New,monospace;font-size:22px;cursor:pointer}.role-box:disabled{opacity:.4;cursor:default}.role-box span{display:block;margin-top:14px;padding:0 16px;font-size:13px;line-height:1.4}.control-help{max-width:36rem;margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.4;text-align:center}.view-gate{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:18px}.view-gate p{margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:16px;text-align:center}.view-gate input{width:100%}.desk-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}.brand{display:flex;align-items:center;margin:0;padding:0 4px;border:0;background:transparent;color:#fff;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif}.mark{color:#fff;font-size:22px;line-height:1}.utility{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:#000}.back{position:absolute;top:10px;left:16px;z-index:1;border:0;background:transparent;color:#fff;font-family:Consolas,Courier New,monospace;font-size:22px;line-height:1;padding:0;cursor:pointer}.toolbar{display:flex;gap:8px;flex:1;min-width:0}.toolbar button{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0 10px;font-family:Consolas,Courier New,monospace}.toolbar button:disabled{opacity:.4}.toolbar button:focus-visible,.address:focus-visible,.close:focus-visible{outline:2px solid #fff;outline-offset:2px}.address{flex:1;min-width:0;height:36px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;padding:0 12px;font:inherit}.address::placeholder{color:#fff;opacity:.45}.progress{height:2px;background:transparent}.progress.on{background:#fff}.stage{position:relative;flex:1;min-height:0;background:#000;touch-action:none}.stage canvas{width:100%;height:100%;display:block}.remote-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stage:focus{outline:none}.empty{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;color:#fff;text-align:center}.empty strong{display:block;color:#fff;font-size:42px;font-weight:500}.empty span{display:block;max-width:28rem;margin-top:8px;line-height:1.4}.status{flex:0 0 auto;min-width:0;max-width:100%;padding:6px 12px;color:#fff;font-size:13px;background:#000;border-top:1px solid #fff;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.calc-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:#c2c2c2;color:#222;color-scheme:light;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:28px 16px;outline:none}.desk{width:max-content;max-width:100%;--pt-row: 46px;--pt-gap: 3px;--pt-spacer: 14px;--pt-detail-gap: 14px}.desk-pane{min-height:calc((7 * var(--pt-row)) + var(--pt-spacer) + (2 * var(--pt-row)) + (9 * var(--pt-gap)) + var(--pt-detail-gap) + 1.4em)}.calc,.ratio{margin-inline:auto}.desk.wide{width:max-content;max-width:100%}.desk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.desk-tabs button{border:0;border-radius:999px;background:#adadad;color:#222;height:36px;padding:0 14px;font:inherit;cursor:pointer}.desk-tabs button[aria-selected=true]{background:#222;color:#c2c2c2}.calc{width:min(360px,calc(100vw - 32px))}.calc-display{margin:0;min-height:96px;padding:12px 8px 20px;overflow:hidden;color:#222;font-size:56px;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-keys button{height:68px;border:0;border-radius:16px;background:#adadad;color:#222;font:inherit;font-size:24px;cursor:pointer}.calc-keys button.op{background:#111;color:#fff}.calc-keys button.wide{grid-column:span 2}.ratio{width:min(360px,100%)}.pythag{width:max-content;max-width:100%}.ratio-title{margin:0 0 10px;text-align:center;font-size:15px}.ratio-mode{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.ratio-mode button{border:0;border-radius:999px;background:#adadad;color:#222;height:32px;padding:0 12px;font:inherit;cursor:pointer}.ratio-mode button[aria-pressed=true]{background:#222;color:#c2c2c2}.ratio-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 10px;align-items:end}.ratio-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-grid input{width:100%;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-grid span{padding-bottom:10px;font-size:13px}.ratio-line{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:10px}.ratio-line label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-line input{width:104px;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-line span{padding-bottom:10px;font-size:13px;white-space:nowrap}.pt-wrap{max-width:100%}.ptable{display:grid;grid-template-columns:repeat(18,42px);grid-template-rows:repeat(7,var(--pt-row)) var(--pt-spacer) repeat(2,var(--pt-row));gap:var(--pt-gap)}.ptable button,.pt-marker{border:0;border-radius:4px;background:#adadad;color:#222;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0}.ptable button{cursor:pointer}.ptable button.on{background:#222;color:#c2c2c2}.ptable .num{font-size:9px;line-height:1}.ptable .sym{font-size:14px;font-weight:650;line-height:1.2}.pt-marker{font-size:10px}.pt-detail{margin:var(--pt-detail-gap) 0 0;min-height:1.4em;text-align:center}