.view-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.view-picker{box-sizing:border-box;border:1px solid var(--p-line-strong);border-radius:var(--p-r-panel,16px);background:var(--p-paper);width:min(40rem,100vw - 24px);max-height:min(44rem,100dvh - 120px);color:var(--p-ink);box-shadow:var(--p-e3,0 18px 48px #0f201a40);font:400 14px/1.45 var(--p-sans,system-ui,sans-serif);margin:96px auto auto;padding:0;overflow:hidden}.view-picker[open]{flex-direction:column;display:flex}.view-picker *,.view-picker :before{box-sizing:border-box}.view-picker::backdrop{background:#0b1612a6}.view-picker :is(h2,p,ul){margin:0}.view-picker-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 4px 18px;display:flex}.view-picker-head h2{font:500 21px/1.2 var(--p-serif,Georgia,serif);letter-spacing:-.01em;overflow-wrap:anywhere}.view-picker-close{border-radius:var(--p-r-ctl,12px);background:var(--p-well,var(--p-soft));width:44px;height:44px;color:var(--p-ink);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid}.view-picker-close svg,.view-picker-search svg,.view-row-pin svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.view-picker-search{border:1px solid var(--p-line-strong);border-radius:var(--p-r-ctl,12px);background:var(--p-raised,var(--p-paper));color:var(--p-muted);align-items:center;gap:10px;margin:8px 14px 4px;padding:0 12px;display:flex}.view-picker .view-picker-search input{min-width:0;height:46px;box-shadow:none;color:var(--p-ink);font:inherit;appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-size:16px}.view-picker-search:focus-within{border-color:var(--p-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--p-accent) 22%,transparent)}.view-picker-filters{border-bottom:1px solid var(--p-line);flex-direction:column;gap:6px;padding:8px 14px 10px;display:flex}.view-chips{flex-wrap:wrap;gap:6px;display:flex}.view-chip{border:1px solid var(--p-line);min-height:34px;color:var(--p-ink-2);font:600 13px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.view-chip>span{color:var(--p-ink-2);font-variant-numeric:tabular-nums;font-weight:500}.view-chip[aria-pressed=true]{background:var(--p-selected-bg,var(--p-chosen));color:var(--p-selected-ink,var(--p-ink));box-shadow:var(--p-selected-ring);border-color:#0000}.view-picker-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:6rem;padding:6px 14px;list-style:none;overflow:auto}.view-row{border-radius:var(--p-r-md,11px);align-items:center;gap:4px;display:flex}.view-row[data-highlighted=true]{background:color-mix(in srgb,var(--p-accent) 15%,var(--p-paper));box-shadow:inset 3px 0 0 var(--p-accent)}.view-row{position:relative}.view-row[aria-current=true]:before{content:"";background:var(--p-accent);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-9px}.view-row[aria-current=true] .view-row-icon{box-shadow:inset 0 0 0 1.5px var(--p-accent)}.view-row-open{border-radius:inherit;min-width:0;min-height:56px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:8px 10px;display:flex}.view-row-icon{background:var(--p-well,var(--p-soft));width:36px;height:36px;color:var(--p-accent);border-radius:10px;flex:none;place-items:center;display:grid}.view-row-main{gap:3px;min-width:0;display:grid}.view-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.view-row-current{color:var(--p-accent);margin-inline-start:.4em;font-weight:500}.view-row-current:before{content:"· "}.view-row-meta{color:var(--p-ink-2);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.view-badge{border:1px solid var(--p-line-strong);color:var(--p-ink-2);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:11.5px;font-weight:650;display:inline-flex}.view-badge[data-view-kind=official]{border-color:color-mix(in srgb,var(--p-accent) 55%,transparent);color:var(--p-accent)}.view-row-pin{border:1px solid var(--p-line-strong);background:var(--p-paper);width:8.25rem;height:36px;color:var(--p-ink-2);font:600 12.5px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.view-row-pin svg{width:15px;height:15px}.view-row-pin[aria-pressed=true]{border-color:var(--p-accent-bg);background:var(--p-accent-bg);color:var(--p-on-accent)}.view-row-pin[aria-pressed=true] svg{fill:currentColor}.view-picker .view-row-pin:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}@media (width<=420px){.view-row-pin-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.view-row-pin{width:44px;height:40px;padding:0}}.view-picker-empty{text-align:center;color:var(--p-muted);padding:28px 16px}.view-picker-foot{border-top:1px solid var(--p-line);color:var(--p-ink-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 12px 18px;font-size:12.5px;display:flex}.view-picker-new{border-radius:var(--p-r-ctl,12px);background:var(--p-accent-bg);min-height:44px;color:var(--p-on-accent);font:650 14px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;border:0;flex:none;padding:0 16px}.view-picker-secondary{border:1px solid var(--p-line-strong);border-radius:var(--p-r-ctl,12px);min-height:44px;color:var(--p-ink);font:600 14px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;background:0 0;padding:0 14px}.view-picker-create{flex-direction:column;gap:14px;padding:0 0 16px;display:flex;overflow:auto}.view-picker-create>:not(.view-picker-head){margin-inline:18px}.view-types{border:0;min-width:0;margin:0;padding:0}.view-types legend,.view-name-field>span{color:var(--p-ink-2);margin-bottom:8px;font-size:13px;font-weight:650;display:block}.view-type-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:8px;display:grid}.view-type-card{border:1px solid var(--p-line);border-radius:var(--p-r-md,11px);background:var(--p-raised,var(--p-paper));min-height:92px;color:var(--p-ink);font:inherit;text-align:start;cursor:pointer;justify-items:start;gap:3px;padding:12px;display:grid}.view-type-card>svg{color:var(--p-accent)}.view-type-card small{color:var(--p-muted);font-size:12px}.view-type-card[aria-pressed=true]{border-color:var(--p-accent);background:var(--p-selected-bg,var(--p-chosen));box-shadow:var(--p-selected-ring)}.view-type-card:disabled{opacity:.5;cursor:not-allowed;border-style:dashed}.view-name-field input{border:1px solid var(--p-line-strong);border-radius:var(--p-r-ctl,12px);background:var(--p-raised,var(--p-paper));width:100%;min-height:46px;color:var(--p-ink);font:inherit;padding:0 12px;font-size:16px}.view-picker-failure{border-left:3px solid var(--civic-gold);background:var(--p-soft);padding:8px 12px;font-size:13px}.view-picker-boundary{color:var(--p-muted);font-size:12px}.view-picker-actions{justify-content:flex-end;gap:8px;display:flex}.view-picker :is(button,input):focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.public-shell .view-picker .view-picker-search input:focus-visible,.view-picker .view-picker-search input:focus-visible{box-shadow:none!important;outline:0!important}@media (hover:hover) and (pointer:fine){.view-row:hover{background:var(--p-soft)}.view-chip:hover:not([aria-pressed=true]),.view-row-pin:hover,.view-picker-secondary:hover{border-color:var(--p-line-strong);background:var(--p-soft)}.view-type-card:hover:enabled{border-color:var(--p-accent)}.view-picker-new:hover{filter:brightness(1.08)}}@media (width<=760px){.view-picker{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.view-picker-foot{flex-direction:column;align-items:stretch}.view-picker-foot .view-picker-new{width:100%}}.composition .view-bar{align-items:center;gap:10px;min-width:0;display:flex}.composition .view-tabs{scrollbar-width:none;flex:auto;align-items:center;gap:2px;min-width:0;padding:2px;display:flex;overflow-x:auto}.composition .view-tabs::-webkit-scrollbar{display:none}@media (width<=760px){.composition .view-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}}.composition .view-tab{border-radius:var(--p-r-sm,8px);max-width:15rem;min-height:38px;color:var(--p-ink-2);font:600 14px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.composition .view-tab>span{text-overflow:ellipsis;overflow:hidden}.composition .view-tab>svg{color:var(--p-muted);flex:none}.composition .view-tab[aria-current=page]{background:var(--p-selected-bg,var(--p-chosen));color:var(--p-selected-ink,var(--p-ink));box-shadow:var(--p-selected-ring)}.composition .view-tab[aria-current=page]>svg{color:inherit}.composition .view-tab-temporary>span{font-style:italic}.composition .view-tab:disabled{opacity:.6;cursor:default}.composition .view-all{border:1px dashed var(--p-line-strong);border-radius:var(--p-r-sm,8px);min-height:38px;color:var(--p-accent);font:650 14px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.composition .view-all svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px;height:14px}.composition .view-all>span{color:var(--p-muted);font-variant-numeric:tabular-nums;font-weight:500}.composition .view-strip-icon{color:var(--p-accent);flex:none;align-self:center;place-items:center;display:inline-grid}.composition .view-badge{flex:none;align-self:center}.composition .view-modified{color:var(--civic-gold-ink,var(--p-ink-2));flex:none;align-self:center;font-size:12px;font-weight:650}.composition .view-modified:before{content:"● ";color:var(--civic-gold)}.composition .view-strip-actions{flex:none;align-items:center;gap:8px;display:flex}.composition .view-pin{border:1px solid var(--p-line-strong);border-radius:var(--p-r-ctl,12px);background:var(--p-paper);min-height:40px;color:var(--p-ink);font:600 13.5px/1 var(--p-sans,system-ui,sans-serif);cursor:pointer;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.composition .view-pin svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:16px;height:16px}.composition .view-pin[aria-pressed=true] svg{fill:currentColor}.composition .view-notice{border-color:var(--p-accent)}.composition .view-save-form{gap:6px;display:grid}.composition .view-save-form label{color:var(--p-ink-2);font-size:12px;font-weight:650}.composition .view-save-row{flex-wrap:wrap;gap:8px;display:flex}.composition .view-save-row input{border:1px solid var(--p-line-strong);border-radius:var(--p-r-sm,8px);background:var(--p-raised,var(--p-paper));min-width:0;min-height:44px;color:var(--p-ink);font:400 14px/1.4 var(--p-sans,system-ui,sans-serif);flex:12rem;padding:0 11px}.composition .view-delete{margin-inline-start:auto}.composition :is(.view-tab,.view-all,.view-pin):focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.composition .view-tab:hover:enabled:not([aria-current=page]){background:var(--p-soft);color:var(--p-ink)}.composition .view-all:hover:enabled{background:var(--p-soft);border-style:solid}.composition .view-pin:hover:enabled{background:var(--p-soft)}}@media (width<=760px){.composition .view-bar{flex-wrap:wrap;gap:8px}.composition .view-tabs{flex-basis:100%;order:3}.composition .view-all{min-height:44px;margin-inline-start:auto}.composition .view-tab{min-height:42px}.composition .view-strip-icon{display:none}.composition .composition-heading h1,.composition .view-pin>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composition .view-pin{justify-content:center;width:44px;min-height:44px;padding:0}}
