.sunshade-site .ss-web-apps{padding-block:44px;max-width:1600px;width:calc(100% - 64px)}.sunshade-site.ss-web-apps-page .ss-hero{min-height:0;display:block;padding-block:48px 26px}.sunshade-site.ss-web-apps-page .ss-hero-copy{max-width:850px}.sunshade-site.ss-web-apps-page .ss-hero h1{font-size:clamp(2.7rem,5vw,5rem)}.sunshade-site.ss-web-apps-page .ss-hero-baseline,.sunshade-site.ss-web-apps-page .ss-hero-visual{display:none}.sunshade-site.ss-web-apps-page .ss-hero-description{max-width:760px}.sunshade-site .ss-web-apps .ss-section-heading h2{font-size:clamp(2rem,3vw,3rem)}.ss-web-app-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.sunshade-site .ss-web-app-cards button{background:var(--ss-paper);border:1px solid var(--ss-rule);text-align:left;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:translate .2s,border-color .2s,box-shadow .2s}.sunshade-site .ss-web-app-cards button:hover,.sunshade-site .ss-web-app-cards button[aria-pressed=true]{border-color:var(--app-accent);box-shadow:inset 0 3px var(--app-accent);translate:0 -3px}.ss-web-app-symbol{color:var(--app-accent);font-size:32px;line-height:1.2}.ss-web-app-category{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-muted)}.ss-web-app-cards strong{font-size:20px}.ss-web-app-cards button>span:not(.ss-web-app-symbol):not(.ss-web-app-category){font-size:13px}.ss-web-app-open{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;font-weight:700}.ss-web-app-viewer{border:1px solid var(--ss-rule);border-radius:12px;overflow:hidden;background:#202321;color:#f4f1e9;display:flex;flex-direction:column;min-width:0}.ss-web-app-toolbar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ss-web-app-toolbar>div:first-child{display:flex;flex-direction:column;gap:2px}.ss-web-app-toolbar .ss-eyebrow{font-size:10px}.ss-web-app-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ss-web-app-controls>div{display:flex;gap:3px}.ss-web-app-controls select,.sunshade-site .ss-web-app-controls button{padding:9px 12px;min-height:42px;border:1px solid #626660;border-radius:6px;background:#292c29;color:#f4f1e9;transition:background .15s}.sunshade-site .ss-web-app-controls button:hover{background:#444844}.sunshade-site .ss-web-app-controls button[aria-pressed=true]{background:#f4f1e9;color:#202321}.ss-web-app-controls button:disabled{opacity:.5}.ss-web-app-notice{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 16px;font-size:11px;border-top:1px solid #474b45;color:#d6d7d0}.ss-web-app-about{padding:16px 20px;border-top:1px solid #474b45;font-size:13px;max-height:30dvh;overflow:auto}.ss-web-app-about p{margin-bottom:8px}.ss-web-app-pan{width:100%;overflow-x:auto;overscroll-behavior-x:contain;background:#151715;padding:12px;min-height:0}.ss-web-app-viewport{position:relative;height:clamp(440px,calc(100dvh - 240px),860px);width:100%;min-width:1100px;overflow:hidden;background:#262626;border-radius:6px}.ss-web-app-mode-mobile .ss-web-app-viewport{width:min(390px,100%);min-width:0;margin-inline:auto;border:5px solid #5c6059;border-radius:24px;height:clamp(440px,calc(100dvh - 230px),780px)}.ss-web-app-frame{position:absolute;inset:0;visibility:hidden;pointer-events:none}.ss-web-app-frame-active{visibility:visible;pointer-events:auto}.ss-web-app-frame iframe{display:block;border:0;width:100%;height:100%;background:#262626}.ss-web-app-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:24px;color:#f4f1e9}.ss-web-app-empty>span{font-size:48px;color:#da3c45}.ss-web-app-empty h3{font-size:26px;max-width:300px}.ss-web-app-empty p{font-size:14px;max-width:250px}.ss-web-app-feedback{padding:12px;font-size:13px}.ss-web-app-expanded{position:fixed;inset:8px;z-index:5000;box-shadow:0 0 0 20px #141614}.ss-web-app-viewer:fullscreen{border-radius:0}.ss-web-app-expanded .ss-web-app-pan,.ss-web-app-viewer:fullscreen .ss-web-app-pan{flex:1 1}.ss-web-app-expanded .ss-web-app-viewport,.ss-web-app-viewer:fullscreen .ss-web-app-viewport{height:100%}@media(max-width:1000px){.ss-web-app-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:719px){.sunshade-site .ss-web-apps{width:calc(100% - 28px);padding-block:24px}.sunshade-site.ss-web-apps-page .ss-hero{padding-block:24px}.ss-web-app-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sunshade-site .ss-web-app-cards button{padding:14px;gap:5px}.ss-web-app-cards strong{font-size:17px}.ss-web-app-cards button>span:not(.ss-web-app-symbol):not(.ss-web-app-category){font-size:12px}.ss-web-app-toolbar{padding:12px;gap:8px}.ss-web-app-controls{width:100%}.ss-web-app-controls select{flex:1 1;min-width:130px}.ss-web-app-controls button{font-size:12px}.ss-web-app-notice{padding-inline:12px}.ss-web-app-pan{padding:6px}.ss-web-app-empty{min-width:0}.ss-web-app-expanded{inset:0;border-radius:0}.ss-web-app-toolbar .ss-eyebrow{display:none}}@media(prefers-reduced-motion:reduce){.sunshade-site .ss-web-app-cards button,.sunshade-site .ss-web-app-controls button{transition:none;translate:none}}.ss-web-app-viewer{scroll-margin-top:80px}