#oal-root .hero-art.p11-home-workflow{height:auto;padding:38px;min-width:0}
#oal-root .p11-home-workflow h2{font-size:32px;line-height:1.25;margin:10px 0 24px}
#oal-root .p11-home-workflow ol{margin:0;gap:20px}
#oal-root .template-card>a{display:block;height:auto!important;min-height:0;overflow:hidden;line-height:0}
#oal-root .template-card .template-thumb{height:auto;aspect-ratio:1.7;display:block;object-fit:cover;border:0}
#oal-root .viewer-stage.viewer-phone{padding:0;overflow:hidden}
#oal-root .viewer-phone .viewer-frame-space{box-shadow:none}
@media(max-width:600px){
 #oal-root .hero-art.p11-home-workflow{padding:24px}
 #oal-root .p11-home-workflow h2{font-size:26px;letter-spacing:-.6px}
 #oal-root .hero-grid{padding-top:28px;gap:28px}
 #oal-root .hero h1{font-size:34px;line-height:1.16;letter-spacing:-1px}
 #oal-root .hero .intro{font-size:16px;line-height:1.65}
 #oal-root .benefits{display:grid;grid-template-columns:1fr;gap:16px}
 #oal-root .workspace #mau{padding-top:16px}
 #oal-root #mau h2{font-size:27px;letter-spacing:-.8px}
 #oal-root .template-card .card-caption{align-items:flex-start;gap:16px;padding-top:14px}
 #oal-root .template-caption-actions{width:100%;justify-content:space-between}
 #oal-root .template-caption-actions a,#oal-root .template-caption-actions button{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 #oal-root .viewer-toolbar{height:auto;min-height:96px;padding:8px 12px;display:grid;grid-template-columns:1fr;gap:6px}
 #oal-root .viewer-identity{display:flex;justify-content:space-between}
 #oal-root .viewer-identity h1{display:none}
 #oal-root .viewer-back{font-size:12px;flex-basis:auto}
 #oal-root .viewer-actions{width:100%;display:flex;gap:6px;justify-content:space-between;flex-wrap:wrap}
 #oal-root .viewer-devices button{min-height:40px;padding:8px;font-size:12px}
 #oal-root .viewer-actions .primary{min-height:40px;font-size:12px;padding:8px 12px}
 #oal-root .viewer-fit{display:none}
 #oal-root .viewer-hide{position:absolute;top:5px;right:12px;min-height:32px;font-size:12px}
}
/* Project action menu */
#oal-root .ux-project-card{overflow:visible;position:relative}
#oal-root .ux-project-preview{border-radius:12px 12px 0 0;overflow:hidden}
#oal-root .ux-project-body{position:relative;padding-bottom:24px}
#oal-root .ux-project-actions{padding-right:42px}
#oal-root .ux-project-tools{position:absolute;right:12px;bottom:16px;margin:0;z-index:2}
#oal-root .ux-project-tools[open]{z-index:5}
#oal-root .ux-project-tools summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border-radius:6px;color:#536779;cursor:pointer}
#oal-root .ux-project-tools summary::-webkit-details-marker{display:none}
#oal-root .ux-project-tools summary:hover,#oal-root .ux-project-tools[open] summary{background:#edf3fb;color:#0055ff}
#oal-root .ux-project-tools summary:focus-visible{outline:3px solid #8bb4ff;outline-offset:2px}
#oal-root .p12-menu{position:absolute;right:0;bottom:46px;width:205px;padding:6px;background:#fff;border:1px solid #dce4ee;border-radius:9px;box-shadow:0 8px 24px #14263d20}
#oal-root .ux-project-tools .p12-menu button,#oal-root .ux-project-tools .p12-menu a{display:block;width:100%;margin:0;padding:11px 12px;text-align:left;font-size:14px;border-radius:5px;line-height:1.4}
#oal-root .p12-menu button:hover,#oal-root .p12-menu a:hover{background:#f1f5fa}
#oal-root .ux-project-tools .p12-menu .p12-delete{color:#b42318;border-top:1px solid #edf0f4;border-radius:0;margin-top:4px}
#oal-root .p12-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}
#oal-root .primary.p12-danger{background:#b42318;border-color:#b42318}
@media(max-width:600px){#oal-root .ux-project-tools summary{width:44px;height:44px}#oal-root .p12-menu{bottom:50px}}