.poster{background:#eae4d7;color:#333128;display:flex;flex-direction:column;padding:24px 20px;position:relative;height:100%}.poster-top{margin-top:38px;border-bottom:1px solid #5e5a4944;padding-bottom:7px;font-size:7px;letter-spacing:1.5px;display:flex;justify-content:space-between}.poster-title{font-size:64px;line-height:.86;letter-spacing:-6px;margin-top:12px;font-weight:600;z-index:1;position:relative;color:#924e44}.poster-orbit{position:absolute;border:1px solid #554e3c;bottom:16px;right:-14px;width:183px;height:80px;border-radius:50%;transform:rotate(-38deg)}.poster-orbit.o2{transform:rotate(-62deg)}.poster-orbit.o3{transform:rotate(-15deg)}.poster-bottom{margin-top:auto;font-size:6px;letter-spacing:.5px;max-width:80px;line-height:1.7}.figma-art{height:100%;background:#d2cede;position:relative;display:flex;align-items:center;justify-content:center;padding:65px 18px 18px}.mock-browser{width:100%;background:#f9f8f4;box-shadow:0 14px 22px #26223d35;border-radius:6px;transform:rotate(-3deg);padding:10px;color:#2b3039}.browser-top{font-size:5px;display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #ddd}.mock-title{font-size:22px;line-height:1.03;font-weight:500;letter-spacing:-1.3px;margin:12px 0}.mock-title em{font-family:Georgia,serif;font-weight:400}.mock-photo{height:55px;background:linear-gradient(125deg,#ddbaa7,#777b92 60%,#bdb3d6);position:relative;border-radius:4px;overflow:hidden}.mock-photo:after{content:"";position:absolute;width:160px;height:160px;border:15px solid #c3c1d6;border-radius:50%;left:80px;top:10px}.mock-bottom{display:flex;gap:8px;margin-top:10px}.mock-bottom span{height:27px;flex:1;border-radius:3px;background:#eeece8}.mock-bottom span:nth-child(2){background:#dcd4e6}.mock-bottom span:nth-child(3){background:#c6d3cd}.editorial{height:100%;background:#ece9e1;padding:17px;color:#2d2923}.editorial-head{font-family:Georgia,serif;margin:48px 0 6px;font-size:37px;line-height:.85;letter-spacing:-2px}.editorial-sub{font-size:6px;letter-spacing:2px;border-bottom:1px solid #aaa79d;padding-bottom:7px}.editorial-body{display:grid;grid-template-columns:1.6fr 1fr;gap:7px;margin-top:9px;height:100px}.editorial-body img{width:100%;height:100%;object-fit:cover}.editorial-lines{background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,#aaa79d 4px,#aaa79d 4.5px);opacity:.7}.film-art{height:100%;position:relative;background:#16191f}.film-art img{width:100%;height:69%;object-fit:cover;filter:saturate(.65)}.film-timecode{position:absolute;left:15px;top:58%;font:7px ui-monospace,monospace;color:#fff}.film-timeline{height:31%;display:flex;flex-direction:column;gap:4px;padding:11px 12px;background:#23242e;position:relative}.film-timeline:after{content:"";position:absolute;left:55%;top:5px;bottom:3px;width:1px;background:#fff9}.film-track{height:9px;background:repeating-linear-gradient(90deg,#9174a6 0%,#9174a6 25%,#2c2939 25%,#2c2939 26%);border-radius:1px}.film-track:nth-child(2){background:repeating-linear-gradient(90deg,#7587b3 0%,#7587b3 40%,#2c2939 40%,#2c2939 42%);margin-left:20%}.film-track:nth-child(3){background:#5c9389;margin-right:5%;height:6px}

/* Match the software's own silhouette and color; the extension has its own label. */
.app-badge:is(.word,.powerpoint,.excel,.sourcecode,.plaintext,.png,.jpeg){background:#fffffff2;border-color:#fff9}
.app-badge.pdf{background:#c41c2d;border-color:#ed5663}
.app-badge.pdf img{width:74%;height:74%}
