.shared-badge{color:#b23c0b;font:500 10px/1.2 var(--stg-font-mono);letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:#fff0e8;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.set-share-trigger{color:#15171b;min-height:42px;font:600 14px var(--stg-font-sans);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dadde2;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.set-share-trigger.is-shared{color:#b23c0b;border-color:#f6c9b0}.set-share-trigger.is-shared>svg,.set-share-trigger.is-shared>.sharing-icon{color:#f25c1f}.set-share-trigger.is-open{background:#f5f6f7;border-color:#15171b}.set-pro-badge{color:#fff;font:500 10px var(--stg-font-mono);letter-spacing:1px;text-transform:uppercase;vertical-align:middle;background:#15171b;border-radius:4px;flex-shrink:0;padding:3px 7px;display:inline-block}.set-share-positioner{z-index:95}.set-share-popup{box-sizing:border-box;width:min(400px,100vw - 24px);max-height:min(780px, calc(100dvh - 24px), var(--available-height));color:#15171b;font-family:var(--stg-font-sans);background:#fff;border:1px solid #e4e6ea;border-radius:14px;padding:18px;line-height:1.3;overflow-y:auto;box-shadow:0 16px 40px #15171b26,0 2px 6px #15171b0d}.set-share-popup *,.set-share-trigger *{box-sizing:border-box}.set-share-popup h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:flex}.set-share-popup>p{color:#727985;margin:4px 0 16px;font-size:13px;line-height:1.5}.set-share-public{border:1px solid #e4e6ea;border-radius:12px;align-items:center;gap:12px;margin:16px 0;padding:12px;display:flex}.set-share-globe{color:#b23c0b;background:#fff0e8;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.set-share-public strong,.set-share-notes strong{font-size:14px;font-weight:600;display:block}.set-share-public small,.set-share-notes small{color:#727985;font-size:12px;line-height:1.4;display:block}.set-share-switch{cursor:pointer;background:#dadde2;border:0;border-radius:20px;flex-shrink:0;width:40px;height:24px;margin-left:auto;position:relative}.set-share-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.set-share-switch[aria-checked=true]{background:#f25c1f}.set-share-switch[aria-checked=true] span{left:19px}.set-share-switch.small{width:34px;height:20px}.set-share-switch.small span{width:14px;height:14px}.set-share-switch.small[aria-checked=true] span{left:17px}.set-share-fields{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.set-share-fields.is-off{opacity:.45}.set-share-link{gap:8px;display:flex}.set-share-link input{min-width:0;font:13px var(--stg-font-mono);color:#15171b;background:#f5f6f7;border:1px solid #dadde2;border-radius:9px;flex:1;height:40px;padding:10px 12px}.set-share-link button{color:#fff;white-space:nowrap;background:#15171b;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.set-share-notes{background:#f5f6f7;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.set-share-info{color:#4b515b;align-items:flex-start;gap:10px;margin:0;font-size:13px;line-height:1.55;display:flex}.set-share-info>svg,.set-share-info>.sharing-icon{color:#727985;flex-shrink:0;margin-top:2px}.set-share-info strong{color:#15171b}.set-share-collections{flex-direction:column;gap:10px;font-size:14px;display:flex}.set-share-collections>strong{font-size:13px;font-weight:600}.set-share-collections label{cursor:pointer;align-items:center;gap:10px;min-height:26px;display:flex}.set-share-collections input{appearance:none;accent-color:#15171b;cursor:pointer;background:#fff;border:1px solid #dadde2;border-radius:5px;flex-shrink:0;width:18px;height:18px}.set-share-collections small{font:10px var(--stg-font-mono);color:#727985;margin-left:auto}.set-share-collections p{color:#727985;margin:0;font-size:12px;line-height:1.3}.set-share-footer{color:#727985;border-top:1px solid #e4e6ea;align-items:center;gap:12px;padding-top:12px;font-size:13px;line-height:1.45;display:flex}.set-share-footer a,.set-preview-disabled{white-space:nowrap;color:#15171b;align-items:center;gap:2px;margin-left:auto;font-weight:600;text-decoration:underline;display:inline-flex}.set-share-error{color:#c8322b;margin-top:12px;font-size:13px}.set-share-error button{margin-top:8px;text-decoration:underline}.set-share-popup button:not(:disabled),.set-share-popup a{cursor:pointer}.set-share-popup :is(button,input,a):focus-visible,.set-share-trigger:focus-visible{outline-offset:3px;outline:2px solid #b23c0b}.set-share-popup button:disabled{cursor:default}.set-share-upsell{width:min(380px,100vw - 24px);padding:0}.set-upsell-top{color:#fff;background:#15171b;padding:20px}.set-upsell-top>span{color:#f25c1f;font:500 10px var(--stg-font-mono);letter-spacing:2px;text-transform:uppercase}.set-upsell-top h2{margin-top:8px;font-size:18px}.set-upsell-top p{color:#afb5bd;margin-top:8px;font-size:13px;line-height:1.6}.set-upsell-bottom{padding:16px 20px 20px}.set-upgrade{color:#fff;background:#f25c1f;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.set-upsell-bottom p{color:#727985;margin-top:14px;font-size:13px;line-height:1.5}.set-upsell-bottom strong{color:#15171b}.nav-share-indicator{flex-shrink:0;color:#f25c1f!important;width:13px!important;height:13px!important}@media (width<=767px){.set-share-trigger{padding:9px 10px;font-size:12px}}.library-collection-shared{color:#b23c0b;font:13px var(--stg-font-sans);letter-spacing:0;text-transform:none;align-items:center;gap:5px;margin-left:12px;display:inline-flex}.mobile-library-sharing{justify-content:flex-end;padding:8px 0;display:flex}.set-share-fields.is-off :is(button,input):disabled{opacity:1}.set-share-fields.is-off input:disabled{-webkit-text-fill-color:#15171b}@media (prefers-reduced-motion:reduce){.set-share-switch span{transition:none}}.set-share-collections input:checked{background:#15171b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/18px 18px;border-color:#15171b}[data-slot=dialog-overlay]:has(~.play-import-dialog){background:#15171b7a}.play-import-dialog[data-slot=dialog-content]{border:1px solid var(--stg-rule);width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--stg-ink);font-family:var(--stg-font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#15171b;--primary:#15171b;--primary-foreground:#fff;--accent:#fff2e9;--accent-foreground:#15171b;--input:#e4e6ea;--ring:#f25c1f;background:#fff;border-radius:20px;flex-direction:column;gap:0;padding:0;font-size:14px;line-height:1.5;display:flex;overflow:hidden;box-shadow:0 28px 60px #15171b30}.play-import-dialog>button{top:30px;right:28px}.play-import-header{padding:26px 28px 20px}.play-import-eyebrow{font:600 11px var(--stg-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stg-slate);margin-bottom:8px}.play-import-header [data-slot=dialog-title]{letter-spacing:-.035em;margin:0 24px 12px 0;font-size:26px;font-weight:750;line-height:1.2}.play-import-header [data-slot=dialog-description]{color:var(--stg-slate);font-size:15px;line-height:1.5}.play-import-steps{border-block:1px solid var(--stg-rule);background:#f8f9fa;flex-shrink:0;gap:24px;margin:0;padding:14px 28px;list-style:none;display:flex}.play-import-steps li{color:var(--stg-slate);align-items:center;gap:8px;font-size:12px;display:flex}.play-import-steps span{background:#e9ebef;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:650;display:grid}.play-import-steps .current{color:var(--stg-ink);font-weight:650}.play-import-steps .current span{background:var(--stg-signal);color:#fff}.play-import-steps .complete span{color:#237045;background:#e5f1e9}.play-import-body{flex-direction:column;gap:20px;min-height:0;padding:24px 28px;display:flex;overflow-y:auto}.play-import-body h3{margin:0 0 10px;font-size:14px;font-weight:650}.play-import-body p{color:var(--stg-slate);margin:4px 0 0}.play-import-file{background:#fafbfc;border:1px dashed #cfd3da;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.play-import-file.selected{border-style:solid}.play-import-file>svg{color:var(--stg-signal);flex-shrink:0}.play-import-file>div{flex:1;min-width:0}.play-import-file strong{overflow-wrap:anywhere;font-weight:650;display:block}.play-import-file p{font-size:12px}.play-import-file button{flex-shrink:0}.play-import-loading{background:#fff5ed;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.play-import-loading>svg{color:var(--stg-signal)}.play-import-progress{background:#f6ded0;border-radius:4px;width:100%;height:4px;overflow:hidden}.play-import-progress span{background:var(--stg-signal);width:35%;height:100%;animation:1.4s ease-in-out infinite alternate play-import-progress;display:block}@keyframes play-import-progress{to{transform:translate(185%)}}.play-import-status{align-items:flex-start;gap:12px;display:flex}.play-import-status svg{color:#237045;flex-shrink:0;margin-top:2px}.play-import-status.invalid{color:#a63824}.play-import-counts{border:1px solid var(--stg-rule);border-radius:12px;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.play-import-counts>div{flex-direction:column-reverse;padding:16px 20px;display:flex}.play-import-counts>div+div{border-left:1px solid var(--stg-rule)}.play-import-counts dt{color:var(--stg-slate);font-size:12px}.play-import-counts dd{margin:0;font-size:26px;font-weight:700;line-height:1.3}.play-import-summary dl{grid-template-columns:repeat(2,1fr);gap:8px 24px;margin:0 0 12px;display:grid}.play-import-summary dl>div{justify-content:space-between;gap:12px;display:flex}.play-import-summary dd{margin:0;font-weight:650}.play-import-summary p{font-size:13px}.play-import-alert{background:#fff6ef;border:1px solid #f1d2be;border-radius:12px;padding:16px}.play-import-alert.error{color:#a63824;background:#fff3f1;border-color:#efc2ba}.play-import-alert>div{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.play-import-alert a{color:var(--stg-signal-text);text-underline-offset:3px;font-weight:600;text-decoration:underline}.play-import-alert ul{margin:0;padding-left:18px;list-style:outside}.play-import-alert li+li{margin-top:6px}.play-import-details{border-top:1px solid var(--stg-rule);padding-top:14px}.play-import-details summary{cursor:pointer;font-weight:600}.play-import-details form{gap:10px;margin-top:16px;display:grid}.play-import-details select{background:#fff;width:100%;min-width:0}.play-import-details form button{justify-self:start}.play-import-details ul{margin:12px 0;padding:0;list-style:none}.play-import-details li{border-bottom:1px solid var(--stg-rule);overflow-wrap:anywhere;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.play-import-details li>span{min-width:0}.play-import-details li>strong{color:var(--stg-slate);flex-shrink:0;font-size:12px}.play-import-details small{color:var(--stg-slate);display:block}.play-import-footer{border-top:1px solid var(--stg-rule);background:#fafbfc;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex}.play-import-footer>div{gap:10px;display:flex}.play-import-note{font-size:13px}@media (width<=520px){.play-import-header{padding:22px 20px 18px}.play-import-dialog>button{top:25px;right:20px}.play-import-steps{gap:14px;padding:12px 20px}.play-import-steps li{gap:5px;font-size:11px}.play-import-body{gap:18px;padding:20px}.play-import-file{flex-wrap:wrap;gap:12px;padding:16px}.play-import-file>div{flex-basis:calc(100% - 50px)}.play-import-file>button{width:100%}.play-import-counts>div{padding:14px 12px}.play-import-summary dl{grid-template-columns:1fr}.play-import-footer{flex-wrap:wrap;padding:16px 20px}.play-import-footer>div{width:100%}.play-import-footer>div>button{flex:1}}@media (prefers-reduced-motion:reduce){.play-import-progress span{width:100%;animation:none}.play-import-loading .animate-spin{animation:none}}.play-import-details select{border:1px solid var(--stg-rule);min-height:40px;color:inherit;font:inherit;border-radius:8px;padding:8px 12px}.play-import-origin{border:0;gap:12px;margin:0;padding:0;display:grid}.play-import-origin label{align-items:center;gap:10px;display:flex}.play-import-origin input{accent-color:var(--stg-signal)}.play-import-footer>button:only-child{margin-left:auto}
