:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--blue:#0a84ff;--accent:#007aff;--accent-soft:#007aff24;--accent-text:#007aff;--on-accent:#fff;--gold:#b88a00;--danger:#ff3b30;--success:#34c759;--warning:#ff9500;--bg:#f2f2f7;--bg-editor:#e3e3e8;--surface-solid:#fff;--sheet:#f6f6f9;--fill:#7676801f;--fill-2:#76768033;--press:#7676802e;--line:#3c3c4329;--text:#000;--text-2:#3c3c43c7;--muted:#3c3c4399;--faint:#3c3c434d;--glass:#ffffffa8;--glass-strong:#fafafce0;--glass-filter:blur(22px) saturate(185%);--glass-shadow:0 12px 32px -8px #0003, 0 2px 6px #0000000f, 0 0 0 .5px #0000001a, inset 0 0 12px #fff6;--glass-rim:linear-gradient(135deg, #fffffff2, #ffffff59 28%, #ffffff1f 56%, #fff9);--thumb:#fff;--thumb-shadow:0 2px 8px #0000001f, 0 0 0 .5px #0000000d;--card-shadow:0 1px 2px #0000000a, 0 6px 20px -6px #0000001f;--spring:linear(0, .03, .102, .198, .303, .409, .509, .6, .68, .75, .808, .855, .894, .924, .948, .966, .98, .989, .996, 1.001, 1.004, 1.005, 1.006, 1.006, 1.006, 1.006, 1.005, 1.004, 1.004, 1.003, 1.002, 1.002, 1);--spring-soft:linear(0, .031, .107, .21, .326, .444, .556, .658, .748, .824, .886, .935, .972, .999, 1.018, 1.03, 1.036, 1.038, 1.038, 1.035, 1.031, 1.027, 1.022, 1.018, 1.014, 1.01, 1.007, 1.005, 1.003, 1.001, 1, .999, 1);--out:cubic-bezier(.4, 0, 1, 1);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--edge:16px;--top:max(var(--edge), calc(var(--sat) + 6px));--bottom:max(var(--edge), calc(var(--sab) - 4px));--left:max(var(--edge), var(--sal));--right:max(var(--edge), var(--sar));--ctl:44px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:600px),(max-height:500px){:root{--edge:12px}}@media (prefers-color-scheme:dark){:root{--accent:#0a84ff;--accent-soft:#0a84ff4d;--accent-text:#5cadff;--danger:#ff453a;--success:#30d158;--warning:#ff9f0a;--bg:#000;--bg-editor:#161618;--surface-solid:#1c1c1e;--sheet:#1f1f22;--fill:#7676803d;--fill-2:#7676805c;--press:#a0a0aa42;--line:#54545899;--text:#fff;--text-2:#ebebf5cc;--muted:#ebebf599;--faint:#ebebf54d;--glass:#26262ab3;--glass-strong:#222226e6;--glass-filter:blur(22px) saturate(170%);--glass-shadow:0 12px 32px -8px #0009, 0 2px 6px #0000004d, 0 0 0 .5px #0009, inset 0 0 12px #ffffff0d;--glass-rim:linear-gradient(135deg, #ffffff6b, #ffffff1f 28%, #ffffff0a 56%, #ffffff38);--thumb:#fff3;--thumb-shadow:0 2px 8px #0000004d, inset 0 0 0 .5px #ffffff1f;--card-shadow:0 0 0 .5px #ffffff14}}*{box-sizing:border-box}html,body{height:100%;margin:0}html{text-size-adjust:100%;background:var(--bg)}body{font-family:var(--font);color:var(--text);background:var(--bg);overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:17px;line-height:1.3}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}svg{flex:none;display:block}#app{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.screen{flex-direction:column;animation:.28s ease-out both fade-in;display:flex;position:absolute;inset:0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow);color:var(--text);border:0;border-radius:999px}.glass:before,.tinted:before{content:"";border-radius:inherit;pointer-events:none;background:var(--glass-rim);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tinted{color:var(--on-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--tint,var(--accent)) 86%, #fff), var(--tint,var(--accent)));box-shadow:0 10px 24px -8px color-mix(in srgb, var(--tint,var(--accent)) 70%, transparent), 0 2px 6px #0000001a, 0 0 0 .5px #0000001f;border:0;border-radius:999px;position:relative}.tinted:before{background:linear-gradient(135deg,#ffffffb3,#ffffff2e 30%,#ffffff0a 58%,#ffffff57)}.btn{appearance:none;cursor:pointer;min-width:var(--ctl);min-height:var(--ctl);color:var(--accent);letter-spacing:-.01em;white-space:nowrap;transition:transform .4s var(--spring-soft), background-color .2s, opacity .2s, filter .2s;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:17px;font-weight:590;line-height:1;display:inline-flex;position:relative}.btn:active{background:var(--press);transition-duration:.1s,60ms,.2s,60ms;transform:scale(.95)}@media (hover:hover){.btn:hover{background:var(--fill)}}.btn:disabled{opacity:.3;pointer-events:none}.btn.icon{width:var(--ctl);padding:0}.btn.primary{background:var(--accent);color:var(--on-accent);padding:0 22px}.btn.primary:active,.tinted:active{filter:brightness(1.12)}.btn.primary.destructive{background:var(--danger)}.btn.danger{color:var(--danger)}.btn.subtle{color:var(--text);background:var(--fill)}.btn.subtle:active{background:var(--fill-2)}.btn.large{min-height:54px;font-size:18px}.btn.block{width:100%}@media (hover:hover){.btn.primary:hover{background:var(--accent);filter:brightness(1.06)}.btn.primary.destructive:hover{background:var(--danger)}.btn.subtle:hover{background:var(--fill-2)}}button.glass,button.tinted{appearance:none;cursor:pointer;letter-spacing:-.01em;min-width:48px;height:48px;transition:transform .4s var(--spring-soft), filter .2s;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:16px;font-weight:590;display:inline-flex;position:relative}button.glass.round,button.tinted.round{width:48px;padding:0}button.glass:active,button.tinted:active{transition-duration:.1s,60ms;transform:scale(.94)}button.glass:active{filter:brightness(.94)}@media (hover:hover){button.glass:hover{filter:brightness(1.03)}button.tinted:hover{filter:brightness(1.06)}}.group{align-items:center;padding:2px;display:inline-flex;position:relative}.group .btn{color:var(--text)}.group .btn.icon{width:46px;min-height:44px}.group .btn:disabled{opacity:.26}.thumbed{position:relative}.thumb{pointer-events:none;background:var(--thumb);width:0;height:0;box-shadow:var(--thumb-shadow);opacity:0;transition:translate .42s var(--spring), width .42s var(--spring), opacity .18s;border-radius:999px;position:absolute;top:0;left:0}.thumb.on{opacity:1}.thumbed>:not(.thumb){position:relative}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{appearance:none;cursor:pointer;font:inherit;letter-spacing:-.01em;min-height:var(--ctl);min-width:var(--ctl);background:var(--fill);color:var(--text);white-space:nowrap;transition:transform .4s var(--spring-soft), background-color .2s, color .2s, opacity .2s;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:590;display:inline-flex}.chip:active{background:var(--fill-2);transition-duration:.1s,60ms,.2s,.2s;transform:scale(.95)}.chip[aria-pressed=true],.chip.on{background:var(--accent);color:var(--on-accent)}.chip .swatch{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 .5px #0003}.chip.danger{color:var(--danger)}.chip:disabled{opacity:.3;pointer-events:none}.seg{background:var(--fill);border-radius:999px;flex:none;padding:2px;display:inline-flex}.field>.seg{display:flex}.field>.seg button{flex:1;min-height:40px;font-size:15px}.seg button{appearance:none;cursor:pointer;font:inherit;min-height:36px;color:var(--text);transition:transform .4s var(--spring-soft);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:590}.seg button:active{transition-duration:.1s;transform:scale(.95)}.switch{background:var(--fill-2);cursor:pointer;border:0;border-radius:999px;flex:none;width:58px;height:32px;transition:background-color .25s;position:relative}.switch:after{content:"";width:34px;height:26px;transition:transform .4s var(--spring-soft);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003,0 0 0 .5px #0000000a}.switch[aria-checked=true]{background:var(--success)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:active:after{transform:scaleX(1.12)}.switch[aria-checked=true]:active:after{transform:translate(16px)scaleX(1.12)}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--muted);padding:0 4px;font-size:13px;font-weight:500}.field .row{align-items:center;gap:10px;display:flex}.field .row .narrow{text-align:center;flex:none;width:104px}.input{background:var(--fill);width:100%;color:var(--text);font:inherit;border:0;border-radius:16px;outline:none;min-height:50px;padding:13px 16px;font-size:17px;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 2px #0000}textarea.input{resize:none;line-height:1.35}.input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.input.mono{font-family:var(--mono);font-weight:600}.input.code{font-family:var(--mono);text-align:center;letter-spacing:.14em;text-transform:uppercase;border-radius:18px;min-height:60px;padding:14px 8px;font-size:24px;font-weight:600}.input.code.readout{-webkit-user-select:text;user-select:text;place-items:center;font-size:21px;display:grid}.input::placeholder{color:var(--faint);font-family:var(--font);letter-spacing:normal;text-transform:none;font-weight:400}.help{color:var(--muted);margin:0;padding:0 4px;font-size:13px;line-height:1.38}.help.body{color:var(--text-2);padding:0;font-size:15px}.error{color:var(--danger);min-height:0;padding:0 4px;font-size:14px;font-weight:500}.list{background:var(--surface-solid);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}dialog .list{background:var(--fill)}.list .item{align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex;position:relative}.list .item+.item:before{content:"";background:var(--line);height:.5px;position:absolute;top:0;left:16px;right:0}.list .item .grow{flex:1;min-width:0}.list .item .name{letter-spacing:-.02em;font-size:17px;font-weight:400}.list .item .sub{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35}.library{-webkit-overflow-scrolling:touch;padding:calc(var(--top) + 6px) var(--right) calc(var(--bottom) + 96px) var(--left);flex:1;overflow-y:auto}.library>*{max-width:1120px;margin-left:auto;margin-right:auto}.large-title{letter-spacing:-.022em;align-items:center;min-height:48px;margin:0 auto 14px;padding:0 4px;font-size:34px;font-weight:700;line-height:40px;display:flex}.lib-top{top:var(--top);right:var(--right);z-index:5;animation:drop-in .5s var(--spring) both;position:absolute}.lib-dock{left:50%;bottom:var(--bottom);z-index:5;width:max-content;max-width:calc(100% - var(--left) - var(--right));animation:rise-in .5s var(--spring) both;gap:6px;padding:5px;display:flex;position:absolute;translate:-50%}.lib-dock .new{flex:1;min-width:150px;height:50px;padding:0 22px 0 18px;font-size:17px}.tinted.soils{--tint:var(--gold)}.choice button.tinted{width:100%;height:54px;font-size:18px}.lib-edge{z-index:4;pointer-events:none;position:absolute;left:0;right:0}.lib-edge.top{height:calc(var(--top) + 64px);background:linear-gradient(var(--bg) 30%, transparent);opacity:0;transition:opacity .25s;top:0}.scrolled>.lib-edge.top{opacity:1}.lib-edge.bottom{height:calc(var(--bottom) + 96px);background:linear-gradient(transparent, var(--bg) 85%);bottom:0}.sync-pill{color:var(--text-2);gap:8px;padding:0 14px 0 12px;font-size:15px;font-weight:500}.sync-pill svg{color:var(--muted);transition:color .3s}.sync-pill.synced svg{color:var(--success)}.sync-pill.pending svg,.sync-pill.syncing svg{color:var(--warning)}.sync-pill.offline svg,.sync-pill.error svg,.sync-pill.error{color:var(--danger)}.sync-pill.syncing svg{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.search{background:var(--fill);color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:0 16px;transition:box-shadow .2s;display:flex}.search:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.search input{appearance:none;min-width:0;font:inherit;min-height:46px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search input::placeholder{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.card{appearance:none;text-align:left;cursor:pointer;background:var(--surface-solid);min-width:0;box-shadow:var(--card-shadow);transition:transform .45s var(--spring-soft), filter .2s;border:0;border-radius:24px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.card:active{filter:brightness(.97);transition-duration:.12s;transform:scale(.97)}@media (hover:hover){.card:hover{transform:translateY(-2px)}.card:hover:active{transform:scale(.97)}}.grid.fresh .card{animation:rise-in .5s var(--spring) both;animation-delay:calc(min(var(--i), 12) * 28ms)}.card .thumb-img{aspect-ratio:4/3;background:var(--fill);color:var(--faint);place-items:center;display:grid;position:relative}.card .thumb-img .pic{background:50%/cover no-repeat;animation:.35s ease-out both fade-in;position:absolute;inset:0}.card .badge{letter-spacing:.04em;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #0000002e}.card .badge.soils{background:var(--gold)}.card .badge.concrete{background:var(--accent)}.card .body{min-width:0;padding:12px 16px 15px}.card .name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:590;overflow:hidden}.card .meta{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-size:13px;display:flex;overflow:hidden}.card .meta .dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px;margin-right:1px}.card .meta .dot.pending{background:var(--warning)}.card .meta .dot.synced{background:var(--success)}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;max-width:400px;margin:0 auto;padding:12vh 20px 0;font-size:15px;line-height:1.4;animation:.4s ease-out both fade-in}.empty-state svg{color:var(--faint);margin:0 auto}.empty-state h2{color:var(--text);letter-spacing:-.02em;margin:14px 0 6px;font-size:22px;font-weight:700}.empty-state p{margin:0}.busy{z-index:30;color:var(--text-2);pointer-events:none;opacity:0;transition:opacity .16s var(--out), scale .16s var(--out);border-radius:30px;flex-direction:column;align-items:center;gap:14px;padding:26px 30px 22px;font-size:15px;font-weight:590;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}.busy.show{opacity:1;transition:opacity .2s ease-out, scale .4s var(--spring);scale:1}.spinner{border:3px solid var(--fill-2);border-top-color:var(--muted);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)scale(.97)}}.page-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head .large-title{flex:1;min-width:0;margin:0}.page-head button.glass{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--card-shadow)}.page-head button.glass:before{display:none}.stack{flex-direction:column;gap:14px;max-width:760px;display:flex}.stack .bar{justify-content:space-between;align-items:center;gap:12px;display:flex}dialog.sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;display:block;position:fixed;inset:0;overflow:hidden}dialog.sheet:not([open]){display:none}dialog.sheet::backdrop{background:#00000052;animation:.25s ease-out both fade-in}dialog.sheet.closing::backdrop{animation:fade-out .2s var(--out) both}@keyframes fade-out{to{opacity:0}}dialog.sheet .panel{left:50%;bottom:max(8px, calc(var(--sab) - 14px));width:min(100% - 16px,600px);max-height:calc(100% - var(--sat) - 28px);background:var(--sheet);animation:sheet-in .5s var(--spring) both;border-radius:38px;outline:none;flex-direction:column;display:flex;position:absolute;overflow:hidden;translate:-50%;box-shadow:0 24px 60px -12px #00000059,0 0 0 .5px #0000001f}dialog.sheet .panel:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:var(--glass-rim);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}dialog.sheet.closing .panel{animation:sheet-out .22s var(--out) both}@keyframes sheet-in{0%{transform:translateY(calc(100% + 40px))}}@keyframes sheet-out{to{transform:translateY(calc(100% + 40px))}}@media (min-width:700px) and (min-height:600px){dialog.sheet:not(.center) .panel{width:min(100% - 48px,560px);max-height:min(calc(100% - 2 * var(--top) - 24px), 760px);animation-name:pop-in;animation-duration:.4s;top:50%;bottom:auto;translate:-50% -50%}dialog.sheet:not(.center).closing .panel{animation-name:pop-out;animation-duration:.16s}}dialog.sheet.center .panel{bottom:auto;top:calc(var(--vv-top,0px) + var(--vv-height,100%) / 2);width:min(100% - 32px,440px);max-height:calc(var(--vv-height,100%) - 24px);animation:pop-in .4s var(--spring) both;border-radius:34px;translate:-50% -50%}dialog.sheet.center.closing .panel{animation:pop-out .16s var(--out) both}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}@keyframes pop-out{to{opacity:0;transform:scale(.94)}}.sheet-header{flex:none;align-items:center;gap:8px;padding:14px 14px 6px 24px;display:flex}.sheet-header h2{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:20px;font-weight:700}.sheet-header .btn.icon{background:var(--fill);color:var(--text-2);width:36px;min-width:36px;min-height:36px;margin:4px}.sheet-header .btn.icon:after{content:"";position:absolute;inset:-6px}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:18px;padding:8px 20px 22px;display:flex;overflow-y:auto}.sheet-body>*{flex:none}.sheet-actions{flex:none;gap:10px;padding:0 20px 20px;display:flex}.sheet-actions .btn{flex:1;min-height:50px}.sheet-actions .btn.danger{flex:none}.choice{flex-direction:column;gap:10px;display:flex}.signin{padding:max(24px, var(--sat)) 20px max(24px, var(--sab));flex:1;place-items:center;display:grid;overflow-y:auto}.signin .card-panel{background:var(--surface-solid);width:min(100%,400px);box-shadow:var(--card-shadow), 0 30px 60px -30px #0003;animation:rise-in .6s var(--spring) both;border-radius:34px;flex-direction:column;gap:18px;padding:30px 26px 26px;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-bottom:4px;display:flex}.brand .mark{border-radius:18px;width:68px;height:68px;margin-bottom:12px;box-shadow:0 8px 20px -6px #0000004d,0 0 0 .5px #00000014}.brand h1{letter-spacing:-.022em;margin:0;font-size:28px;font-weight:700}.brand .tag{color:var(--muted);font-size:15px}.signin .help{text-align:center}.signin .error:empty{display:none}.signin .error{text-align:center}.editor{background:var(--bg-editor)}.editor .stage{background:var(--bg-editor);position:absolute;inset:0;overflow:hidden}.editor .stage canvas{animation:.4s ease-out both fade-in;position:absolute;top:0;left:0}.editor .stack{position:absolute;top:0;left:0}.editor .stage.loading:after{content:"";border:3px solid var(--fill-2);border-top-color:var(--muted);border-radius:50%;width:28px;height:28px;margin:-14px;animation:.8s linear infinite spin,.4s .25s both fade-in;position:absolute;top:50%;left:50%}@media (display-mode:standalone){.editor .stage:before{content:"";z-index:1;height:calc(var(--sat) + 10px);pointer-events:none;background:linear-gradient(#0000004d,#0000);position:absolute;top:0;left:0;right:0}}.chrome{z-index:6;left:var(--left);right:var(--right);pointer-events:none;display:flex;position:absolute}.chrome>*{pointer-events:auto}.chrome.top{top:var(--top);justify-content:space-between;align-items:flex-start;gap:8px}.chrome.top .cluster{min-width:0;animation:drop-in .5s var(--spring) both;align-items:center;gap:8px;display:flex}.chrome.top .cluster.lead{flex:0 auto}.chrome.top .title{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:0 auto;min-width:0;max-width:min(34vw,340px);padding:0 20px;font-size:16px;font-weight:590;line-height:48px;display:block;overflow:hidden}.chrome.top .title:empty{display:none}.chrome.bottom{bottom:var(--bottom);flex-direction:column;align-items:center;gap:8px}.chrome.bottom.ready>*{animation:rise-in .5s var(--spring) both}.chrome.bottom.ready>.toolbar{animation-delay:40ms}.toolbar{flex:none;order:2;padding:4px;display:flex;position:relative}.toolbar .tool{appearance:none;cursor:pointer;letter-spacing:.01em;min-width:68px;height:54px;color:var(--text-2);transition:color .25s, transform .4s var(--spring-soft);background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 8px;font-size:11px;font-weight:590;display:flex}.toolbar .tool svg{width:25px;height:25px}.toolbar .tool:active{transition-duration:.25s,.1s;transform:scale(.93)}.toolbar .tool[aria-pressed=true]{color:var(--accent-text)}.toolbar .thumb{background:var(--accent-soft);box-shadow:none}.strip{order:1;min-width:0;max-width:100%;display:flex;position:relative}.strip .scroll{border-radius:inherit;overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto}.strip .scroll::-webkit-scrollbar{display:none}.strip.fade-l .scroll{mask-image:linear-gradient(90deg,#0000 4px,#000 36px)}.strip.fade-r .scroll{mask-image:linear-gradient(270deg,#0000 4px,#000 36px)}.strip.fade-l.fade-r .scroll{mask-image:linear-gradient(90deg,#0000 4px,#000 36px calc(100% - 36px),#0000 calc(100% - 4px))}.strip .set{flex:none;align-items:center;display:inline-flex}.strip .caption{color:var(--muted);white-space:nowrap;padding:0 6px 0 14px;font-size:13px;font-weight:590}.strip .chip{color:var(--text);background:0 0;padding:0 14px;font-size:15px}.strip .chip:active{background:var(--press)}.strip .chip[aria-pressed=true]{color:var(--text);background:0 0}.strip .chip.num{width:var(--ctl);padding:0;font-size:16px;font-weight:600}.strip .chip.new{color:var(--accent)}.strip .chip.swatch-only{width:var(--ctl);padding:0}.strip .chip .swatch{width:16px;height:16px;transition:scale .4s var(--spring-soft)}.strip .chip.swatch-only .swatch{width:22px;height:22px}.strip .chip[aria-pressed=true] .swatch{scale:1.12}.strip .divider{background:var(--line);flex:none;width:.5px;height:24px;margin:0 6px}.strip .part{appearance:none;cursor:pointer;font:inherit;min-height:var(--ctl);color:var(--text);white-space:nowrap;transition:transform .4s var(--spring-soft), background-color .2s;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:590;line-height:1;display:inline-flex}.strip .part:active{background:var(--press);transition-duration:.1s,60ms;transform:scale(.95)}.strip .part .k{color:var(--muted);font-size:13px;font-weight:500}@media (hover:hover){.strip .chip:hover,.strip .part:hover{background:var(--fill)}.strip .chip[aria-pressed=true]:hover{background:0 0}}.zoomer{z-index:6;right:var(--right);bottom:calc(var(--bottom) + 7px);animation:rise-in .5s 80ms var(--spring) both;flex-direction:column;padding:2px;display:flex;position:absolute}.zoomer .btn{color:var(--text);width:44px}.zoomer .btn.step{display:none}@media (any-pointer:fine) and (min-width:900px) and (min-height:501px){.zoomer .btn.step{display:inline-flex}}@media (min-width:900px),(max-height:500px){.chrome.bottom{flex-direction:row;justify-content:center;align-items:center;padding:0 60px}.toolbar{order:1}.strip{order:2}.zoomer{bottom:var(--bottom)}.toolbar .tool{letter-spacing:-.01em;flex-direction:row;gap:7px;min-width:0;height:44px;padding:0 16px 0 13px;font-size:15px}.toolbar .tool svg{width:22px;height:22px}}@media (max-width:600px){.chrome.top .title,.share .label{display:none}button.tinted.share{width:48px;padding:0}.toolbar .tool{min-width:64px}}.context{z-index:7;will-change:translate, opacity;opacity:0;pointer-events:none;max-width:calc(100% - 16px);transition:opacity .14s var(--out), scale .14s var(--out);border-radius:25px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:3px;display:flex;position:absolute;top:0;left:0;scale:.88}.context.show{opacity:1;pointer-events:auto;transition:opacity .18s ease-out, scale .38s var(--spring-soft);scale:1}.context .btn{color:var(--text);gap:6px;padding:0 14px;font-size:15px;font-weight:590}.context .btn.danger{color:var(--danger)}.context .btn.on{background:var(--accent-soft);color:var(--accent-text)}.context .btn.icon{width:var(--ctl);padding:0}.context .chip{background:0 0}.context .chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.callout-inplace{--callout-color:var(--accent);z-index:7;box-sizing:border-box;--callout-text:#222;--callout-tint:#00000014;--callout-tint-strong:#00000029;border:2px solid var(--callout-color);color:var(--callout-text);font-variant-numeric:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;cursor:text;background:#fff;border-radius:6px;font-family:MapMark Inter,Inter,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:600;animation:.2s cubic-bezier(.2,.8,.2,1) callout-lift;position:absolute;overflow:visible;box-shadow:0 1px 2px #0000001a,0 10px 30px #0003}@keyframes callout-lift{0%{box-shadow:0 0 #0000,0 0 #0000}}.callout-lines{position:relative}.callout-lines .line{white-space:pre;align-items:baseline;display:flex}.callout-lines .p{white-space:pre;display:inline-block}.callout-lines .f{vertical-align:baseline;display:inline-block;position:relative}.callout-lines .f:before{content:"";background:var(--callout-tint);pointer-events:none;border-radius:.3em;transition:background .15s;position:absolute;inset:.1em -.16em}.callout-lines .f:focus-within:before{background:var(--callout-tint-strong)}.callout-lines .in{appearance:none;color:inherit;font:inherit;line-height:inherit;min-width:1ch;height:1.25em;caret-color:var(--callout-color);background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;position:relative}.callout-lines input.in{text-overflow:clip;margin-right:-4px}.callout-lines .in::placeholder{color:var(--callout-text);opacity:.32}.callout-lines .ghost{color:var(--callout-text);opacity:.32;pointer-events:none;white-space:pre;visibility:hidden;position:absolute;top:0;left:0}.callout-lines .in.text{resize:none;white-space:pre;height:auto;display:block;overflow:hidden}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--glass-strong);opacity:0;min-width:250px;max-width:calc(100vw - 16px);transition:opacity .15s var(--out), scale .15s var(--out);border-radius:26px;flex-direction:column;padding:6px;display:flex;position:fixed;scale:.5}.menu.show{opacity:1;transition:opacity .16s ease-out, scale .42s var(--spring-soft);scale:1}.menu .btn{color:var(--text);border-radius:20px;justify-content:flex-start;gap:14px;min-height:46px;padding:0 16px 0 14px;font-weight:400;transition:background-color .15s}.menu .btn:active{transform:none}.menu .btn svg{color:var(--text-2)}.menu .btn.danger,.menu .btn.danger svg{color:var(--danger)}.menu .sep{background:var(--line);height:.5px;margin:5px 14px}#toast{left:50%;top:calc(var(--top) + 58px);z-index:50;pointer-events:none;text-align:center;letter-spacing:-.01em;color:#fff;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);opacity:0;max-width:min(90vw,520px);min-height:44px;transition:opacity .18s var(--out), transform .18s var(--out);background:#28282ce6;border-radius:999px;align-items:center;gap:4px;padding:10px 20px;font-size:15px;font-weight:590;display:flex;position:fixed;transform:translateY(-14px)scale(.94);box-shadow:0 12px 32px -8px #00000059,inset 0 0 0 .5px #ffffff29}#toast.show{opacity:1;transition:opacity .2s ease-out, transform .45s var(--spring-soft);transform:none}#toast.action{pointer-events:auto;padding-right:6px}#toast .btn{color:#fff;background:#ffffff2e;min-width:0;min-height:34px;margin-left:8px;padding:0 12px;font-size:15px}#toast[data-kind=error]{background:color-mix(in srgb, var(--danger) 92%, transparent)}#toast[data-kind=success]{background:color-mix(in srgb, var(--success) 92%, #0a3d1a)}@media (max-width:600px){.large-title{font-size:32px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:20px}.card .body{padding:10px 12px 12px}.card .name{font-size:15px}.card .meta .extra{display:none}.lib-dock{width:calc(100% - var(--left) - var(--right))}.lib-dock .new{min-width:0}.sync-pill .label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sync-pill{width:46px;padding:0}.sheet-actions{flex-wrap:wrap}.list .item.stacked{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:14px}.list .item.stacked .seg{display:flex}.list .item.stacked .seg button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.spinner,.editor .stage.loading:after{animation-duration:.8s!important}}@media (prefers-reduced-transparency:reduce){:root{--glass:var(--surface-solid);--glass-strong:var(--surface-solid);--sheet:var(--surface-solid);--glass-filter:none}}