:root{color-scheme:light dark;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #111;--muted: #6b6b6b;--surface: #fff;--page: #f6f6f5;--shadow-border: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-border-hover: 0 0 0 1px rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .06);--image-outline: rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--ink: #f2f2f2;--muted: #9a9a9a;--surface: #1c1c1c;--page: #121212;--shadow-border: 0 0 0 1px rgba(255, 255, 255, .08);--shadow-border-hover: 0 0 0 1px rgba(255, 255, 255, .13);--image-outline: rgba(255, 255, 255, .1)}}body{margin:0;background:var(--page);color:var(--ink)}h1,h2{text-wrap:balance}p{text-wrap:pretty}.wordmark{font-weight:700;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:10px;font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition-property:scale,box-shadow,opacity;transition-duration:.15s;transition-timing-function:ease-out}.button:active:not(:disabled){scale:.96}.button:disabled{opacity:.6;cursor:default}.button.primary{background:var(--ink);color:var(--page)}.button.quiet{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-border)}.button.quiet:hover{box-shadow:var(--shadow-border-hover)}.sign-in{display:grid;justify-items:center;gap:8px;margin:22vh auto 0;padding:0 24px;text-align:center}.sign-in h1{margin:0;font-size:2.5rem}.sign-in p{margin:0 0 16px;color:var(--muted)}.bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.who{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;outline:1px solid var(--image-outline);outline-offset:-1px}.avatar.initial{display:grid;place-items:center;background:var(--surface);box-shadow:var(--shadow-border);outline:0;font-size:.8rem;font-weight:600}.projects{max-width:720px;margin:32px auto;padding:0 24px}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project h2{margin:0;font-size:1.25rem}.repo{color:var(--muted);font-size:.875rem}.empty,.error{color:var(--muted)}.documents{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.document{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 16px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-border);color:inherit;text-decoration:none;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.document:hover{box-shadow:var(--shadow-border-hover)}.document time,.document .size{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.canvas-page{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.canvas-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 4px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f;pointer-events:auto}.canvas-bar .back{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--ink);transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}.canvas-bar .back:after{content:"";position:absolute;inset:-4px}.canvas-bar .back:hover{background:var(--page)}.canvas-bar .back:active{scale:.96}.document-name{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.spacer{flex:1}.zoom{min-width:48px;color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:right}.people{display:flex;margin:0;padding:0;list-style:none}.people li{display:grid;place-items:center;width:28px;height:28px;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 2px var(--surface);color:#fff;font-size:.75rem;font-weight:600}.people li.more{background:var(--page);color:var(--muted)}.canvas-status{position:absolute;top:50%;left:50%;translate:-50% -50%;margin:0;padding:10px 16px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-border);color:var(--muted);pointer-events:none}.seed-files{max-width:720px;margin:0 auto 48px;padding:0 24px}.seed-files h2{margin:0;font-size:1.25rem}.seed-files p{margin:4px 0 0;color:var(--muted);font-size:.875rem}.bar-button{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}.bar-button:hover,.bar-button[aria-expanded=true]{background:var(--page)}.bar-button:active{scale:.96}.bar-button:after{content:"";position:absolute;inset:-4px 0}.picker{position:absolute;top:52px;left:0;z-index:1;display:flex;flex-direction:column;width:320px;max-height:min(480px,calc(100vh - 88px));padding:6px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-border),0 8px 24px #0000001a}.picker-search{height:36px;padding:0 10px;border:0;border-radius:6px;background:var(--page);color:var(--ink);font:inherit;font-size:.875rem;outline:none}.picker-problem{margin:6px 8px 0;color:#d4380d;font-size:.8125rem}.picker-list{overflow-y:auto;margin:6px 0 0;padding:0;list-style:none}.picker-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;font-size:.875rem;cursor:default}.picker-list li[aria-selected=true]{background:var(--page)}.picker-module{overflow:hidden;color:var(--muted);font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.picker-none{color:var(--muted)}.props-panel{position:absolute;top:68px;right:300px;display:flex;flex-direction:column;width:288px;max-height:calc(100% - 76px);overflow-y:auto;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f;font-size:.8125rem}.props-panel header{padding:12px 14px 8px}.props-panel h2{margin:0;font-size:.875rem}.props-panel .kit-name{margin-left:4px;color:var(--muted);font-weight:400}.props-panel .failed{margin:6px 0 0;color:#d4380d;overflow-wrap:anywhere}.props-panel .doc{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:3}.props{display:grid;grid-template-columns:minmax(72px,auto) 1fr;align-items:center;gap:6px 10px;padding:4px 14px 12px}.prop{display:contents}.prop-name{overflow:hidden;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.prop-name abbr{margin-left:1px;text-decoration:none}.props select,.props input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;height:28px;padding:0 8px;border:0;border-radius:6px;background:var(--page);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.props input[type=checkbox]{justify-self:start;margin:0}.props .slot{display:grid;gap:4px;min-width:0}.props .wired{display:flex;align-items:center;gap:6px}.unsupported{padding:0 14px 12px;color:var(--muted)}.unsupported ul{margin:6px 0 0;padding-left:16px}.layout-panel{contain:layout paint;transform:translateZ(0);position:absolute;top:68px;right:12px;width:264px;max-height:calc(100% - 104px);overflow:auto;padding:12px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f;font-size:.8125rem;font-variant-numeric:tabular-nums}.layout-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.layout-panel h2{margin:0;font-size:.9375rem}.layout-panel .button{padding:0 10px;border-radius:6px;font-size:inherit}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-field{display:grid;gap:4px;margin-top:10px;min-width:0}.layout-field span,.layout-panel legend{color:var(--muted)}.layout-field input,.layout-field select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:0 8px;border:0;border-radius:6px;background:var(--page);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-border)}.layout-field :is(input,select):focus-visible{outline:2px solid #0d99ff;outline-offset:2px}.layout-check{display:flex;align-items:center;min-height:40px;gap:8px;cursor:pointer}.layout-check input{margin:0;accent-color:#0d99ff}.layout-panel fieldset{padding:0;margin:12px 0 0;border:0}.layout-panel legend{padding:0}.layout-hint{color:var(--muted);line-height:1.5;margin-bottom:0}.toolbar{contain:layout paint;transform:translateZ(0);position:absolute;bottom:16px;left:50%;translate:-50% 0;display:flex;gap:2px;padding:4px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f}.tool{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}.tool:hover{background:var(--page)}.tool[aria-pressed=true]{background:#0d99ff;color:#fff}.tool:active:not(:disabled){scale:.96}.tool:disabled{opacity:.4;cursor:default}.tool:focus-visible,.icon-button:focus-visible,.segmented button:focus-visible{outline:2px solid #0d99ff;outline-offset:2px}.panels{contain:layout paint;transform:translateZ(0);position:absolute;top:64px;right:8px;display:flex;flex-direction:column;gap:12px;width:264px;padding:4px;max-height:calc(100% - 152px);overflow:auto}.panels:empty{display:none}.panels>.layout-panel{position:static;max-height:none;overflow:visible;contain:none;transform:none}.inspector{padding:4px 12px 12px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f;font-size:.8125rem;font-variant-numeric:tabular-nums}.inspector-section+.inspector-section{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.inspector-section{padding:8px 0 4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.section-head h2{overflow:hidden;margin:0;font-size:.8125rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.inspector .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector .grid.four{grid-template-columns:repeat(4,1fr)}.inspector .grid.three{grid-template-columns:repeat(3,1fr)}.shadow-kind{flex:1;margin:0;color:var(--muted)}.inspector .row{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.inspector .row>.field{flex:1}.field{display:grid;gap:4px;margin-top:8px;min-width:0}.field>span:first-child{overflow:hidden;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.field-box{position:relative;display:flex;align-items:center}.field input,.field select,.color-field .hex{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:0 8px;border:0;border-radius:6px;background:var(--page);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-border)}.field .unit{position:absolute;right:8px;color:var(--muted);pointer-events:none}.field :is(input,select):focus-visible,.color-field .hex:focus-visible{outline:2px solid #0d99ff;outline-offset:2px}.color-field{display:grid;grid-template-columns:40px 1fr 72px;align-items:end;gap:8px;flex:1;min-width:0}.color-field .field{margin-top:0}.color-field .field>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.swatch{box-sizing:border-box;width:40px;height:40px;padding:4px;border:0;border-radius:6px;background:var(--page);box-shadow:var(--shadow-border);cursor:pointer}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0;border-radius:2px;outline:1px solid var(--image-outline);outline-offset:-1px}.paint{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.image-paint{display:grid;flex:1;gap:4px}.image-paint .field{margin-top:0}.image-size{color:var(--muted)}.shadow+.shadow{margin-top:12px}.shadow .row{margin-top:0}.icon-button{position:relative;display:grid;flex:none;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--page)}.icon-button[aria-pressed=true]{box-shadow:var(--shadow-border)}.icon-button:active{scale:.96}.segmented{display:flex;flex:1;gap:2px;margin-top:8px;padding:2px;border-radius:8px;background:var(--page)}.inspector .row .segmented{margin-top:0}.segmented button{display:grid;flex:1;place-items:center;min-height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-out}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-border)}.button.small{min-height:40px;margin-top:8px;padding:0 12px;border-radius:6px;font-size:inherit}.hint{margin:8px 0 0;color:var(--muted)}.notice{contain:layout paint;transform:translateZ(0);position:absolute;bottom:72px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:4px;max-width:min(480px,calc(100% - 24px));margin:0;padding:0 4px 0 14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-border),0 4px 12px #0000000f;font-size:.8125rem}