:root{--ink:#162d36;--muted:#61757b;--paper:#f7f8f3;--teal:#056f70;--line:#dbe2dd;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d58935;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:15px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1400px)/2));border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-icon{width:35px;height:35px;background:var(--teal);color:#fff;display:grid;place-items:center;font:35px var(--serif);border-radius:9px}.brand-label{font-size:9px;letter-spacing:1.5px;font-weight:600;margin-left:13px;border-left:1px solid #b9c8c6;padding-left:20px}.site-header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--teal)}.site-header nav a:last-child{color:var(--teal)}.hero{max-width:1400px;margin:0 auto;padding:62px 32px 58px;display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--teal);margin:0 0 14px}.hero h1{font:clamp(42px,4.7vw,66px)/1.06 var(--serif);letter-spacing:-2px;margin:0 0 22px;font-weight:400}.hero h1 em{color:var(--teal);font-weight:400}.hero-description{font-size:16px;max-width:480px;color:var(--muted);line-height:1.8;margin:0}.hero-facts{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted);margin-top:30px}.hero-facts strong{font-weight:700;color:var(--ink);font-size:16px}.hero-facts span+span{border-left:1px solid var(--line);padding-left:20px}.featured{display:block;background:#e5ede6;border:1px solid #cdded3;border-radius:18px;padding:26px 28px 24px;text-decoration:none;transition:transform .15s,box-shadow .15s}.featured:hover{transform:translateY(-3px);box-shadow:0 14px 30px #203a3a10}.featured-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;font-weight:700;color:#355d50}.featured-label span:last-child{font-size:22px;font-weight:400}.featured img{display:block;width:100%;height:145px;object-fit:contain;margin:0 auto 8px}.featured h2{font:31px var(--serif);letter-spacing:-.6px;margin:0 0 7px}.featured p{font-size:13px;line-height:1.7;color:#45645a;margin:0;max-width:350px}.featured-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid #c0d2c5;font-size:12px;font-weight:700;color:#255c4a}.featured-action span{font-size:21px}.library{max-width:1400px;margin:0 auto;padding:30px 32px 64px;border-top:1px solid var(--line)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.library-heading .eyebrow{margin-bottom:8px}.library-heading h2{font:30px/1.25 var(--serif);letter-spacing:-.6px;margin:0}.search{display:flex;align-items:center;gap:10px;width:340px;background:white;border:1px solid #cdd8d3;border-radius:8px;padding:10px 14px}.search>span:first-child{font-size:25px;line-height:1;color:var(--teal)}.search input{border:0;outline:none;min-width:0;width:100%;background:none;font-size:12px}.search:focus-within{outline:2px solid var(--teal);outline-offset:3px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.filter{background:transparent;border:1px solid #d5dfd9;border-radius:30px;padding:7px 13px;color:#4b6266;font-size:11px;font-weight:550}.filter:hover{background:#e8eee8}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.results-line{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;padding-bottom:16px}.results-line span:first-child{font-weight:650;color:var(--ink)}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #14372b12;border-color:#a7bdb4}.card-image{background:#fff;border-bottom:1px solid #e9edeb;aspect-ratio:1.95;overflow:hidden;padding:12px}.card-image img{display:block;width:100%;height:100%;object-fit:contain}.app-card[data-kind=studio] .card-image{background:#e5ede6}.card-body{padding:18px 20px 16px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.card-number{color:var(--muted);font-weight:500}.card-body h3{font-size:16px;line-height:1.45;margin:9px 0 8px;font-weight:650;letter-spacing:-.15px}.card-body p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 19px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #edf0ed;font-size:10px;color:var(--muted);margin-top:auto}.card-bottom span:last-child{font-size:12px;font-weight:700;color:var(--teal)}.empty-results{text-align:center;padding:50px}.empty-results h3{font:28px var(--serif)}.primary-button{background:var(--teal);color:white;border:0;border-radius:6px;padding:10px 18px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(32px,calc((100vw - 1336px)/2));border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer span{padding:0 8px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 84px)}.app-sidebar{border-right:1px solid var(--line);padding:24px 18px;background:#eef2ed;display:flex;flex-direction:column;height:calc(100vh - 84px);position:sticky;top:0}.back-button{border:0;background:none;text-align:left;color:var(--teal);font-size:12px;font-weight:650;padding:0 0 23px}.sidebar-label{font-size:11px;font-weight:650;margin-bottom:6px}.app-sidebar select{width:100%;padding:9px 6px;font-size:12px;background:white;border:1px solid #c8d5cc;border-radius:5px}.sidebar-search input{width:100%;margin:16px 0 10px;border:1px solid var(--line);background:#ffffffa0;padding:8px 9px;border-radius:5px;font-size:11px}#app-list{overflow:auto;min-height:100px;flex:1;padding-right:4px}.list-category{font-size:9px;font-weight:700;color:#70827a;letter-spacing:.8px;text-transform:uppercase;margin:19px 8px 5px}.list-link{display:flex;gap:9px;text-decoration:none;padding:9px 8px;border-radius:5px;line-height:1.45;font-size:11px;margin-bottom:2px;color:#40594f}.list-link .list-number{color:#86958e;font-variant-numeric:tabular-nums;min-width:18px;font-size:9px;padding-top:1px}.list-link:hover{background:#dfe8df}.list-link[aria-current=page]{color:#fff;background:#27675b}.list-link[aria-current=page] .list-number{color:#b8dace}.sidebar-note{font-size:10px;color:var(--muted);border-top:1px solid #d1ddd4;margin:17px 0 0;padding-top:13px;line-height:1.65}.app-stage{min-width:0;padding:24px 24px 0;background:#fafbf8}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.stage-toolbar .eyebrow{font-size:9px;margin:0 0 4px}.stage-toolbar h1{font-size:19px;line-height:1.35;margin:0;letter-spacing:-.3px;font-weight:650}.standalone{white-space:nowrap;font-size:11px;font-weight:600;color:var(--teal);text-decoration:none;border:1px solid #cfdbd4;padding:8px 12px;border-radius:5px;background:white}.stage-description{font-size:12px;color:var(--muted);margin:10px 0 18px}.frame-wrap{position:relative;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:690px}.frame-wrap iframe{display:block;width:100%;height:calc(100vh - 245px);min-height:690px;border:0;background:white}.loading-status{position:absolute;top:0;left:0;right:0;z-index:2;margin:0;padding:13px;background:#e5eee8;color:#2c6654;font-size:12px;text-align:center;pointer-events:none}.frame-hint{font-size:10px;color:var(--muted);margin:9px 0 15px}.noscript{padding:40px;text-align:center}body.workspace-open .site-header{height:70px}body.workspace-open .workspace{min-height:calc(100vh - 70px)}body.workspace-open .app-sidebar{height:calc(100vh - 70px)}
@media(min-width:1600px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.hero{gap:30px;padding-top:42px}.hero h1{font-size:47px}.hero-facts{gap:10px}.hero-facts span+span{padding-left:10px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:210px minmax(0,1fr)}.app-stage{padding:20px 15px 0}.brand-label{display:none}.stage-toolbar{align-items:flex-start}.stage-toolbar h1{font-size:17px}}
@media(max-width:760px){.site-header{height:72px;padding:0 20px;gap:12px}.brand{font-size:23px}.site-header nav{font-size:11px;gap:15px}.hero{display:block;padding:36px 20px}.hero h1{font-size:46px}.hero-description{font-size:14px}.hero-facts{margin:22px 0 28px}.featured{padding:20px}.featured img{height:130px}.featured h2{font-size:28px}.library{padding:26px 20px 40px}.library-heading{display:block}.library-heading h2{font-size:28px}.search{margin-top:20px;width:100%}.filters{gap:6px}.filter{font-size:10px;padding:7px 10px}.results-line span:last-child{display:none}.app-grid{gap:14px}.card-body{padding:13px}.card-body h3{font-size:14px}.card-body p{font-size:11px}.card-meta{font-size:8px}.card-image{padding:5px}.card-bottom{font-size:9px}.card-bottom span:last-child{font-size:10px}footer{display:block;padding:16px 20px}.workspace{display:block}.app-sidebar,body.workspace-open .app-sidebar{height:auto;position:static;padding:15px 18px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:5px}.back-button{padding:0 0 5px}.sidebar-search,#app-list,.sidebar-note{display:none}.app-sidebar select{font-size:13px;padding:10px 6px}.sidebar-label{font-size:10px;margin:0}.app-stage{padding:18px 12px 0}.stage-toolbar{gap:10px}.stage-toolbar h1{font-size:15px}.standalone{font-size:10px;padding:6px 7px}.stage-description{font-size:11px}.frame-wrap,.frame-wrap iframe{min-height:860px}.frame-wrap iframe{height:calc(100vh - 220px)}}
@media(max-width:430px){.app-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-facts{font-size:10px}.brand-icon{width:30px;height:30px}.brand{font-size:21px;gap:7px}.site-header nav{gap:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}