.popup-showcase{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);align-items:center;gap:clamp(35px,6vw,90px);padding:65px 45px;margin:16px 0 30px;border:1px solid #e0d6ee;border-radius:14px;background:radial-gradient(ellipse at 95% 40%,#e7def6,transparent 65%),#f8f6fc;scroll-margin-top:35px;min-width:0}.popup-story h2{font-size:clamp(35px,3.6vw,49px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:18px 0 22px;color:#102942}.popup-story h2 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.15em;color:#6542c0;font-weight:400}.popup-story>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#65718a;max-width:410px}.popup-story .eyebrow{font:8px ui-monospace,monospace;letter-spacing:1.3px}.popup-scenes{display:grid;gap:8px;margin-top:28px;max-width:420px}.popup-scenes button{display:flex;align-items:center;text-align:left;gap:15px;padding:13px 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:#65718a;font:12px 'DM Sans',system-ui,sans-serif;cursor:pointer}.popup-scenes button>span{font:9px ui-monospace,monospace;color:#9b83b8}.popup-scenes button strong{display:block;font-weight:600;color:#24364d}.popup-scenes button small{display:block;font-size:10px;margin-top:4px;color:#7d8196}.popup-scenes button>b{margin-left:auto;font-weight:400;color:#6542c0;opacity:0}.popup-scenes button[aria-pressed=true]{border-color:#cbb9e6;background:#fff;box-shadow:0 5px 20px #6542c009}.popup-scenes button[aria-pressed=true]>b{opacity:1}.popup-scenes button:hover{background:#fff9}.popup-story .popup-fine,.popup-fine{font:9px/1.7 'DM Sans',system-ui,sans-serif;color:#83728f;margin:22px 0 0}.popup-demo-column{min-width:0;width:100%;max-width:420px;justify-self:center}.popup-preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#80699b}.popup-preview-label button{border:1px solid #d7c9e9;border-radius:5px;background:#fff9;padding:7px 10px;font:9px 'DM Sans',system-ui,sans-serif;color:#6542c0;cursor:pointer}.popup-shell{position:relative;display:flex;flex-direction:column;height:600px;width:100%;background:#f6f7fb;border:1px solid #b6bed0;border-radius:9px;overflow:hidden;box-shadow:0 30px 75px #17283b24;font:12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243248}.popup-shell *{box-sizing:border-box}.popup-shell a{color:inherit;text-decoration:none}.pp-header{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#17283d;color:#fff;flex-shrink:0}.pp-header img{width:38px;height:38px}.pp-header>div{flex:1}.pp-header strong{font-size:16px;letter-spacing:-.4px}.pp-header>div>span{display:block;font-size:10px;color:#bfcbda;margin-top:3px}.pp-header a{display:grid;place-items:center;width:32px;height:34px;border:1px solid #ffffff33;border-radius:8px;background:#ffffff0a;font-size:20px}.pp-header a:last-child{color:#ffe1a0;border-color:#b49b6755}.pp-body{position:relative;flex:1;min-height:0;overflow:auto;padding:14px 18px;scrollbar-width:thin;scrollbar-color:#bcb4cd transparent}.pp-workspace{display:flex;gap:10px;align-items:center;padding:12px 10px;border:1px solid #cbb9ee;border-radius:10px;background:#fff;box-shadow:0 4px 12px #6542c00b}.pp-workspace strong{font-size:12px}.pp-workspace small{display:block;font-size:9px;color:#60708a;margin-top:2px}.pp-workspace b{margin-left:auto;font-size:20px;font-weight:400;color:#6542c0}.pp-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#eee8fa;color:#6c45be;font-size:20px}.pp-kicker{font-size:9px;letter-spacing:1.6px;color:#64718c;font-weight:700;margin:16px 0 8px}.pp-body details{margin:0 0 7px}.pp-body summary,.pp-tool{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #d5deec;border-radius:9px;background:#fff;list-style:none;cursor:pointer;width:100%;text-align:left;color:#243248;font:inherit}.pp-body summary::-webkit-details-marker{display:none}.pp-body summary strong,.pp-tool strong{font-size:11px;font-weight:750;display:block}.pp-body summary small,.pp-tool small{display:block;color:#64718c;font-size:9px;margin-top:3px}.pp-body summary>b,.pp-tool>b{font-size:16px;font-weight:400;color:#7c6a9b;margin-left:auto}.pp-body details[open]>summary{border-color:#b292ff;background:#f0ebfa;color:#5a36a3}.pp-body details[open]>summary>b{transform:rotate(180deg)}.pp-body details.pp-gold summary .pp-icon{color:#b57b06;background:#fff4d8}.pp-body details.pp-gold[open]>summary{background:#fff8e8;border-color:#e5c67e;color:#88600a}.pp-body details.pp-teal summary .pp-icon{color:#278579;background:#e3f3ef}.pp-body details.pp-teal[open]>summary{background:#f0faf7;border-color:#badbd2;color:#187264}.pp-panel{padding:13px 12px;margin-top:6px;border:1px solid #cbb9ee;border-radius:9px;background:#fcfaff;color:#52647e}.pp-panel p{font-size:10px;line-height:1.6;margin:0 0 12px}.pp-panel label{display:grid;gap:5px;margin:12px 0 0;font-size:10px;font-weight:650;color:#52647e}.pp-panel select,.pp-panel input{width:100%;min-width:0;min-height:34px;padding:8px 10px;border:1px solid #bdcce0;border-radius:6px;background:#fff;color:#243248;font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.pp-panel input:focus,.pp-panel select:focus{outline:2px solid #b49ae8;outline-offset:1px}.pp-panel button{cursor:pointer}.pp-types{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 13px}.pp-types button{padding:8px 3px;border:1px solid #d2dcef;border-radius:6px;background:#fff;color:#405578;font-size:9px}.pp-types button[aria-pressed=true]{border-color:#8b57f4;background:#eee6fc;color:#5c35b2}.pp-panel form>small{font-size:9px;display:block;margin-top:4px}.pp-primary{display:block;width:100%;padding:9px;margin-top:9px;border:0;border-radius:6px;background:#6945ba;color:white;font-size:10px;font-weight:650}.pp-panel .pp-hint{font-size:9px;line-height:1.7;color:#6b748b;margin:12px 0 0}.pp-result{padding:12px;margin-top:12px;background:#eee8f8;border-radius:5px;font-size:10px}.pp-result p{margin:5px 0 0;overflow-wrap:anywhere}.pp-results{display:grid;gap:7px;margin-top:12px}.pp-result-card{display:grid;gap:4px;width:100%;text-align:left;padding:10px;border:1px solid #d9deeb;border-radius:6px;background:#fff;color:#243248;font:inherit}.pp-result-card strong{font-size:10px}.pp-result-card small{font-size:8px;color:#6b748b}.pp-result-card code{font-size:8px;color:#52647e;overflow-wrap:anywhere}.pp-result-card.selected{border-color:#9471d9;background:#f4eefc}.pp-tool{margin-bottom:7px}.pp-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9deeb;background:#fff;padding:9px;border-radius:6px}.pp-list-row strong{font-size:10px;display:block}.pp-list-row small{font-size:9px;display:block;margin-top:3px}.pp-list-row button,.pp-button-row button{padding:8px;border:1px solid #cbb9ee;border-radius:6px;background:#f4effc;color:#6542c0;font-size:9px}.pp-button-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.pp-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-top:1px solid #e0e3ef;flex-shrink:0;font-size:10px;font-weight:650;color:#6542c0}.pp-footer a{color:#6542c0}.pp-footer a:nth-child(2){font-size:8px;text-decoration:underline}.pp-footer button{padding:0;border:0;background:none;font:inherit;color:#6542c0;cursor:pointer}.pp-status{min-height:30px}#pp-status{min-height:32px;overflow-wrap:anywhere}.popup-shell button:focus-visible,.popup-shell summary:focus-visible,.popup-shell a:focus-visible{outline:2px solid #9679e6;outline-offset:2px}
@media(max-width:1050px){.popup-showcase{gap:35px;padding:40px 25px;grid-template-columns:minmax(0,1fr) minmax(300px,390px)}.popup-scenes button{gap:10px;padding:12px 8px}.popup-scenes button small{font-size:9px}}
@media(max-width:720px){.popup-showcase{grid-template-columns:1fr;padding:28px 16px;gap:25px;margin:10px 0 20px}.popup-story h2{font-size:36px}.popup-story>p:not(.eyebrow){font-size:12px}.popup-scenes{grid-template-columns:1fr 1fr;gap:6px}.popup-scenes button{padding:10px 7px;gap:7px;align-items:flex-start}.popup-scenes button strong{font-size:9px}.popup-scenes button small,.popup-scenes button b{display:none}.popup-scenes button>span{font-size:8px;padding-top:1px}.popup-story .popup-fine{font-size:8px;margin-top:16px}.pp-header{padding:13px 12px;gap:7px}.pp-header img{width:31px;height:31px}.pp-header strong{font-size:15px}.pp-header>div>span{font-size:8px}.pp-header a{width:26px;height:30px;font-size:17px}.pp-body{padding:12px 10px}.pp-body summary,.pp-tool{gap:8px;padding:8px}.pp-icon{width:29px;height:31px;font-size:17px}.pp-body summary strong,.pp-tool strong{font-size:10px}.pp-body summary small,.pp-tool small{font-size:8px}.pp-workspace{padding:10px 8px;gap:8px}.pp-workspace strong{font-size:11px}.pp-workspace small{font-size:8px}.pp-footer{padding:12px;font-size:9px}.pp-panel{padding:12px 9px}.popup-shell{height:600px}.pp-types button{font-size:8px}}

.pp-header a svg{width:18px;height:18px}