.demo-workspace{padding:100px 0}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.workspace-heading h2{font-size:clamp(3rem,5.1vw,5rem);line-height:.96;letter-spacing:-.06em;margin-top:22px}.workspace-heading h2>span{color:var(--blue)}.workspace-heading>p{font-size:1.04rem;line-height:1.5;max-width:365px;margin-bottom:6px}.workspace-app{margin-top:42px;border:2px solid var(--ink);border-radius:9px;box-shadow:8px 9px 0 var(--ink);overflow:hidden;background:var(--cream)}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 27px;border-bottom:2px solid var(--ink);background:#fff}.workspace-topbar>.brand{font-size:1.7rem}.workspace-demo-badge{font-size:.58rem;letter-spacing:.06em;font-weight:700;border:1px solid var(--ink);background:var(--yellow);padding:7px 10px}.workspace-topbar .lab-button{font-size:.71rem;padding:10px 14px;min-height:38px}.workspace-body{display:grid;grid-template-columns:150px minmax(0,1fr) 305px;min-height:645px}.workspace-sidebar{padding:26px 17px;border-right:1.5px solid var(--ink);background:#eeeeE2;display:flex;flex-direction:column;align-items:stretch;gap:8px}.workspace-sidebar>span{font-size:.58rem;letter-spacing:.05em;font-weight:700;margin:0 6px 15px}.workspace-sidebar>button{background:none;text-align:left;border:1px solid transparent;padding:10px 9px;border-radius:4px;font-size:.74rem;line-height:1.2}.workspace-sidebar>button[aria-pressed=true]{background:var(--blue);color:var(--cream);border-color:var(--ink)}.workspace-sidebar>small{font-size:.62rem;margin:21px 7px 0;color:#595b50}.workspace-sidebar>p{font-size:.61rem;line-height:1.45;padding:19px 6px 0;border-top:1px solid #17171433;margin-top:auto}.workspace-main{padding:25px}.workspace-main-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.workspace-main-title h3{font-size:1.85rem;line-height:1;letter-spacing:-.05em}.workspace-main-title .lab-text-button{font-size:.55rem;max-width:150px;text-align:right;line-height:1.3}.workspace-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.workspace-deck{display:block;background:transparent;text-align:left;padding:0;color:var(--ink);min-width:0}.workspace-deck-art{height:136px;display:block;position:relative;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--yellow);box-shadow:3px 4px 0 var(--ink);transition:transform .2s}.workspace-deck:hover .workspace-deck-art{transform:translateY(-4px)}.workspace-deck.selected .workspace-deck-art{outline:3px solid var(--blue);outline-offset:3px}.workspace-deck-art>img{width:100%;height:100%;object-fit:cover}.workspace-deck-art>span{position:absolute;left:11px;bottom:10px;font-size:.42rem;letter-spacing:.05em;font-weight:700;border:1px solid var(--ink);background:var(--cream);padding:6px 8px}.workspace-deck-art>em{font-style:normal;font-size:2rem;line-height:.86;font-weight:700;letter-spacing:-.055em;position:absolute;left:15px;top:17px;color:var(--blue)}.workspace-deck-art.art-graph{background:var(--pink)}.workspace-deck-art .ws-bars{display:flex;align-items:end;justify-content:center;position:absolute;left:15px;right:15px;top:17px;height:84px;gap:12px}.ws-bars>b{width:22px;height:34%;background:var(--blue);border:1px solid var(--ink)}.ws-bars>b:nth-child(2){height:52%}.ws-bars>b:nth-child(3){height:73%}.ws-bars>b:nth-child(4){height:97%;background:var(--cream)}.workspace-deck>strong{display:block;font-size:.85rem;line-height:1.2;letter-spacing:-.025em;margin-top:16px}.workspace-deck>small{display:block;font-size:.61rem;line-height:1.3;color:#585c4d;margin-top:6px}.workspace-library-note{font-size:.68rem;line-height:1.45;max-width:520px;padding-top:21px;border-top:1px solid #17171433;margin-top:30px}.workspace-inspector{border-left:1.5px solid var(--ink);padding:25px 23px;background:#fff}.workspace-inspector>span{font-size:.53rem;font-weight:700;letter-spacing:.06em}.workspace-inspector>h3{font-size:1.65rem;line-height:1.03;letter-spacing:-.06em;margin-top:15px}.workspace-inspector>label{display:block;font-size:.62rem;font-weight:700;margin-top:24px}.workspace-inspector select{display:block;width:100%;margin-top:9px;padding:10px 8px;background:var(--cream);border:1px solid var(--ink);border-radius:4px;color:var(--ink);font:400 .71rem/1.2 Haas,Arial,sans-serif}.workspace-version-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.workspace-version-line>b{padding:5px 8px;background:var(--yellow);border:1px solid var(--ink);font-size:.67rem;border-radius:3px}.workspace-version-line>span{font-size:.58rem}.workspace-version-line>span>strong{font-weight:700}.workspace-inspector>[data-workspace-scope]{font-size:.6rem;line-height:1.45;margin-top:13px}.variant-actions{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:17px}.variant-actions>.lab-text-button{font-size:.63rem;padding:3px 0}.workspace-sharing{margin-top:26px;padding-top:20px;border-top:1px solid #17171455}.workspace-sharing>span{font-size:.49rem;letter-spacing:.06em;font-weight:700}.workspace-sharing>[data-workspace-link]{font-size:.57rem;overflow-wrap:anywhere;line-height:1.35;margin-top:9px;color:var(--blue)}.workspace-access-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.workspace-access-options>button{font-size:.57rem;border:1px solid var(--ink);padding:8px 6px;background:var(--cream);border-radius:3px;line-height:1.2}.workspace-access-options>button[aria-pressed=true]{background:var(--blue);color:var(--cream)}.workspace-sharing>strong{font-size:.75rem;display:block;line-height:1.2;margin-top:17px}.workspace-sharing>[data-workspace-access-copy]{font-size:.61rem;line-height:1.5;margin-top:9px}.workspace-sharing>[data-workspace-recipient]{font-size:.62rem;line-height:1.5;padding:11px;background:#e4eaff;border:1px solid #becbff;border-radius:3px;margin-top:14px;overflow-wrap:anywhere}.workspace-sharing>.lab-button{font-size:.65rem;padding:10px 12px;min-height:37px;margin-top:17px;width:100%}.workspace-status{font-size:.64rem;line-height:1.5;color:var(--blue);font-weight:700;margin-top:16px}.workspace-disclosure{font-size:.75rem;line-height:1.45;margin-top:25px;max-width:1020px}
@media(max-width:1100px) and (min-width:761px){.workspace-body{grid-template-columns:125px minmax(0,1fr) 267px}.workspace-sidebar{padding:24px 12px}.workspace-sidebar>button{font-size:.66rem;padding:9px 7px}.workspace-main{padding:24px 19px}.workspace-main-title{flex-wrap:wrap;gap:11px;align-items:start}.workspace-main-title .lab-text-button{text-align:left;max-width:none;font-size:.53rem}.workspace-cards{gap:20px 15px}.workspace-deck-art{height:121px}.workspace-deck-art>em{font-size:1.8rem}.workspace-deck>strong{font-size:.74rem}.workspace-deck>small{font-size:.54rem}.workspace-inspector{padding:24px 18px}.workspace-inspector>h3{font-size:1.45rem}.workspace-inspector select{font-size:.64rem}.workspace-demo-badge{font-size:.5rem}.workspace-topbar{padding:19px 23px}.workspace-topbar>.brand{font-size:1.55rem}.workspace-heading>p{max-width:300px;font-size:.97rem}}
@media(max-width:760px){.demo-workspace{padding:68px 0}.workspace-heading{display:block}.workspace-heading h2{font-size:3rem;line-height:.97;margin-top:20px}.workspace-heading>p{font-size:1rem;max-width:none;margin-top:24px}.workspace-app{margin-top:34px;border-radius:7px;box-shadow:5px 6px 0 var(--ink)}.workspace-topbar{padding:17px;gap:16px;flex-wrap:wrap}.workspace-topbar>.brand{font-size:1.45rem}.workspace-demo-badge{order:3;font-size:.44rem;padding:6px 8px;line-height:1.35;width:100%;text-align:center;letter-spacing:.045em}.workspace-topbar>.lab-button{margin-left:auto;min-height:34px;font-size:.6rem;padding:9px 11px}.workspace-body{display:flex;flex-direction:column;min-height:0}.workspace-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;padding:16px;border:0;border-bottom:1.5px solid var(--ink)}.workspace-sidebar>span{width:100%;font-size:.51rem;margin:0 0 5px}.workspace-sidebar>button{font-size:.61rem;padding:8px 9px;border-color:#17171466;background:var(--cream)}.workspace-sidebar>small{font-size:.53rem;margin:9px 0 0;width:100%}.workspace-sidebar>p{font-size:.55rem;padding:10px 0 0;line-height:1.4;margin:3px 0 0;width:100%}.workspace-main{padding:24px 18px}.workspace-main-title{display:block;margin-bottom:22px}.workspace-main-title h3{font-size:1.7rem}.workspace-main-title .lab-text-button{font-size:.59rem;text-align:left;max-width:none;margin-top:13px}.workspace-cards{gap:21px 15px}.workspace-deck-art{height:124px;box-shadow:2px 3px 0 var(--ink)}.workspace-deck-art>span{font-size:.33rem;left:8px;bottom:8px;padding:5px 6px;max-width:100px;line-height:1.2}.workspace-deck-art>em{font-size:1.73rem;top:17px;left:12px;line-height:.88}.workspace-deck-art .ws-bars{gap:8px;height:73px;left:11px;right:11px;top:17px}.ws-bars>b{width:17px}.workspace-deck>strong{font-size:.79rem;line-height:1.25;margin-top:15px}.workspace-deck>small{font-size:.55rem;line-height:1.4;margin-top:7px}.workspace-library-note{font-size:.67rem;margin-top:25px;padding-top:20px}.workspace-inspector{border:0;border-top:1.5px solid var(--ink);padding:25px 22px}.workspace-inspector>span{font-size:.56rem}.workspace-inspector>h3{font-size:1.85rem;margin-top:16px;max-width:270px}.workspace-inspector>label{font-size:.7rem;margin-top:23px}.workspace-inspector select{font-size:.81rem;padding:12px 10px;margin-top:10px;min-height:43px}.workspace-version-line{margin-top:15px}.workspace-version-line>b{font-size:.69rem}.workspace-version-line>span{font-size:.67rem}.workspace-inspector>[data-workspace-scope]{font-size:.69rem;line-height:1.4;margin-top:15px}.variant-actions{flex-direction:row;align-items:start;gap:15px;flex-wrap:wrap;margin-top:18px}.variant-actions>.lab-text-button{font-size:.62rem;line-height:1.3}.workspace-sharing{margin-top:25px;padding-top:21px}.workspace-sharing>span{font-size:.55rem}.workspace-sharing>[data-workspace-link]{font-size:.66rem;margin-top:10px;line-height:1.45}.workspace-access-options{gap:9px;margin-top:20px}.workspace-access-options>button{font-size:.71rem;padding:12px 7px;min-height:41px}.workspace-sharing>strong{font-size:.88rem;margin-top:19px}.workspace-sharing>[data-workspace-access-copy]{font-size:.74rem;line-height:1.5;margin-top:10px}.workspace-sharing>[data-workspace-recipient]{font-size:.71rem;margin-top:16px;padding:13px}.workspace-sharing>.lab-button{font-size:.77rem;min-height:43px;padding:12px;margin-top:20px}.workspace-status{font-size:.72rem;margin-top:17px}.workspace-disclosure{font-size:.7rem;line-height:1.5;margin-top:23px}}
@media(max-width:360px){.workspace-heading h2{font-size:2.65rem}.workspace-topbar{padding:15px}.workspace-topbar>.brand{font-size:1.25rem}.workspace-topbar>.lab-button{font-size:.54rem;padding:9px}.workspace-demo-badge{font-size:.39rem}.workspace-sidebar{padding:15px}.workspace-sidebar>button{font-size:.55rem;padding:8px}.workspace-main{padding:22px 15px}.workspace-cards{gap:20px 12px}.workspace-deck-art{height:110px}.workspace-deck-art>em{font-size:1.53rem}.workspace-deck-art>span{font-size:.29rem}.workspace-deck>strong{font-size:.7rem}.workspace-deck>small{font-size:.51rem}.workspace-inspector{padding:23px 19px}.workspace-inspector>h3{font-size:1.6rem}.workspace-access-options>button{font-size:.64rem}.variant-actions>.lab-text-button{font-size:.57rem}.workspace-sharing>[data-workspace-access-copy]{font-size:.7rem}}