.studio>.page{z-index:40;background:var(--bg);flex-direction:column;grid-area:1/2/-1;min-height:0;display:flex;overflow:hidden}.studio>.page>.tb,.studio>.page>.pbar{flex:none}.pg-scroll{flex:1;min-height:0;overflow:auto}.studio>.page[hidden]{display:none}@media (width<=46rem),(pointer:coarse) and (height<=30rem){.studio>.page{grid-column:1/-1}}.pg{max-width:1200px;padding:1.1rem calc(1.5rem + var(--inset-r)) 3rem calc(1.5rem + var(--inset-l));font:400 var(--fs-14)/1.45 var(--sans);color:var(--fg);margin:0 auto}.pg-h1{min-width:0;font:600 var(--fs-15)/24px var(--sans);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 6px;overflow:hidden}.pg-sub-t{min-width:0;font:400 var(--fs-12)/18px var(--sans);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 6px;overflow:hidden}.pg-path .pg-here{min-width:0;height:18px;color:var(--fg);align-items:center;gap:5px;padding:0 6px;display:inline-flex}.pg-path .pg-here>span{text-overflow:ellipsis;overflow:hidden}.pg-path .pg-sep{color:var(--faint);display:inline-flex}.pg-path .pg-sep .ic{width:12px;height:12px}.pg-tb .pg-act{border-radius:var(--r-2);color:var(--muted);gap:.4rem;padding:0 .7rem 0 .55rem}.pg-tb .pg-act-primary{color:var(--fg)}.pg-tb :is(.pg-act,.pg-close,.nav-toggle):hover{background:var(--hover-2);color:var(--fg)}.pg-tb .pg-act .ic{width:16px;height:16px}.pg-tb .pg-close{color:var(--muted);border-radius:var(--r-2)}.pg-tb :is(.pg-act,.pg-close,.nav-toggle):focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.pg-pbar .pg-tools{min-width:0}.pg-pbar .pg-end{scrollbar-width:none;gap:.5rem;min-width:0;overflow-x:auto}.pg-pbar .pg-end::-webkit-scrollbar{display:none}.pg-search{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg);width:18rem;max-width:100%;height:30px;color:var(--muted);cursor:text;align-items:center;gap:.45rem;padding:0 .6rem;display:flex}.pg-search>.ic{flex:none;width:15px;height:15px}.pg-search:focus-within{border-color:color-mix(in oklab, var(--fg) 40%, transparent)}.pg-q{min-width:0;height:100%;color:var(--fg);font:400 var(--fs-13)/1 var(--sans);background:0 0;border:0;outline:0;flex:1;padding:0}.pg-q::-webkit-search-cancel-button{cursor:pointer}.pg-input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg);width:min(22rem,100%);height:32px;color:var(--fg);font:inherit;padding:0 .7rem}.pg-input:focus{outline:2px solid color-mix(in oklab, var(--fg) 30%, transparent);outline-offset:0}.pg-seg{border-radius:var(--r-2);background:var(--surface);padding:3px;display:flex}.pg-seg button{border-radius:var(--r-1);height:26px;color:var(--muted);font:500 var(--fs-12)/1 var(--sans);cursor:pointer;background:0 0;border:0;padding:0 .65rem}.pg-seg button[aria-checked=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000001f}.pg-chips{flex-wrap:wrap;gap:.4rem;display:flex}.pg-chip{border:1px solid var(--border);border-radius:var(--r-2);height:28px;color:var(--muted);font:500 var(--fs-13)/1 var(--sans);cursor:pointer;background:0 0;padding:0 .85rem}.pg-chip:hover{color:var(--fg)}.pg-chip[aria-checked=true]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.pg-h{font:600 var(--fs-13)/1 var(--sans);color:var(--muted);letter-spacing:.02em;margin:1.3rem 0 .6rem}.pg-body>.pg-h:first-child,.pg-body>.pg-newf:first-child+.pg-h{margin-top:.2rem}.pg-folders{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem;display:grid}.pg-folder{border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface);color:var(--fg);text-align:left;font:inherit;cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.65rem;padding:.7rem .85rem;display:grid}.pg-folder>.ic{width:20px;height:20px;color:var(--muted);grid-row:1/3}.pg-folder:hover,.pg-card:hover,.pg-row:hover{border-color:color-mix(in oklab, var(--fg) 30%, transparent)}.pg-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem;display:grid}.pg-card{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg);color:var(--fg);text-align:left;font:inherit;cursor:pointer;align-content:start;gap:.25rem;padding:0 0 .75rem;display:grid;position:relative;overflow:hidden}article.pg-card{cursor:default}.pg-thumb{box-sizing:border-box;background:var(--surface);border-bottom:1px solid var(--border);height:104px;margin-bottom:.45rem;padding:.7rem .8rem;display:block;overflow:hidden}.pg-ex{-webkit-line-clamp:4;color:var(--muted);font:400 var(--fs-12)/1.5 var(--mono,ui-monospace, monospace);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pg-name{text-overflow:ellipsis;white-space:nowrap;padding:0 .8rem;font-weight:600;overflow:hidden}.pg-folder .pg-name,.pg-row .pg-name{padding:0}.pg-meta{color:var(--muted);font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap;padding:0 .8rem;overflow:hidden}.pg-folder .pg-meta,.pg-row .pg-meta{padding:0}.pg-hint{color:var(--fg);font-size:var(--fs-13);padding:0 .8rem}.pg-badges{gap:.3rem;display:flex;position:absolute;top:.5rem;right:.5rem}.pg-row .pg-badges{position:static}.pg-fav{color:#d4a20b;place-items:center;display:inline-grid}.pg-fav .ic{fill:currentColor;width:14px;height:14px}.pg-live,.pg-open{border-radius:var(--r-1);background:var(--bg);border:1px solid var(--border);height:20px;font:600 var(--fs-11)/1 var(--sans);align-items:center;gap:.25rem;padding:0 .45rem;display:inline-flex}.pg-live i{background:var(--live);border-radius:50%;width:6px;height:6px}.pg-open{color:var(--muted);font-weight:500}.pg-rows{border:1px solid var(--border);border-radius:var(--r-3);display:grid;overflow:hidden}.pg-row{border:0;border-bottom:1px solid var(--border);background:var(--bg);color:var(--fg);text-align:left;font:inherit;cursor:pointer;grid-template-columns:20px minmax(0,2fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .85rem;display:grid}.pg-row:last-child{border-bottom:0}.pg-row>.ic{width:16px;height:16px;color:var(--muted)}.pg-acts{gap:.4rem;padding:.35rem .8rem 0;display:flex}.pg-acts .tb-btn{height:30px;font-size:var(--fs-13);padding:0 .85rem}.pg-acts .tb-btn:not(.primary){background:var(--hover)}.pg-empty{color:var(--muted);text-align:center;justify-items:center;gap:.8rem;padding:3rem 1rem;display:grid}.pg-more{color:var(--muted);margin-top:1.5rem}.pg-newf{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.pg-newf .ic{width:20px;height:20px;color:var(--muted)}.pg-settings{max-width:760px}.pg-row.pg-field{cursor:default;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.7rem .9rem}.pg-field-l{gap:2px;min-width:0;display:grid}.pg-field-l .pg-meta{white-space:normal}.pg-field-c{justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.pg-val{color:var(--muted);font-size:var(--fs-13);white-space:nowrap}.pg-input-s{width:16rem;max-width:100%;height:32px}.pg-input-s[readonly]{background:var(--surface);color:var(--muted)}.pg-btn{height:30px;font-size:var(--fs-13);background:var(--hover);padding:0 .8rem}.pg-btn.danger{color:#d93036}.pg-btn.primary{background:var(--brand);color:var(--on-brand)}.pg-toggle-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;display:inline-grid}.pg-toggle-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.pg-toggle-btn[aria-checked=true] .pg-toggle,.pg-preview .pg-switch[aria-checked=true] .pg-toggle{background:var(--brand)}.pg-toggle-btn[aria-checked=true] .pg-toggle i,.pg-preview .pg-switch[aria-checked=true] .pg-toggle i{transform:translate(14px)}.pg-invite{gap:.4rem;display:flex}.pg-invite .pg-input-s{width:13rem}.pg-who{align-items:center;gap:.9rem;margin:.2rem 0 .4rem;display:flex}.pg-who-l{flex:1;gap:2px;min-width:0;display:grid}.pg-who-l b{font:600 var(--fs-15)/1.25 var(--sans)}.pg-who-l span{color:var(--muted);font-size:var(--fs-13)}.pg-plan{border:1px solid var(--border);border-radius:var(--r-3);align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.pg-plan-l{flex:1;gap:3px;display:grid}.pg-plan-l b{font:600 1.15rem/1.2 var(--sans)}.pg-plan-l .pg-meta{padding:0}.pg-swatches{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pg-swatch{border-radius:var(--r-1);cursor:pointer;border:0;width:26px;height:26px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.pg-swatch-ink{background:var(--fg)}.pg-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fg)}.pg-swatch:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.pg-swatch-any{background:var(--surface);color:var(--muted);place-items:center;display:grid;overflow:hidden}.pg-swatch-any .ic{width:14px;height:14px}.pg-swatch-any input{opacity:0;cursor:pointer;position:absolute;inset:0}.pg-preview{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg);gap:.5rem;margin:.2rem 0 .4rem;padding:.9rem 1rem;display:grid}.pg-preview p{color:var(--fg);margin:0}.pg-preview-bar,.pg-preview-row{align-items:center;gap:.5rem;display:flex}.pg-preview-bar b{font:600 var(--fs-15)/1.2 var(--sans)}.pg-preview .tb-btn{height:30px;font-size:var(--fs-13);pointer-events:none;padding:0 .8rem}.pg-preview .tb-btn:not(.primary){background:var(--hover)}.pg-preview .pg-chip{pointer-events:none;align-items:center;display:inline-flex}.pg-must{color:#2563eb;font-weight:600}.pg-never{color:#dc2626;font-weight:600}.pg-trash-row{cursor:default}.pg-trash-row .pg-acts{padding:0}.pg-acts .tb-btn.danger{color:#d93036}.pg-empty>.ic{width:24px;height:24px}.pg-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.pg-tile{border:1px solid var(--border);border-radius:var(--r-3);gap:.2rem;padding:.85rem 1rem;display:grid}.pg-tile b{font:600 1.6rem/1.1 var(--sans);font-variant-numeric:tabular-nums}.pg-tile span{color:var(--muted);font-size:var(--fs-13)}.pg-chart{border:1px dashed var(--border);border-radius:var(--r-3)}.pg-chart>.ic{width:22px;height:22px}.pg-switch{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.pg-switch>.ic{width:16px;height:16px;color:var(--muted)}.pg-toggle{background:var(--hover-2);border-radius:6px;flex:none;width:32px;height:18px;transition:background .15s;display:inline-block;position:relative}.pg-toggle i{background:var(--bg);width:14px;height:14px;transition:transform .15s var(--ease);border-radius:4px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.pg-switch[aria-checked=true] .pg-toggle{background:var(--brand)}.pg-switch[aria-checked=true] .pg-toggle i{transform:translate(14px)}.pg .dragging{opacity:.45}.pg .drop-on,.pg-path .drop-on{border-color:var(--brand);background:color-mix(in oklab, var(--brand) 10%, var(--bg));box-shadow:0 0 0 1.5px var(--brand)}.pg-card:focus-visible,.pg-folder:focus-visible,.pg-row:focus-visible,.pg-chip:focus-visible,.pg-seg button:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.pg-h-row{justify-content:space-between;align-items:center;gap:.75rem;min-height:30px;display:flex}.pg-h-row .pg-btn{color:var(--fg);letter-spacing:0;font-weight:500}.pg-btn{align-items:center;gap:.4rem;display:inline-flex}.pg-btn .ic{width:15px;height:15px}.pg-row.pg-field-lead{grid-template-columns:24px minmax(0,1fr) auto;gap:.75rem}.pg-lead-ic{background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.pg-lead-ic .ic{width:15px;height:15px}.pg-select{border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg);height:30px;color:var(--fg);font:400 var(--fs-13)/1 var(--sans);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 13px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:4px 4px;padding:0 1.8rem 0 .6rem}.pg-select:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.pg-usage{align-items:center;gap:.6rem;display:flex}.pg-meter{background:var(--hover-2);border-radius:3px;width:9rem;height:6px;display:block;position:relative;overflow:hidden}.pg-meter i{background:var(--brand);border-radius:3px;position:absolute;inset:0 auto 0 0}.pg-usage .pg-val{text-align:right;font-variant-numeric:tabular-nums;min-width:6.5rem}.pg-badge{border:1px solid var(--border);border-radius:var(--r-1);height:22px;color:var(--muted);font:500 var(--fs-12)/1 var(--sans);white-space:nowrap;align-items:center;gap:.3rem;padding:0 .5rem;display:inline-flex}.pg-badge-live{color:var(--fg)}.pg-badge-live i{background:var(--live);border-radius:50%;width:6px;height:6px}.pg-badge-warn{color:#b45309;border-color:color-mix(in oklab, #b45309 35%, var(--border))}.pg-badge-off{background:var(--surface)}.pg-note{color:var(--muted);font-size:var(--fs-12);margin:.6rem 0 0}.pg-plans{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.6rem;display:grid}.pg-plan-card{border:1px solid var(--border);border-radius:var(--r-3);align-content:start;gap:.35rem;padding:.85rem .95rem;display:grid}.pg-plan-card.on{border-color:var(--fg)}.pg-plan-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pg-plan-top b{font:600 var(--fs-15)/1.2 var(--sans)}.pg-plan-card .pg-meta{padding:0}.pg-plan-card ul{color:var(--fg);font-size:var(--fs-13);margin:.2rem 0 .4rem;padding:0 0 0 1rem}.pg-plan-card .pg-btn{justify-self:start}.pg-repo{border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface);align-items:center;gap:.75rem;margin:0 0 .4rem;padding:.7rem .9rem;display:flex}.pg-repo>.ic{width:20px;height:20px;color:var(--muted);flex:none}.pg-repo-l{flex:1;gap:2px;min-width:0;display:grid}.pg-repo-l b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pg-repo-l span{color:var(--muted);font-size:var(--fs-12)}.pg-repo .pg-btn{background:var(--bg)}.pg-event{cursor:default}.pg-row.pg-shared-row{grid-template-columns:24px minmax(0,2fr) minmax(0,1fr) auto}@media (width<=46rem){.pg{padding-left:calc(1rem + var(--inset-l));padding-right:calc(1rem + var(--inset-r))}.pg-tb .pg-act{justify-content:center;width:36px;padding:0}.pg-tb .pg-act>span{display:none}.pg-pbar{scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.pg-pbar::-webkit-scrollbar{display:none}.pg-pbar>.pg-tools,.pg-pbar>.pg-end{flex:none;overflow:visible}.pg-pbar .pg-search{width:13rem}.pg-row{grid-template-columns:20px minmax(0,1fr) auto}.pg-row .pg-meta{display:none}.pg-switch{grid-template-columns:minmax(0,1fr) auto}.pg-row.pg-field{grid-template-columns:minmax(0,1fr)}.pg-field-c{flex-wrap:wrap;justify-content:flex-start}.pg-input-s,.pg-invite .pg-input-s{width:100%}.pg-trash-row{grid-template-columns:20px minmax(0,1fr)}.pg-trash-row .pg-acts{grid-column:2}.pg-row.pg-field-lead{grid-template-columns:24px minmax(0,1fr)}.pg-row.pg-field-lead>.pg-field-c{grid-column:2}.pg-row.pg-shared-row{grid-template-columns:24px minmax(0,1fr) auto}.pg-meter{width:6rem}.pg-row.pg-field .pg-meta{white-space:normal;display:block}.pg-plan{flex-wrap:wrap}.pg-plan-l{flex-basis:100%}.pg-repo{flex-wrap:wrap}.pg-repo-l{flex-basis:calc(100% - 2.5rem)}}.pg-unread .pg-name{font-weight:600}.pg-unread .pg-name:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin:0 .45rem .1rem 0;display:inline-block}