.pkg-starter{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;padding:28px;margin:24px 0;background:#fff;border:1px solid #e2e6ea;border-radius:18px}.pkg-starter h2{font-size:28px;margin:9px 0}.pkg-starter p{line-height:1.7;color:#697785}.pkg-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pkg-examples article{border-left:1px solid #dce2e7;padding-left:22px}.pkg-examples h3{margin:12px 0 4px}.pkg-examples p{font-size:14px;margin:0 0 12px}.pkg-examples a{display:block;font-size:14px;margin-top:10px;text-decoration:underline}.pkg-example-mark{display:grid;place-items:center;width:48px;height:48px;font-size:20px}.pkg-example-mark.cinema{background:#17202b;color:#e8d5b5;border-radius:50%}.pkg-example-mark.kinetic{background:#d7ff63;color:#19352a;transform:rotate(-8deg);border-radius:9px}.pkg-frame-wrap{position:relative;width:100%;background:#fff;overflow:hidden}.pkg-frame{display:block;border:0;width:100%;height:100%;min-height:640px;background:#fff}.pkg-preview{height:700px}.pkg-guest{height:100svh;min-height:560px}.pkg-guest .pkg-frame{min-height:0}.pkg-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:#f5f6f8;color:#324050;font:14px/1.6 sans-serif}.pkg-notice{position:absolute;top:0;left:0;right:0;background:#172534e8;color:white;font:11px/1.5 sans-serif;text-align:center;padding:5px;margin:0;pointer-events:none}.pkg-thumb{height:220px;position:relative;overflow:hidden;background:#f0f3f5;pointer-events:none}.pkg-thumb .pkg-frame-wrap{position:absolute;left:50%;width:390px;height:700px;transform:translateX(-50%) scale(.56);transform-origin:top center}.pkg-thumb .pkg-frame{min-height:700px}.tp-thumb+.studio-card-body,.pkg-thumb+.studio-card-body{position:relative}.pkg-field{margin:16px 0}.pkg-field input[type=file]{font-size:13px;margin-top:9px;max-width:100%}.pkg-field[hidden]{display:none!important}.pkg-field input[type=color]{height:44px}.pkg-controls .ss-group>summary{font-weight:600}.pkg-guide{line-height:1.85}.pkg-guide ol{padding-left:24px}.pkg-guide code{font-size:.9em;background:#eef1f5;padding:2px 5px;border-radius:4px}.pkg-guide details{margin-top:28px}.pkg-frame:focus-visible{outline:3px solid #6b8eac;outline-offset:-3px}.ss-inv-preview .pkg-preview,#ed-mini .pkg-preview{height:650px}.template-guest-mode #content:has(>.pkg-guest){padding:0;max-width:none}.template-guest-mode .shell:has(.pkg-guest){margin:0}.pkg-controls .studio-check{align-items:center;min-height:44px}
@media(max-width:800px){.pkg-starter{grid-template-columns:1fr;padding:22px;gap:18px}.pkg-examples{gap:12px}.pkg-examples article{padding-left:14px}.pkg-preview{height:680px}.pkg-guest{min-height:480px}.pkg-starter h2{font-size:25px}}
@media(max-width:380px){.pkg-examples{grid-template-columns:1fr}.pkg-examples article{display:flex;gap:15px;align-items:flex-start}.pkg-example-mark{flex-shrink:0;margin-top:12px}}