html,body{margin:0;overflow-x:hidden}body{background:var(--p-color-bg, #f1f1f1)}*,*:before,*:after{box-sizing:border-box}s-app-nav{display:none}.meta-row{margin-block-end:12px}.grow{flex:1;min-width:0}.center-state{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.center-inline{display:flex;justify-content:center;padding:12px 0}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px 8px}.empty svg{max-width:200px;height:auto}.empty.small{padding:16px 8px}.tiles{display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}.tiles>*{min-width:0}.nophoto{aspect-ratio:1;border-radius:8px;background:#ebebeb;display:flex;align-items:center;justify-content:center;color:#8a8a8a}.grid2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}.grid2>div{display:flex;flex-direction:column;gap:16px;min-width:0}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}.presets>*{min-width:0}.preset-art{display:block;width:100%;aspect-ratio:3 / 2;border-radius:8px}.running{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.running .grow{min-width:200px;display:flex;flex-direction:column;gap:8px}.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}.rcard{background:#fff;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px #e3e3e3;display:flex;flex-direction:column;gap:8px;min-width:0}.rcard .media{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f3f3f3;position:relative}.rcard .media img,.rcard .media video{width:100%;height:100%;object-fit:cover;display:block}.rcard .media-note{height:100%;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#616161;font-size:13px;text-align:center;padding:8px}.vtag{position:absolute;right:8px;bottom:8px;background:#000000a6;color:#fff;font-size:11px;border-radius:6px;padding:1px 6px}.acts{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.acts .bar{width:100%}.inline{display:flex;gap:8px;align-items:center}.mini{border-radius:8px;padding:8px 10px;font-size:13px;width:100%}.mini.critical{background:#fff4f4;color:#8e1f0b}.mini.attention{background:#fff5ea;color:#5e4200}.current{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.plan{border-radius:12px;padding:16px;box-shadow:inset 0 0 0 1px #e3e3e3;display:flex;flex-direction:column;gap:8px;min-width:0}.plan .price{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.plan .price small{font-size:13px;font-weight:450;color:#616161}.plan ul{margin:0;padding:0 0 0 18px;flex:1}.plan li{margin-bottom:3px}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}.pack{border-radius:12px;padding:14px;box-shadow:inset 0 0 0 1px #e3e3e3;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}@media(max-width:900px){.plans{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.grid2{grid-template-columns:minmax(0,1fr)}.grid2 .side{order:-1}}#mock-toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:#303030;color:#fff;border-radius:8px;padding:10px 16px;z-index:60;box-shadow:0 4px 12px #0000004d;max-width:90vw;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#mock-toast.error{background:#8e1f0b}.mock-urlbar{background:#ececec;font:12px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:6px 12px;color:#616161;overflow-wrap:anywhere}.toggles{display:flex;flex-wrap:wrap;gap:8px}.mock-titlebar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-start;justify-content:space-between;margin-block-end:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mock-titlebar-head{min-width:0}.mock-titlebar h1{font-size:20px;font-weight:650;margin:0;line-height:28px;color:#303030;overflow-wrap:anywhere}.mock-back{background:none;border:0;padding:4px 6px 4px 0;color:#303030;cursor:pointer;font:inherit;font-size:13px;border-radius:8px}.mock-back:hover{text-decoration:underline}.mock-back:focus-visible{outline:2px solid #005bd3;outline-offset:1px}.mock-titlebar-actions{display:flex;flex-wrap:wrap;gap:8px}