.browser-workspace-title{color:var(--ink);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:600;line-height:1.2;overflow:hidden}.browser-workspace{min-width:0;min-height:100%;container-type:inline-size}.browser-workspace-layout{gap:var(--shell-gap,0px);min-height:var(--workspace-content-height,calc(100dvh - 64px));grid-template-columns:224px minmax(0,1fr);display:grid}.browser-workspace-content{min-width:0}.browser-sidebar{min-width:0;height:var(--workspace-content-height,calc(100dvh - 64px));background:var(--paper);flex-direction:column;align-self:start;padding:16px 12px 24px;display:flex;position:sticky;top:0}.browser-workspace[data-split-panes]{flex:1;height:100%;min-height:0}.browser-workspace[data-split-panes]>.browser-workspace-layout{height:100%;min-height:0}.browser-workspace[data-split-panes] .browser-sidebar,.browser-workspace[data-split-panes] .browser-workspace-content{border-radius:var(--shell-radius,0px);background:var(--paper);height:100%;min-height:0;box-shadow:none;border:0;overflow:hidden}.browser-workspace[data-split-panes] .browser-sidebar{background:var(--creation-controls-surface);overscroll-behavior:contain;background:var(--paper);align-self:stretch;padding-inline:12px 4px;position:static;overflow-y:auto}.browser-workspace[data-split-panes] .browser-workspace-content{border-radius:0}.browser-workspace-layout[data-single-pane]{grid-template-columns:minmax(0,1fr)}.browser-workspace[data-split-panes] .browser-sidebar-projects{flex:none}.browser-workspace[data-split-panes] .browser-sidebar-project-list{overflow:visible}.browser-workspace[data-split-panes] .browser-workspace-content{flex-direction:column;display:flex}.browser-workspace[data-split-panes] .studio-topbar{background:var(--paper);height:auto;min-height:56px;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;border:0;flex-wrap:wrap;row-gap:8px;padding-block:6px}.browser-sidebar-workspace{flex:none;min-width:0;margin-bottom:16px}.browser-workspace[data-split-panes] .studio-topbar>div{max-width:100%}.browser-workspace[data-split-panes] .studio-topbar>.shrink-0{flex-wrap:wrap}.browser-workspace[data-split-panes] .studio-results{flex-direction:column;flex:1;min-height:0;display:flex}.browser-workspace[data-split-panes] .studio-results>div:last-child:not(.results-scroller){overscroll-behavior:contain;flex:1;min-height:0;padding-top:12px;overflow-y:auto}.browser-sidebar-toggle{display:none}.browser-sidebar-navigation{flex:none;gap:4px;display:grid}.browser-sidebar-navigation>a,.browser-sidebar-navigation>span,.browser-sidebar-project-list>a{min-width:0;min-height:40px;color:var(--ink-soft);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.browser-sidebar-navigation svg,.browser-sidebar-project-list svg{width:16px;height:16px;color:var(--ink-muted);flex:none}.browser-sidebar-navigation>a:hover,.browser-sidebar-project-list>a:hover{color:var(--ink);background:var(--hover)}.browser-sidebar-navigation>a:focus-visible,.browser-sidebar-project-list>a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.browser-sidebar-navigation>[data-selected],.browser-sidebar-project-list>[aria-current]{color:var(--selection-ink);background:var(--selection-bg)}.browser-sidebar-navigation>[aria-disabled]{color:var(--ink-faint)}.browser-sidebar-navigation small{color:var(--ink-faint);margin-inline-start:auto;font-size:10px}.browser-sidebar-projects{flex-direction:column;min-height:0;margin-top:28px;display:flex}.browser-sidebar-projects-heading{flex:none;align-items:center;gap:4px;margin-bottom:8px;padding-inline:12px 0;display:flex}.browser-sidebar-projects-heading h2{min-width:0;color:var(--ink);flex:1;margin:0;font-size:13px;font-weight:600}.browser-sidebar-projects-heading>div{flex:none;gap:2px;display:flex}.browser-sidebar-search{flex:none;margin-bottom:10px}.browser-sidebar-search input{min-width:0}.browser-sidebar-project-list{overscroll-behavior:contain;align-content:start;gap:2px;min-height:0;display:grid;overflow-y:auto}.browser-sidebar-project-list>a{font-weight:400}.browser-sidebar-project-list>a>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser-sidebar-project-list small{color:var(--ink-faint);flex:none;margin-inline-start:auto;font-size:9px}.browser-sidebar-feedback{color:var(--ink-muted);gap:6px;margin:0;padding:8px 12px;font-size:12px;display:grid}@container (width<=760px){.browser-workspace-layout{flex-direction:column;display:flex}.browser-workspace-content{flex:1}.browser-workspace[data-split-panes] .browser-workspace-layout{gap:var(--shell-gap,0px)}.browser-workspace[data-split-panes] .browser-sidebar-toggle{border-radius:var(--shell-radius,0px);background:var(--creation-controls-surface);border:0;padding:8px 12px}.browser-workspace[data-split-panes] .browser-sidebar{height:auto;max-height:45dvh;margin:var(--shell-float-inset,0px) var(--shell-float-inset,0px) 0;border-radius:var(--shell-radius,0px);flex:none}.browser-workspace[data-split-panes] .browser-workspace-content{height:auto;padding-top:0}.browser-workspace[data-split-panes] .studio-topbar{column-gap:8px}.browser-workspace[data-split-panes] .browser-workspace-title{font-size:20px}.browser-sidebar-toggle{padding:12px 16px 0;display:flex}.browser-sidebar-toggle>button{gap:8px}.browser-sidebar-toggle [aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.browser-sidebar{border:1px solid var(--line);border-radius:16px;align-self:stretch;height:auto;max-height:70dvh;margin:12px 16px 0;padding:12px;display:none;position:static}.browser-sidebar[data-expanded]{display:flex}.browser-sidebar-projects{margin-top:20px}}@media (width<=639px){.browser-sidebar-navigation>a,.browser-sidebar-navigation>span,.browser-sidebar-project-list>a{min-height:44px}}@media (forced-colors:active){.browser-sidebar-navigation>[data-selected],.browser-sidebar-project-list>[aria-current]{outline-offset:-1px;outline:1px solid highlight}}.library-browser{border-radius:20px;min-width:0;min-height:0;padding:24px 28px 40px;container-type:inline-size}.library-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.library-heading>div:first-child{min-width:0}.library-heading h1{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.035em;margin:0;font-size:28px;font-weight:600;line-height:1.2}.library-heading p{color:var(--ink-muted);margin:8px 0 0;font-size:13px}.library-heading-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.browser-navigation{background:var(--canvas-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:24px;padding:4px;display:flex}.browser-navigation>a,.browser-navigation>span{color:var(--ink-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:500;display:inline-flex}.browser-navigation>a:hover{color:var(--ink);background:var(--hover)}.browser-navigation>a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.browser-navigation>[data-selected]{color:var(--ink);background:var(--selection-bg);box-shadow:none}.dark .browser-navigation>[data-selected]{background:var(--table-heading)}.browser-navigation>[aria-disabled]{color:var(--ink-faint)}.browser-navigation small{color:var(--ink-faint);font-size:9px}.library-eyebrow{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.reference-navigation{flex-direction:column;align-items:stretch;gap:4px;display:flex}.reference-navigation>span{padding:8px 12px 12px}.reference-navigation>button{border-radius:12px;justify-content:flex-start;min-height:40px}.reference-navigation>button[data-selected]{color:var(--selection-ink);background:var(--selection-bg)}.reference-content{min-width:0}.reference-toolbar{flex-wrap:wrap;align-items:center;gap:8px 4px;margin-bottom:24px;display:flex}.reference-category-tabs{flex:0 auto;margin-inline-start:-12px}.reference-filters{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.reference-filters>.studio-field:last-child{flex:0 240px;min-width:160px}.reference-access-filter{min-width:120px;max-width:160px}.reference-project-filter{min-width:140px;max-width:200px}.library-empty-hero{text-align:center;align-content:center;justify-items:center;min-height:max(420px,100dvh - 240px);padding:24px 16px;display:grid}.library-empty-title{color:var(--ink);letter-spacing:-.045em;align-items:center;gap:14px;margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:650;line-height:1.05;display:flex}.library-empty-tile{color:#fff;background:linear-gradient(to bottom, var(--studio-media-solid), color-mix(in oklab, var(--studio-media-solid) 74%, black));border-radius:.26em;flex:none;place-items:center;width:1em;height:1em;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.library-empty-tile svg{width:.52em;height:.52em}.library-empty-description{max-width:440px;color:var(--ink-muted);text-wrap:pretty;margin:14px 0 28px;font-size:16px;line-height:1.5}.reference-alias{color:var(--accent-text);font-size:12px}.reference-access{background:var(--glass-opaque);color:var(--ink-soft);border-radius:6px;padding:4px 7px;font-size:10px}.reference-color,.reference-placeholder{place-items:center;width:100%;height:100%;min-height:160px;display:grid}.reference-color>span{color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 8px;font-size:12px}.reference-color-palette{align-items:stretch;display:flex}.reference-color-palette>div{flex:1;min-width:0}.reference-placeholder{background:var(--workspace-chrome);color:var(--ink-faint)}.reference-placeholder svg{width:32px;height:32px}.reference-preview{background:var(--workspace-chrome);border-radius:14px;place-items:center;display:grid;overflow:hidden}.reference-preview img,.reference-preview video{object-fit:contain;width:100%;max-height:50dvh}.reference-preview .reference-color{min-height:260px}.library-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reference-asset-picker{gap:10px;max-height:220px;padding:4px;display:grid;overflow-y:auto}.asset-browser-tools{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.asset-browser-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.asset-browser-toolbar>.studio-field{max-width:230px}.asset-layout-select{width:112px}.project-folders{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-block:10px 28px;display:grid}.project-folders>button{background:var(--canvas-soft);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.project-folders>button>span{text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-folders small{color:var(--ink-muted);flex-shrink:0;margin-inline-start:auto;font-size:10px}.folder-breadcrumb{align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}@container (width<=760px){.reference-navigation>span{flex-basis:100%}.library-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.asset-browser-tools{flex-wrap:wrap}}@media (width<=639px){.library-browser{padding:20px 16px 32px}.library-heading h1{font-size:24px}.library-heading-actions{flex-wrap:wrap}.browser-navigation{width:100%}.browser-navigation>a,.browser-navigation>span{min-height:44px}.reference-category-tabs{flex-basis:calc(100% - 48px)}.reference-filters{flex-wrap:wrap;flex-basis:100%;justify-content:flex-start}.reference-filters>*{flex:1;max-width:none}.reference-filters>.studio-field:last-child{flex-basis:100%}.asset-browser-toolbar{justify-content:flex-start}.library-form-grid{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.browser-navigation>[data-selected],.reference-navigation>button[data-selected]{outline:2px solid highlight}}.asset-creations-panel{background:var(--paper)}.asset-creations-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.asset-creations-panel>.studio-results-header{gap:12px;padding-block:16px}.asset-creations-notice{color:var(--ink-muted);margin-block:0 20px;font-size:13px}.browser-workspace-content>.library-browser{border-radius:0;padding-top:12px}