.managed-window[data-app=projects] .window-content{contain:style;overflow:visible}.managed-window[data-app=projects] .window-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.projects-static-window>.static-titlebar{flex:0 0 52px;min-height:52px}.projects-host,.projects-app{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.projects-app{color:var(--os-ink);font:450 13px/18px var(--font-ui);border-radius:0 0 14px 14px;overflow:hidden}.projects-toolbar{z-index:2;pointer-events:none;align-items:center;gap:8px;min-width:0;height:52px;display:flex;position:absolute;top:0;left:92px;right:12px}.projects-navigation,.projects-toolbar-actions{pointer-events:auto}.projects-toolbar button,.projects-toolbar a{cursor:pointer}.projects-navigation{flex:none;display:flex}.projects-navigation :is(button,a){width:28px;height:28px;color:var(--os-ink-2);border-radius:7px;place-items:center;display:grid}.projects-navigation :is(button,a):hover,.projects-copy:hover{background:var(--os-hover)}.projects-navigation button:disabled{cursor:default;opacity:.4}.projects-toolbar .projects-toolbar-title{text-overflow:ellipsis;white-space:nowrap;font:600 13px/18px var(--font-ui);margin:0 0 0 4px;overflow:hidden}.projects-toolbar-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.projects-search{width:200px}.projects-view-switch button{place-items:center;width:28px;min-height:24px;padding:0;display:grid}.projects-toolbar-actions>:is(a,button){white-space:nowrap;color:var(--os-accent-ink);border-radius:7px;padding:5px 8px;font-size:12px}.projects-body{flex:1;min-height:0;display:flex}.projects-sidebar{width:208px;padding:0 8px 12px}.projects-sidebar h2{color:var(--os-ink-2);padding:16px 12px 4px}.projects-folder{border-radius:6px;align-items:center;gap:8px;min-height:28px;padding:3px 8px;text-decoration:none;display:flex}.projects-folder>svg{color:var(--os-ink-2);flex:none}.projects-folder>span:not(.projects-count){flex:1}.projects-count{color:var(--os-ink-2);font-variant-numeric:tabular-nums;font-size:12px}.projects-folder:hover{background:var(--os-hover)}.projects-folder.is-current{color:var(--os-ink);background:var(--os-accent-soft)}.projects-index[data-focused=false] .projects-folder.is-current{color:var(--os-ink);background:var(--os-selection-inactive)}.project-dot{background:var(--os-success);border-radius:50%;flex:none;width:7px;height:7px;margin-inline:3.5px}.project-dot.incubating{background:var(--os-warning)}.projects-content{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow:auto}.projects-icons{padding:0 20px 16px}.projects-group-heading{z-index:1;background:var(--os-window);min-height:32px;color:var(--os-ink-2);font:500 10px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex;position:sticky;top:0}.projects-category{scroll-margin-top:0}.projects-grid{grid-template-columns:repeat(auto-fill,112px);gap:8px 16px;padding-block:8px;display:grid}.project-tile{border-radius:8px;flex-direction:column;align-items:center;width:112px;height:116px;text-decoration:none;display:flex}.project-icon-backdrop{border-radius:10px;place-items:center;width:76px;height:76px;display:grid}.project-icon{background:var(--project-color);color:var(--project-ink);font:600 26px/1 var(--font-display);letter-spacing:-.02em;border-radius:22.5%;flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:0 1px 2px #1f1b161f,inset 0 1px #ffffff40}.project-icon>span[lang=si]{font-family:var(--font-sinhala);font-size:.85em}.project-icon img{object-fit:contain;width:100%;height:100%}.project-icon picture{display:contents}.project-tile-label{text-align:center;max-width:108px;font:500 12px/16px var(--font-ui);margin-top:2px}.project-tile-label>span{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 5px}.project-tile.is-selected .project-icon-backdrop{background:color-mix(in srgb, var(--os-ink) 9%, transparent)}.project-tile.is-selected .project-tile-label>span{background:var(--os-selection);color:var(--os-selection-ink)}.projects-index[data-focused=false] .project-tile.is-selected .project-tile-label>span{background:var(--os-selection-inactive);color:var(--os-ink)}.project-incubating{vertical-align:1px;background:var(--os-warning);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.projects-statusbar{flex:0 0 28px}.projects-list{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.projects-list th{z-index:1;background:var(--os-titlebar);text-align:left;height:28px;font-weight:600;position:sticky;top:0}.projects-list th:first-child{width:40%}.projects-list th:nth-child(2){width:16%}.projects-list th:nth-child(3){width:24%}.projects-list th:nth-child(4){width:8%}.projects-list th:nth-child(5){width:12%}.projects-list th,.projects-list td{border-bottom:1px solid var(--os-line);padding:4px 8px}.projects-list th button{text-align:left;align-items:center;width:100%;min-height:24px;display:flex}.projects-list td{text-overflow:ellipsis;white-space:nowrap;height:32px;overflow:hidden}.projects-list td:first-child>a{align-items:center;gap:8px;display:flex}.projects-list td:first-child>a>span:last-child{text-overflow:ellipsis;overflow:hidden}.projects-list .project-icon{font-size:10px}.project-native{color:var(--os-ink-2);font-family:var(--font-sinhala)}.projects-list tr.is-selected{background:var(--os-selection);color:var(--os-selection-ink)}.projects-list tr.is-selected .project-native{color:inherit}.project-status{background:color-mix(in srgb, var(--os-success) 8%, var(--os-window));color:var(--os-success);border-radius:999px;padding:2px 6px;font-size:10px;display:inline-block}.project-status.incubating{background:color-mix(in srgb, var(--os-warning) 8%, var(--os-window));color:var(--os-warning)}.projects-gallery{grid-template-columns:minmax(0,1fr) 280px;height:100%;min-height:380px;display:grid}.projects-gallery-main{flex-direction:column;min-width:0;min-height:0;display:flex}.projects-preview-stage{--project-backdrop:var(--project-light);background:var(--project-backdrop);flex:1;justify-content:center;align-items:center;min-width:0;min-height:220px;padding:20px;display:flex;overflow:hidden}.projects-preview-stage picture{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.projects-preview-stage img{object-fit:contain;width:100%;height:100%}.projects-filmstrip{flex:0 0 120px;align-items:center;gap:12px;padding:24px 16px;display:flex;overflow:auto}.projects-filmstrip a{background:var(--os-sunken);border-radius:6px;flex:0 0 88px;height:66px;overflow:hidden}.projects-filmstrip a.is-selected{outline:2px solid var(--os-accent);outline-offset:3px}.projects-filmstrip img{object-fit:cover;width:88px;height:66px}.projects-inspector{background:var(--os-sidebar);border-left:1px solid var(--os-line);padding:20px;overflow:auto}.projects-inspector h2{font:500 20px/26px var(--font-display);margin-top:12px}.projects-inspector p{margin-top:12px}.projects-inspector h3{font:500 10px/14px var(--font-mono);text-transform:uppercase;color:var(--os-ink-2);margin:20px 0 8px}.projects-inspector .project-tagline{font-weight:600}.projects-inspector dl{margin-block:16px}.projects-inspector .project-primary{margin-top:20px}.project-links,.project-hero-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-links a{color:var(--os-accent-ink)}.project-chips{flex-wrap:wrap;gap:6px;display:flex}.project-chips span{background:color-mix(in srgb, var(--project-color,var(--os-ink)) 12%, transparent);min-height:26px;color:var(--os-ink);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.projects-archive{padding:28px 24px}.projects-archive h2{font:500 28px/34px var(--font-display);margin-bottom:12px}.projects-archive>p{color:var(--os-ink-2);margin-bottom:24px}.projects-archive table{border-collapse:collapse;width:100%;font-size:12px}.projects-archive :is(th,td){border-bottom:1px solid var(--os-line);vertical-align:top;text-align:left;padding:12px 8px}.projects-archive th{color:var(--os-ink-2)}.projects-archive td p{color:var(--os-ink-2);margin-top:6px}.project-detail-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.project-hero{--project-backdrop:var(--project-light);isolation:isolate;background:var(--project-backdrop);align-items:flex-start;gap:24px;min-height:240px;padding:32px 40px;display:flex;position:relative}.project-hero:before{content:"";z-index:-1;background:radial-gradient(60% 120% at 85% 0%, color-mix(in oklch, var(--project-color) 35%, transparent), transparent 70%);position:absolute;inset:0}.project-heading{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.project-heading h1{font:500 40px/44px var(--font-display);letter-spacing:-.02em}.project-heading>span{font:500 20px/26px var(--font-sinhala)}.project-hero-tagline{font:400 17px/28px var(--font-ui);margin-top:8px}.project-platform{color:var(--os-ink-2);font:500 10px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:12px}.project-hero .project-chips{margin-top:12px}.project-hero-links{margin-top:20px;font-weight:600}.project-hero-links>a:not(.project-primary){color:var(--os-ink);border-radius:999px;padding:8px 10px}.project-hero-links>a:not(.project-primary):hover{background:var(--os-hover)}.project-primary{background:var(--project-color,var(--os-accent));min-height:36px;color:var(--project-ink,var(--os-on-accent));border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.project-facts{border-bottom:1px solid var(--os-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:24px 40px;display:grid}.project-facts>div{flex-direction:column-reverse;align-self:start;gap:8px;display:flex}.project-facts dt{color:var(--os-ink-2);font:450 12px/16px var(--font-ui)}.project-facts dd{font:500 28px/34px var(--font-display);font-variant-numeric:tabular-nums}.project-screens{border-bottom:1px solid var(--os-line);padding:24px 40px}.project-screens>h2,.project-info>h2{font:500 10px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--os-ink-2);margin-bottom:16px}.project-screens-strip{scroll-snap-type:x mandatory;gap:16px;margin:-4px;padding:4px 4px 12px;display:flex;overflow:auto}.project-screens figure{scroll-snap-align:start;flex:none}.project-screens figure>:is(a,button){border-radius:18px;display:block}.project-screen-frame{width:max-content}.project-screen-frame[data-kind=phone]{background:#111;border-color:#111;border-radius:18px}.project-screen-frame[data-kind=phone] img{width:auto;max-width:none;height:252px}.project-screen-frame[data-kind=browser]{border-radius:8px}.project-screen-frame[data-kind=browser] img{width:auto;max-width:none;height:166px}.project-screen-frame[data-kind=bare] img{width:auto;max-width:none;height:180px}.project-screens figcaption{font:450 12px/16px var(--font-ui);color:var(--os-ink-2);margin-top:8px}.project-body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;padding:32px 40px;display:grid}.project-story{min-width:0;max-width:68ch}.project-description{color:var(--os-ink-2);margin-bottom:20px;font-size:15px;line-height:24px}.project-lede{margin-bottom:24px;font-size:17px;line-height:28px}.project-info{background:var(--os-raised);box-shadow:var(--shadow-card);border-radius:12px;padding:16px;position:sticky;top:16px}.project-info dl,.projects-inspector dl{grid-template-columns:64px minmax(0,1fr);gap:12px 8px;display:grid}.project-info dt,.projects-inspector dt{font:500 10px/18px var(--font-mono);color:var(--os-ink-2);text-transform:uppercase}.project-info dd{overflow-wrap:anywhere;font-size:13px;line-height:20px}.project-brand-cards{gap:16px;margin-top:20px;display:grid}.project-brand-card,.project-api-card{border:1px solid var(--os-line);border-radius:8px;padding:12px}.project-brand-card h3,.project-api-card h3{font:500 10px/14px var(--font-mono);text-transform:uppercase;color:var(--os-ink-2);margin-bottom:12px}.project-brand-card p{color:var(--os-ink-2);font-size:12px;line-height:18px}.project-brand-card .project-stat-value{font:500 28px/34px var(--font-display);font-variant-numeric:tabular-nums;color:var(--os-ink);margin-bottom:6px}.project-progress{background:var(--os-sunken);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.project-progress span{background:var(--project-color);height:100%;display:block}.project-brand-card ol{gap:12px;margin-bottom:12px;display:grid}.project-brand-card li{gap:8px;font-size:12px;display:flex}.project-brand-card li>span{height:18px;color:var(--project-ink);background:var(--project-color);border-radius:50%;flex:0 0 18px;place-items:center;font-size:10px;display:grid}.project-brand-card pre,.project-api-card pre{background:var(--os-sunken);font:400 11px/18px var(--font-mono);border-radius:8px;padding:12px;overflow:auto}.project-api-card{margin-top:16px}.project-api-request{font:400 11px/18px var(--font-mono);flex-wrap:wrap;align-items:start;gap:8px;margin-bottom:12px;display:flex}.project-api-request code{overflow-wrap:anywhere}.project-api-request strong{background:var(--os-sunken);border-radius:4px;padding:2px 6px}.project-api-response{font:450 11px/18px var(--font-mono);justify-content:space-between;margin-bottom:12px;display:flex}.project-api-response>span:first-child{color:var(--os-success)}.project-footer{border-top:1px solid var(--os-line);color:var(--os-accent-ink);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 40px 32px;display:flex}.projects-data-error{color:var(--os-danger);background:color-mix(in srgb, var(--os-danger) 8%, var(--os-window));padding:24px}.projects-data-error button{margin-left:8px;text-decoration:underline}.projects-loading{flex-direction:row;gap:28px;padding:20px}.projects-loading-sidebar{flex:none;width:160px}.projects-loading-sidebar i{background:var(--os-sunken);border-radius:6px;height:12px;margin-bottom:24px;display:block}.projects-loading-grid{flex:1;grid-template-columns:repeat(auto-fill,112px);grid-auto-rows:116px;align-content:start;justify-items:center;gap:20px;display:grid}.projects-loading-grid i{background:var(--os-sunken);border-radius:14px;width:64px;height:64px;position:relative}.projects-loading-grid i:after{content:"";background:var(--os-sunken);width:80px;height:8px;box-shadow:0 12px 0 var(--os-sunken);border-radius:4px;position:absolute;top:76px;left:-8px}html[data-theme=dark] :is(.project-hero,.projects-preview-stage){--project-backdrop:var(--project-dark)}html.no-js .projects-sidebar section:not(:nth-child(2)):not(:last-child),html.no-js .projects-statusbar{display:none}html[data-view=simple] .projects-static-window,html:has(#simple:target) .projects-static-window{position:static;overflow:visible}html[data-view=simple] .projects-static-window>.static-titlebar,html:has(#simple:target) .projects-static-window>.static-titlebar{display:none}html[data-view=simple] .projects-static-window .projects-toolbar,html:has(#simple:target) .projects-static-window .projects-toolbar{flex:0 0 52px;padding-inline:12px;position:static}html[data-view=simple] .projects-app,html:has(#simple:target) .projects-app{height:auto;overflow:visible}html[data-view=simple] .project-detail-scroll,html:has(#simple:target) .project-detail-scroll{overflow:visible}@container window (width<=859px){.project-body{grid-template-columns:minmax(0,1fr)}.project-info{grid-row:1;position:static}.project-brand-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@container window (width<=750px){.projects-sidebar{width:172px}.projects-search{width:150px}.projects-gallery{grid-template-columns:minmax(0,1fr)}.projects-inspector{border-left:0;border-top:1px solid var(--os-line);overflow:visible}.projects-gallery{height:auto}.projects-gallery-main{min-height:360px}}@container window (width<=639px){.project-heading h1{font-size:28px;line-height:34px}.project-hero{gap:16px;padding:24px}.project-facts,.project-screens,.project-body,.project-footer{padding:24px}.projects-toolbar-actions .projects-copy{display:none}.projects-search{width:124px}.projects-toolbar-title{max-width:120px}.projects-list th:nth-child(3),.projects-list td:nth-child(3){display:none}.projects-list th:first-child{width:52%}.projects-list th:nth-child(2){width:22%}.projects-list th:nth-child(4){width:10%}.projects-list th:nth-child(5){width:16%}}@container window (width<=559px){.projects-body{flex-direction:column}.projects-sidebar{border-right:0;border-bottom:1px solid var(--os-line);flex:none;gap:8px;width:100%;height:auto;padding:8px;display:flex;overflow:auto}.projects-sidebar section{flex:none;gap:4px;display:flex}.projects-sidebar h2{display:none}.projects-folder{white-space:nowrap}.projects-folder svg,.projects-count{display:none}.projects-toolbar{left:92px;right:8px}.projects-toolbar-title{display:none}.projects-search{width:min(36vw,160px)}.projects-toolbar-actions{gap:4px}.projects-view-switch button{width:26px}.projects-toolbar-actions>a{text-overflow:ellipsis;max-width:160px;overflow:hidden}h1.projects-toolbar-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.projects-icons{padding-inline:16px}.projects-grid{justify-content:space-around;column-gap:8px}.project-hero{flex-direction:column}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-screen-frame[data-kind=browser] img{object-fit:contain;max-width:calc(100cqw - 64px);height:auto}.projects-list .project-native,.projects-statusbar>span:last-child,.projects-loading-sidebar{display:none}}@media (prefers-color-scheme:dark){html.no-js :is(.project-hero,.projects-preview-stage){--project-backdrop:var(--project-dark)}}@media (forced-colors:active){.project-hero:before{display:none}.project-tile.is-selected .project-tile-label>span,.projects-folder.is-current,.projects-list tr.is-selected{color:highlighttext;background:highlight}.project-icon{border:1px solid canvastext}.projects-filmstrip a.is-selected{outline-color:highlight}}.managed-window[data-shell-mode=mobile] .projects-toolbar{left:68px}@media (width<=1023px),(pointer:coarse) and (width<=1179px){.projects-static-window .projects-toolbar{left:68px}}@container window (width<=559px){.projects-sidebar{scrollbar-width:none;gap:8px;padding:4px 12px;scroll-padding-inline:12px}.projects-sidebar::-webkit-scrollbar{display:none}.projects-sidebar section{gap:8px}.projects-folder{background-clip:padding-box;background-color:color-mix(in srgb, var(--os-ink) 6%, transparent);border-block:4px solid #0000;border-radius:999px;min-height:44px;padding:0 14px;font-weight:500}.projects-folder:hover{background-color:color-mix(in srgb, var(--os-ink) 10%, transparent)}.projects-folder.is-current,.projects-index[data-focused=false] .projects-folder.is-current{color:var(--os-ink);background-color:var(--os-accent-soft);font-weight:600}.projects-folder .project-dot{margin-inline:0;display:inline-block}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;column-gap:8px}.project-tile{width:auto;min-width:0;height:auto;min-height:116px}.project-tile-label{max-width:100%}.project-hero-links>a,.project-footer a{align-items:center;min-height:44px;display:inline-flex}}.managed-window[data-sheet] .project-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}