:root{color-scheme:dark}
.ph-studio-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin:24px 0;padding:28px;border:1px solid #376b50;border-radius:18px;background:radial-gradient(ellipse at 95% 0,#184d35,transparent 70%),#10211d;color:#f4f7ed;overflow:hidden}.ph-studio-showcase h3{font-size:clamp(23px,3vw,32px);line-height:1.15;margin:12px 0}.ph-studio-showcase p{color:#b9cbbf;max-width:520px}.ph-studio-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:20px}.ph-studio-actions a{color:#ffc44d;font-weight:700;text-decoration:none}.ph-studio-actions .ph-studio-open{background:#21df8d;color:#062318;padding:12px 18px;border-radius:10px;box-shadow:0 0 16px #21df8d20}.ph-studio-preview{border:1px solid #acc7b3;border-radius:12px;box-shadow:0 16px 32px #0003;overflow:hidden;background:#f4f7f3;color:#17372a;transform:rotate(-2deg);max-width:420px;width:100%;justify-self:center}.ph-preview-bar{display:flex;gap:5px;padding:12px;background:#e6eee8;border-bottom:1px solid #ccddd3}.ph-preview-bar i{width:7px;height:7px;border-radius:50%;background:#739382}.ph-preview-bar span{margin-left:auto;font:700 8px system-ui;letter-spacing:2px}.ph-preview-content{padding:24px}.ph-preview-content small{font:600 8px system-ui;letter-spacing:1px;color:#52725e}.ph-preview-content b{display:block;font:650 clamp(25px,3vw,36px)/1.1 system-ui;margin:15px 0}.ph-preview-button{display:inline-block;font:650 10px system-ui;background:#13764f;color:white;padding:8px 12px;border-radius:6px}.ph-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.ph-preview-grid i{height:42px;border-radius:6px;background:linear-gradient(135deg,#ccdfd2,#edf4ef);border:1px solid #ccddd3}
@media(max-width:800px){.ph-studio-showcase{grid-template-columns:1fr;padding:20px;gap:24px}.ph-studio-preview{max-width:360px}.ph-studio-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.ph-studio-preview{transform:none}}
.ph-site-header .ph-main-nav{flex-wrap:wrap;row-gap:0}.ph-site-header .ph-main-nav>a,.ph-site-header .ph-main-nav>details{flex-shrink:0}