:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#242236;background:#f7f6f3;font-synthesis:none;--muted: #605d70;--line: #dedce4;--ink: #232139;--accent: #6343c7;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}button,input,textarea{font:inherit}button{border:1px solid #d4d1de;background:#fff;color:var(--ink);min-height:38px;border-radius:6px;padding:.42rem .8rem;font-size:.86rem;font-weight:650;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}button:hover{background:#efecf8;border-color:#bdb5d5}button:disabled{cursor:default;opacity:.56}:focus-visible{outline:2px solid #855cf2;outline-offset:3px}.primary{color:#fff;background:#5c3cbb;border-color:#5c3cbb}.primary:hover{color:#fff;background:#4b2e9e;border-color:#4b2e9e}.link-button{border-color:transparent;background:transparent;color:#5736b2;min-height:32px}input,textarea{border:1px solid #cfcbda;border-radius:5px;padding:.56rem .63rem;width:100%;min-width:0;background:#fff;color:var(--ink)}label{display:grid;gap:.38rem;font-size:.82rem;font-weight:650}h1,h2,h3,p{margin-top:0}h2{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:.55rem}h3{font-size:1rem;margin-bottom:.5rem}p{line-height:1.55}.muted{color:var(--muted);font-size:.88rem;line-height:1.55}.eyebrow{margin-bottom:.62rem;color:#665687;font:650 .69rem var(--mono);letter-spacing:.1em}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:780;letter-spacing:-.035em;white-space:nowrap}.canvas-view,.connection-menu{--edge-top: max(16px, env(safe-area-inset-top));--edge-left: max(16px, env(safe-area-inset-left));--edge-right: max(16px, env(safe-area-inset-right));--edge-bottom: max(16px, env(safe-area-inset-bottom))}.canvas-view{position:fixed;inset:0;overflow:hidden;background:#e7e5df}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.stage:focus-visible{outline-offset:-3px}.stage.dragging{cursor:grabbing}.artwork{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.plane{position:absolute;outline:1px solid #24223620;pointer-events:none}.selection{position:absolute;outline:1px solid #6c48cc;background:#a790eb26}.zoom-tools,.coordinate-menu,.board-status,.canvas-toast,.board-activity{position:absolute;background:#fdfcf9;border:1px solid #24223624;border-radius:9px;box-shadow:0 2px 5px #211b3710}.board-activity{top:var(--edge-top);left:var(--edge-left);max-width:calc(100% - var(--edge-left) - var(--edge-right) - 170px);padding:.4rem .6rem;font-size:.75rem;line-height:1.3;pointer-events:none}.board-activity span{color:var(--muted);font-size:.7rem}.connection-action{background:#242236;border-color:#242236;color:#fff}.connection-action:hover{background:#38354c;border-color:#38354c}.connect-button{position:absolute;top:var(--edge-top);right:var(--edge-right);min-height:44px;display:flex;align-items:center;gap:.42rem;padding-inline:.85rem .66rem}.connect-button[aria-expanded=true] svg{transform:rotate(180deg)}.zoom-tools{right:var(--edge-right);bottom:var(--edge-bottom);display:flex;align-items:center;padding:3px}.zoom-tools output{min-width:45px;text-align:center;color:var(--muted);font:.72rem var(--mono)}.board-size{padding-inline:.48rem;border-right:1px solid var(--line);color:var(--muted);font:.71rem var(--mono);white-space:nowrap}.zoom-tools button{display:grid;place-items:center;min-width:35px;min-height:35px;border-color:transparent;padding:0;background:transparent;font-size:1.15rem}.zoom-tools button:hover{background:#efecf8}.zoom-tools .fit-button{display:flex;align-items:center;gap:.26rem;padding-inline:.48rem;margin-left:3px;border-left-color:var(--line);border-radius:0 5px 5px 0;font-size:.76rem}.board-status,.canvas-toast{bottom:var(--edge-bottom);left:50%;transform:translate(-50%);padding:.52rem .68rem;margin:0;font-size:.8rem;white-space:nowrap;pointer-events:none}.canvas-toast{bottom:calc(var(--edge-bottom) + 53px)}.coordinate-menu{z-index:2;display:grid;gap:1px;width:min(206px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;padding:4px;box-shadow:0 10px 36px #211b3728;animation:reveal .12s ease-out}.coordinate-title{display:flex;justify-content:space-between;gap:.4rem;align-items:center;padding:.52rem .55rem;margin-bottom:2px;border-bottom:1px solid var(--line);font:.75rem var(--mono)}.coordinate-title span{color:var(--muted)}.coordinate-menu button{text-align:left;min-height:36px;border-color:transparent;background:transparent;padding:.38rem .52rem;font-weight:550}.coordinate-menu button:hover,.coordinate-menu button:focus-visible{background:#efecf8}.coordinate-menu input{margin:3px 0;font:.72rem var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.region-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem}.region-fields label{font-size:.72rem}.region-fields input{font-family:var(--mono);font-size:.82rem;padding:.52rem .42rem}.region-form{display:grid;gap:.75rem}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.share-link{margin-top:.7rem;font-size:.76rem}.pixel-detail,.connection,.queue-row{display:flex;align-items:center;gap:.55rem}.pixel-detail{padding-top:.85rem;margin-top:.8rem;border-top:1px solid var(--line);font-size:.8rem}.pixel-detail button,.connection button,.queue-row button{margin-left:auto}.swatch{display:inline-block;width:.72rem;height:.72rem;border:1px solid #36304d55;border-radius:2px;flex-shrink:0}dialog{width:min(462px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #24223624;border-radius:14px;color:var(--ink);padding:1.4rem;background:#fdfcf9;box-shadow:0 16px 68px #211b3738;animation:slide .16s ease-out}dialog::backdrop{background:#211b3744}.dialog-chrome{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:.8rem}.dialog-chrome .close{display:grid;place-items:center;min-width:36px;min-height:36px;margin-left:auto;padding:0}.dialog-chrome .back{color:var(--muted);background:transparent;border-color:transparent;padding-inline:.2rem}.connection-menu{position:fixed;z-index:1;inset:calc(var(--edge-top) + 52px) var(--edge-right) auto auto;width:min(390px,calc(100% - var(--edge-right) - var(--edge-right)));max-height:calc(100dvh - var(--edge-top) - var(--edge-bottom) - 112px);margin:0;padding:1.2rem 1.2rem .55rem;border-radius:12px;box-shadow:0 10px 34px #24223620;animation:connection-in .16s ease-out}.connection-menu .dialog-chrome{position:absolute;top:.55rem;right:.55rem;margin:0}.connection-menu .close{border-color:transparent;background:transparent;color:var(--muted)}.connection-menu .close:hover{background:#eeedf0}.connection-brand{display:flex;align-items:center;gap:.42rem;margin-bottom:.72rem;color:var(--muted);font-size:.75rem;font-weight:650}.connection-menu h1{font-size:1.54rem;font-weight:710;letter-spacing:-.045em;line-height:1.2;margin-bottom:.4rem}.connection-menu h1:focus{outline:none}.connection-description{color:var(--muted);font-size:.875rem;margin-bottom:.7rem}.connection-note{color:var(--muted);font-size:.75rem;margin-bottom:.7rem}.connection-prompt{margin-bottom:.5rem;padding:.65rem .72rem;border:1px solid var(--line);border-radius:8px;background:#f4f2f0}.connection-prompt>div{font-size:.75rem;font-weight:650}.connection-prompt pre{margin:.35rem 0 0;color:var(--muted);font:inherit;font-size:.8rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.connection-copy-note{margin:.35rem 0 0;color:var(--muted);font-size:.75rem}.connection-copy{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between}.connection-pricing{margin-top:.85rem}.connection-plans{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid var(--line);border-radius:8px;background:#f4f2f0}.connection-plans>div{padding:.64rem .72rem}.connection-plans>div+div{border-left:1px solid var(--line)}.connection-plans dt,.connection-plans span{color:var(--muted);font-size:.72rem}.connection-plans dd{display:grid;gap:.2rem;margin:.17rem 0 0}.connection-plans strong{font-size:1.15rem;letter-spacing:-.04em;line-height:1.2}.connection-pricing>p{margin:.45rem 0 0;color:var(--muted);font-size:.75rem}.connection-details{margin-top:.45rem;font-size:.8rem;color:var(--muted)}.connection-details summary{width:fit-content;padding-block:.55rem;color:var(--ink);font-weight:650;cursor:pointer}.connection-details p{margin:.25rem 0 .7rem}.connection-details label{margin-bottom:.3rem}.connection-details input{font:.75rem var(--mono)}.connection-details .connection-rules{margin-top:.55rem}.connection-links{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .45rem;margin-top:.3rem;padding-top:.28rem;border-top:1px solid var(--line)}.connection-links button{background:transparent;border-color:transparent;padding-inline:.32rem;color:var(--muted);font-size:.77rem}.connection-links button:hover{background:#eeedf0;color:var(--ink)}.connection-links button:first-child{margin-left:-.32rem}.stack{display:grid;gap:.75rem}.feedback{font-size:.8rem;color:#513487;margin:.45rem 0}.feedback:empty{display:none}.account-heading{display:flex;align-items:start;justify-content:space-between;gap:.4rem}.account-heading h2{padding:0}.quota{display:grid;gap:.25rem;background:#ede8fa;padding:.75rem;margin:.5rem 0 1.1rem;font-size:.85rem}.quota strong{font:750 1.25rem var(--mono)}.quota .muted{font-size:.75rem}.key-form{margin:.8rem 0;flex-wrap:nowrap}.key-form button{flex-shrink:0}.secret{background:#f1ebff;padding:.65rem;margin:.5rem 0}.secret p{margin:.4rem 0 0;font-size:.76rem}.connection,.queue-row{border-bottom:1px solid var(--line);padding:.5rem 0;overflow-wrap:anywhere}.queue-row p{margin:.16rem 0 0;font-size:.8rem}.operator-actions{margin:.75rem 0 1.25rem}.auth-page{width:min(450px,calc(100% - 2rem));margin:3rem auto}.auth-page section{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1.4rem}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes connection-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse){.zoom-tools button{min-width:43px;min-height:43px}.coordinate-menu button{min-height:43px}}@media(max-width:450px){.canvas-view,.connection-menu{--edge-top: max(11px, env(safe-area-inset-top));--edge-left: max(11px, env(safe-area-inset-left));--edge-right: max(11px, env(safe-area-inset-right));--edge-bottom: max(11px, env(safe-area-inset-bottom))}dialog{padding:1.15rem}.connection-menu{max-height:min(65dvh,calc(100dvh - var(--edge-top) - var(--edge-bottom) - 112px))}.board-status{left:11px;bottom:calc(var(--edge-bottom) + 60px);transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.oauth-registration{border-block:1px solid var(--line);padding:.7rem 0;margin-bottom:1rem}.oauth-registration summary{cursor:pointer;font-size:.85rem;font-weight:650}.oauth-registration form{margin-top:.75rem}.oauth-registration>label{margin-top:.75rem}.sign-in-link{display:inline-block;padding:.62rem .82rem;border-radius:6px;text-decoration:none;font-size:.86rem;font-weight:650}