.lib-head-actions{gap:8px;margin-top:12px;display:flex}.lib-head-actions .lib-adjust{flex:1;min-width:0;margin-top:0}.lib-head-actions .lib-sbx-btn{width:40px;color:var(--text-alternate);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.lib-head-actions .lib-sbx-btn:hover{color:var(--text-primary)}@media (width<=760px){.lib-detail-head>.lib-head-actions{grid-area:1/2/span 2;margin-top:0}.lib-head-actions .lib-sbx-btn{width:36px}}body nav,#lib-app #lib-list-panel,#lib-detail{transition:opacity .3s}body[data-sandbox] nav,#lib-app[data-sandbox] :is(#lib-list-panel,#lib-detail,.lib-sbx-btn,.lib-unfold-tab){opacity:0;pointer-events:none}body.sbx-on :is(nav,#lib-list-panel,#lib-detail,.lib-sbx-btn,.lib-unfold-tab){z-index:21}#lib-canvas.sbx-full{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:fixed;inset:0}.sbx-layer{pointer-events:none;position:absolute;inset:0}body.sbx-on .sbx-layer{z-index:22;position:fixed}.sbx-panel-pos{pointer-events:none;justify-content:flex-start;align-items:flex-start;display:flex}.sbx-panel-pos>.sbx-panel{pointer-events:auto}.sbx-panel{width:300px;max-height:410px;color:var(--text-primary);opacity:0;transform-origin:30% 60%;-webkit-user-select:none;user-select:none;background:linear-gradient(#1c2434f0,#0d1119f0);border:1px solid #93c5fd3d;border-radius:18px;flex-direction:column;font-size:13px;line-height:1.35;transition:opacity .2s,transform .26s cubic-bezier(.2,.9,.3,1.25),width .3s cubic-bezier(.3,.8,.3,1);display:flex;overflow:hidden;transform:scale(.9)translateY(10px);box-shadow:inset 0 1px #ffffff0f,0 24px 60px -24px #000000d9,0 0 46px -12px #3b82f666}.sbx-panel.in{opacity:1;transform:none}.sbx-panel-body{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.sbx-cols{flex:auto;min-height:0;display:flex}.sbx-col{flex:none;width:300px;animation:.3s cubic-bezier(.3,.8,.3,1) both sbx-col-in}.sbx-col+.sbx-col{border-left:1px solid #ffffff12}@keyframes sbx-col-in{0%{opacity:0;transform:translate(-14px)}}.sbx-tall .sbx-panel{max-height:520px}.sbx-tall .sbx-panel-clips{max-height:350px}.sbx-anims{flex-direction:column;min-height:0;display:flex}.sbx-tabs{background:#080a0e99;border:1px solid #ffffff0f;border-radius:11px;gap:3px;margin:0 12px 10px;padding:3px;display:flex}.sbx-tabs button{font:inherit;color:var(--text-alternate);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.sbx-tabs button:hover{color:var(--text-primary);background:#ffffff0d}.sbx-tabs button[aria-pressed=true]{color:#fff;background:#3b82f642;box-shadow:inset 0 0 0 1px #60a5fa61}.sbx-tabs button:focus-visible,.sbx-panel button:focus-visible,.sbx-panel a:focus-visible{outline:2px solid var(--lib-accent-2);outline-offset:1px}.sbx-panel-head{align-items:flex-start;gap:8px;padding:14px 12px 10px 16px;display:flex}.sbx-panel-head>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sbx-panel-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sbx-panel-meta{color:var(--text-alternate);font-size:11.5px}.sbx-panel-x{width:28px;height:28px;color:var(--text-alternate);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sbx-panel-x:hover{color:var(--text-primary);background:#ffffff1f}.sbx-panel-search{font:inherit;color:var(--text-primary);-webkit-user-select:text;user-select:text;background:#080a0eb3;border:1px solid #ffffff1a;border-radius:9px;margin:0 12px 8px;padding:7px 10px;font-size:12.5px}.sbx-panel-search:focus{border-color:var(--lib-accent);outline:none}.sbx-panel-search[hidden]{display:none}.sbx-panel-clips{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;border-top:1px solid #ffffff0f;flex:1;min-height:60px;max-height:250px;margin:0;padding:2px 8px 8px;list-style:none;overflow-y:auto}.sbx-panel-clips li[data-clip]{cursor:pointer;color:var(--link-color);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:7px 10px;transition:background .12s;overflow:hidden}.sbx-panel-clips li[data-clip]:hover{background:#ffffff12}.sbx-panel-clips li.on{color:#fff;box-shadow:inset 2px 0 0 var(--lib-accent-2);background:#3b82f63d}.sbx-panel-clips li.sbx-cat{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--text-alternate);background:#10151ffa;padding:10px 10px 4px;font-size:10.5px;font-weight:600;position:sticky;top:0}.sbx-panel-clips li[hidden]{display:none}.sbx-panel-clips li.sbx-none{color:var(--text-alternate);padding:10px}.sbx-panel-foot{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px 10px 16px;display:flex}.sbx-fine{color:var(--text-alternate);margin:10px 0 0;font-size:11.5px;line-height:1.45}.sbx-fine:empty{display:none}.sbx-row{min-height:34px;color:var(--text-alternate);align-items:center;gap:6px;font-size:12px;display:flex}.sbx-row>span:first-child{flex:1}.sbx-size button,.sbx-step{width:26px;height:26px;font:inherit;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;padding:0;font-size:15px;line-height:1}.sbx-step{justify-content:center;align-items:center;display:inline-flex}.sbx-size button:hover,.sbx-step:hover{background:#ffffff1a}.sbx-size output{text-align:center;min-width:38px;color:var(--text-primary);font-variant-numeric:tabular-nums}.sbx-panel-remove{font:inherit;color:var(--text-alternate);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:12px}.sbx-panel-remove:hover{color:#fca5a5;background:#f871711a}.sbx-props,.sbx-adjust,.sbx-object{padding:2px 12px 12px}.sbx-held{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.sbx-held[hidden]{display:none}.sbx-held li{background:#3b82f61a;border:1px solid #60a5fa38;border-radius:9px;align-items:center;gap:6px;padding:4px 4px 4px 10px;display:flex}.sbx-held-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.sbx-held-at{color:var(--text-alternate);white-space:nowrap;font-size:11px}.sbx-icon{cursor:pointer;width:26px;height:26px;color:var(--text-alternate);background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sbx-icon:hover{color:var(--text-primary);background:#ffffff14}.sbx-props-note{margin:0 0 10px}.sbx-chips{flex-wrap:wrap;gap:5px;margin:0 0 10px;display:flex}.sbx-chips button{font:inherit;color:var(--link-color);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:4px 9px;font-size:11.5px;transition:background .12s,border-color .12s}.sbx-chips button:hover{background:#ffffff12}.sbx-chips button[aria-pressed=true]{color:#fff;background:#3b82f638;border-color:#60a5fa80}.sbx-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sbx-card{font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;padding:5px;font-size:10.5px;line-height:1.25;transition:border-color .12s,background .12s;display:flex;position:relative}.sbx-card:hover:not(:disabled){background:#3b82f614;border-color:#60a5fa80}.sbx-card:disabled{opacity:.45;cursor:default}.sbx-card img{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at 50% 40%,#1f2737,#10141c 75%);border-radius:7px;width:100%}.sbx-card img:not([src]),.sbx-card.sbx-thumb-missing img{visibility:hidden}.sbx-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sbx-card.busy{cursor:progress}.sbx-card.busy:after{content:"";border:2px solid #93c5fd40;border-top-color:var(--lib-accent-2);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.7s linear infinite sbx-spin;position:absolute;top:38%;left:50%}.sbx-card.failed{border-color:#f8717180}@keyframes sbx-spin{to{transform:rotate(360deg)}}.sbx-group{border-top:1px solid #ffffff0f;margin:6px 0 0}.sbx-group>summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:var(--text-alternate);align-items:center;gap:6px;padding:9px 0 3px;font-size:11px;font-weight:600;list-style:none;display:flex}.sbx-group>summary::-webkit-details-marker{display:none}.sbx-group>summary:before{content:"▸";font-size:.7rem;transition:transform .15s}.sbx-group[open]>summary:before{transform:rotate(90deg)}.sbx-group>summary:hover{color:var(--text-primary)}.sbx-ctl{margin:8px 0 0}.sbx-ctl-top{align-items:baseline;gap:8px;display:flex}.sbx-ctl-top label{min-width:0;color:var(--link-color);flex:1;font-size:12px}.sbx-ctl.on .sbx-ctl-top label{color:var(--text-primary)}.sbx-ctl-top output{color:var(--text-alternate);font-variant-numeric:tabular-nums;font-size:11.5px}.sbx-ctl.on .sbx-ctl-top output{color:var(--lib-accent-2)}.sbx-ctl-reset{cursor:pointer;width:20px;height:20px;color:var(--text-alternate);background:0 0;border:none;border-radius:6px;padding:0;font-size:.85rem;line-height:1}.sbx-ctl-reset:hover{color:var(--text-primary);background:#ffffff12}.sbx-ctl-reset[hidden]{visibility:hidden;display:inline-block}.sbx-ctl input[type=range]{--lo:0%;--hi:0%;--mark:-9px;--track:#ffffff1a;--lit:var(--lib-accent);cursor:pointer;appearance:none;background:0 0;width:100%;height:18px;margin:2px 0 0;padding:0}.sbx-ctl input[type=range]:hover{--track:#ffffff24;--lit:var(--lib-accent-2)}.sbx-ctl input[type=range]:focus-visible{outline:none}.sbx-ctl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent calc(var(--mark) - 1px), #ffffff59 calc(var(--mark) - 1px) calc(var(--mark) + 1px), transparent calc(var(--mark) + 1px)), linear-gradient(to right, var(--track) var(--lo), var(--lit) var(--lo) var(--hi), var(--track) var(--hi));border-radius:999px;height:4px}.sbx-ctl input[type=range]::-moz-range-track{background:linear-gradient(to right, transparent calc(var(--mark) - 1px), #ffffff59 calc(var(--mark) - 1px) calc(var(--mark) + 1px), transparent calc(var(--mark) + 1px)), linear-gradient(to right, var(--track) var(--lo), var(--lit) var(--lo) var(--hi), var(--track) var(--hi));border-radius:999px;height:4px}.sbx-ctl input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:box-shadow .15s;box-shadow:0 1px 3px #00000080}.sbx-ctl input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000080}.sbx-ctl input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #60a5fa29,0 1px 3px #00000080}.sbx-ctl input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #141820, 0 0 0 4px var(--lib-accent-2)}@media (pointer:coarse){.sbx-ctl input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}}.sbx-adjust-foot{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;display:flex}.sbx-text-btn{font:inherit;color:var(--link-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:12px;text-decoration:none}.sbx-text-btn:hover{color:var(--text-primary);background:#ffffff12}.sbx-text-btn[hidden]{display:none}.sbx-rig-link{color:var(--lib-accent-2);margin-left:auto}.sbx-swatches{grid-template-columns:repeat(6,26px);justify-content:space-between;gap:8px;margin:10px 2px 2px;display:grid}.sbx-swatches button{cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;width:26px;height:26px;padding:0}.sbx-swatches button[aria-pressed=true]{outline:2px solid var(--lib-accent-2);outline-offset:2px}#sbx-hud{z-index:30;pointer-events:none;opacity:0;-webkit-user-select:none;user-select:none;transition:opacity .6s;position:fixed;inset:0}#sbx-hud[data-on]{opacity:1}#sbx-hud button{pointer-events:auto}.sbx-chip{font:inherit;color:#e7e9eab8;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0f1680;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:6px;padding:7px 13px 7px 10px;font-size:12.5px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:absolute}.sbx-chip:hover{color:#fff;background:#141a26d1;border-color:#93c5fd59}.sbx-chip:focus-visible,.sbx-add:focus-visible{outline:2px solid var(--lib-accent-2);outline-offset:2px}.sbx-chip[data-busy]{cursor:progress;color:var(--lib-accent-2)}.sbx-tl{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left))}.sbx-tr{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}.sbx-hint{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.01em;color:#cbd5e194;opacity:0;max-width:calc(100% - 150px);margin:0;font-size:12px;transition:opacity .9s,transform .9s;position:absolute;transform:translateY(4px)}.sbx-hint[data-on]{opacity:1;transform:none}.sbx-hint kbd{min-width:17px;font:inherit;text-align:center;color:#e2e8f0b8;border:1px solid #ffffff29;border-radius:4px;margin-right:2px;padding:1px 4px;font-size:10.5px;display:inline-block}.sbx-br{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.sbx-add{height:44px;font:inherit;color:#dbeafe;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f62e;border:1px solid #60a5fa73;border-radius:999px;align-items:center;gap:6px;padding:0 17px 0 13px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 10px 30px -12px #3b82f6a6}.sbx-add:hover{background:#3b82f64d}.sbx-add svg{transition:transform .2s}.sbx-add[aria-expanded=true] svg{transform:rotate(45deg)}.sbx-tray{pointer-events:auto;overscroll-behavior:contain;transform-origin:100% 100%;background:#0d1119f0;border:1px solid #93c5fd33;border-radius:16px;width:min(336px,100vw - 32px);max-height:min(62vh,470px);padding:12px;animation:.2s cubic-bezier(.2,.9,.3,1.2) sbx-pop;overflow-y:auto;box-shadow:0 24px 60px -24px #000000d9}.sbx-tray[hidden]{display:none}@keyframes sbx-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}}.sbx-tray [data-pane][hidden]{display:none}.sbx-tray-tabs{z-index:1;background:#161c28fa;border-radius:11px;gap:3px;margin:-4px -4px 10px;padding:3px;display:flex;position:sticky;top:-12px}.sbx-tray-tabs button{font:inherit;color:var(--text-alternate);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.sbx-tray-tabs button:hover{color:var(--text-primary)}.sbx-tray-tabs button[aria-selected=true]{color:#fff;background:#3b82f642}.sbx-tray .sbx-card span{font-size:11px}.sbx-backdrops{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sbx-backdrops button{font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:5px;padding:5px;font-size:11px;display:flex}.sbx-backdrops button:hover{border-color:#60a5fa66}.sbx-backdrops i{aspect-ratio:1.5;border:1px solid #ffffff1f;border-radius:7px;display:block}.sbx-backdrops button[aria-checked=true]{background:#3b82f61f;border-color:#60a5fab3}.sbx-toggle{cursor:pointer;align-items:center;gap:8px;margin:12px 4px 2px;font-size:12.5px;display:flex}.sbx-toggle input{width:16px;height:16px;accent-color:var(--lib-accent);margin:0}.sbx-tray-note{color:var(--text-alternate);margin:0 4px 8px;font-size:12px}.sbx-tray-note:empty{display:none}#sbx-tray-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}#sbx-tray-list button{width:100%;font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;padding:6px;transition:border-color .15s,background .15s;display:flex}#sbx-tray-list button:hover:not(:disabled){background:#3b82f614;border-color:#60a5fa80}#sbx-tray-list button:disabled{opacity:.45;cursor:default}#sbx-tray-list button.busy{cursor:progress}#sbx-tray-list img{aspect-ratio:1;object-fit:cover;background:#141820;border-radius:8px;width:100%}#sbx-tray-list li.sbx-thumb-missing img{background:#141820 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 7.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5 12 12l8-4.5M12 12v9'/%3E%3C/svg%3E") 50%/40% no-repeat}#sbx-tray-list span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sbx-stick{pointer-events:none;opacity:0;background:#ffffff0a;border:1.5px solid #ffffff2e;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;transition:opacity .15s;position:fixed}.sbx-stick[data-on]{opacity:1}.sbx-stick>div{background:#ffffff38;border-radius:50%;width:40px;height:40px;position:absolute;top:28px;left:28px}@media (prefers-reduced-motion:reduce){.sbx-panel,.sbx-col,.sbx-hint,#sbx-hud,.sbx-tray{transition:none;animation:none}}.sbx-panel-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--text-alternate);justify-content:space-between;align-items:center;gap:8px;padding:0 12px 8px 16px;font-size:10.5px;font-weight:600;display:flex}.sbx-rec{font:inherit;letter-spacing:0;text-transform:none;color:#fee2e2;cursor:pointer;background:#ef44441f;border:1px solid #f8717161;border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.sbx-rec:hover{background:#ef44443d;border-color:#fca5a599}.sbx-rec:focus-visible{outline-offset:2px;outline:2px solid #fca5a5}.sbx-rec[hidden]{display:none}.sbx-rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ef4444d9}.sbx-panel-clips li.sbx-made{align-items:center;gap:6px;padding-right:4px;display:flex}.sbx-panel-clips li.sbx-made>span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sbx-made-edit{width:26px;height:26px;color:var(--text-alternate);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s;display:inline-flex}.sbx-made-edit:hover{opacity:1;color:var(--text-primary);background:#ffffff1a}.pm-pos{position:relative}.sbx-panel.pm-card{max-height:none;transition:opacity .2s,transform .26s cubic-bezier(.2,.9,.3,1.25),border-color .3s,box-shadow .3s}.pm-card[data-state=pose][data-armed=true]{border-color:#f8717152;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -24px #000000d9,0 0 46px -12px #ef444461}.pm-view[hidden]{display:none}.pm-view{animation:.22s pm-in}@keyframes pm-in{0%{opacity:0;transform:translateY(4px)}}.pm-title{align-items:center;gap:8px;font-size:14px;display:inline-flex}.pm-card[data-armed=false] :is(.pm-rec,.pm-clock){display:none}.pm-btn.pm-go{background:#dc2626}.pm-btn.pm-go:hover:not(:disabled){background:#b91c1c}.pm-rec{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pm-pulse;box-shadow:0 0 10px #ef4444e6}@keyframes pm-pulse{50%{opacity:.35}}.pm-clock{font-variant-numeric:tabular-nums;color:#fecaca;background:#ef44441f;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:600}.pm-body{flex-direction:column;gap:10px;padding:0 14px 12px 16px;display:flex}.pm-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pm-hint{color:var(--text-alternate);margin:0;font-size:11.5px;line-height:1.45}.pm-narrow :is(.pm-hint,.pm-of,.pm-tune-meta){display:none}.pm-narrow .pm-tune .pm-body{gap:6px}.pm-narrow .sbx-panel-head{padding:10px 12px 8px 14px}.pm-narrow .pm-body{gap:7px;padding-bottom:8px}.pm-narrow .sbx-panel-foot.pm-foot{padding:7px 10px 9px}.pm-segs{flex-wrap:wrap;gap:10px 6px;display:flex}.pm-segs>.pm-seg{flex:100%}.pm-narrow .pm-segs>.pm-seg{flex:3 1 0}.pm-narrow .pm-segs>.pm-seg+.pm-seg{flex:2 1 0}.pm-narrow .pm-segs .pm-seg button{padding:6px 2px}.pm-seg{background:#080a0e99;border:1px solid #ffffff14;border-radius:10px;gap:2px;padding:3px;display:flex}.pm-seg button{min-width:0;font:inherit;color:var(--text-alternate);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.pm-seg button:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.pm-seg button[aria-pressed=true]{color:#fff;background:#3b82f652;box-shadow:inset 0 0 0 1px #93c5fd4d}.pm-seg button:disabled{opacity:.35;cursor:default}.pm-row .pm-seg{flex:1}.pm-row.pm-checks{justify-content:flex-start;gap:14px}.pm-feel{flex:1;min-width:0}.pm-feel[hidden]{display:none}.pm-feel .pm-seg button{padding:5px 6px}.pm-check{color:var(--text-alternate);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.pm-check input{accent-color:var(--lib-accent);margin:0}.pm-check[hidden]{display:none}.pm-from{flex-direction:column;gap:6px;display:flex}.pm-from[hidden]{display:none}.pm-from-pick{min-width:0;font:inherit;color:var(--text-primary);cursor:pointer;background:#080a0e99;border:1px solid #ffffff1f;border-radius:9px;grid-column:2/4;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.pm-from-pick:hover{background:#ffffff0f}.pm-from-pick>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pm-from-pick>svg{color:var(--text-alternate);flex:none;transition:transform .15s}.pm-from-pick[aria-expanded=true]{border-color:#93c5fd66}.pm-from-pick[aria-expanded=true]>svg{transform:rotate(180deg)}.pm-from-menu{background:#080a0e73;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.pm-from-menu[hidden]{display:none}.pm-from-menu .sbx-panel-search{margin:6px 6px 2px}.sbx-panel-clips.pm-from-list{border-top:none;min-height:0;max-height:168px;padding:2px 4px 4px}.pm-from-list li[data-from]{cursor:pointer;color:var(--link-color);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:6px 9px;transition:background .12s;overflow:hidden}.pm-from-list li[data-from]:hover{background:#ffffff12}.pm-narrow .sbx-panel-clips.pm-from-list{max-height:120px}.pm-scrub{width:100%;min-width:0;accent-color:var(--lib-accent);margin:0}.pm-scrub-val{text-align:right;min-width:40px;color:var(--text-primary);font-variant-numeric:tabular-nums}.sbx-panel-foot.pm-foot{padding:10px 12px 12px}.pm-tools{align-items:center;gap:5px;display:flex}.pm-btn{font:inherit;white-space:nowrap;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.pm-btn:hover:not(:disabled){background:#ffffff1a}.pm-btn:disabled{opacity:.35;cursor:default}.pm-btn[hidden]{display:none}.pm-btn:focus-visible,.pm-seg button:focus-visible{outline:2px solid var(--lib-accent-2);outline-offset:1px}.pm-primary{color:#fff;background:var(--lib-accent);border-color:#0000;font-weight:600}.pm-primary:hover:not(:disabled){background:#2563eb}.pm-stop{background:#dc2626}.pm-stop:hover:not(:disabled){background:#b91c1c}.pm-cancel,.pm-discard{color:var(--text-alternate);background:0 0;border-color:#0000}.pm-cancel:hover,.pm-discard:hover{color:var(--text-primary)}.pm-tune .sbx-panel-head{align-items:center}.pm-tune .pm-del{color:var(--text-alternate);background:0 0;border-color:#0000;padding:4px 9px;font-size:11.5px}.pm-tune .pm-del:hover{color:#fecaca}.pm-tune .pm-del[data-armed]{color:#fecaca;background:#ef44442e;border-color:#f8717180}.pm-field{color:var(--text-alternate);grid-template-columns:46px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.pm-field>span.pm-wrap{overflow-wrap:anywhere;font-size:11px;line-height:1.15}.pm-from .pm-field{grid-template-columns:62px 1fr auto}.pm-field .pm-seg button{padding:5px 2px;font-size:11.5px}.pm-field>.pm-seg,.pm-field>input[type=text]{grid-column:2/4}.pm-field[hidden]{display:none}.pm-name{min-width:0;font:inherit;color:var(--text-primary);-webkit-user-select:text;user-select:text;background:#080a0eb3;border:1px solid #ffffff1a;border-radius:9px;padding:7px 10px;font-size:13px}.pm-name:focus{border-color:var(--lib-accent);outline:none}.pm-dur{width:100%;min-width:0;accent-color:var(--lib-accent);margin:0}.pm-dur-val{text-align:right;min-width:40px;color:var(--text-primary);font-variant-numeric:tabular-nums}.pm-asdone-row{margin-top:-6px}.pm-link{font:inherit;color:var(--lib-accent-2);cursor:pointer;background:0 0;border:none;grid-column:2/4;justify-self:start;padding:0;font-size:11.5px}.pm-link:hover{text-decoration:underline}.lib-clip-rename{width:22px;height:22px;color:var(--text-alternate);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;margin:-2px -4px -2px 0;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}#lib-clips li:hover>.lib-clip-rename,#lib-clips li:focus-visible>.lib-clip-rename{opacity:.75}.lib-clip-rename:hover{color:var(--text-primary);background:#ffffff14;opacity:1!important}@media (hover:none){.lib-clip-rename{opacity:.5}}#lib-clips .lib-clip-rename-input{min-width:0;font:inherit;color:var(--text-primary);border:1px solid var(--lib-accent);background:#080a0ecc;border-radius:6px;outline:none;flex:1;margin:-3px 0;padding:3px 7px;font-size:.9rem}#lib-app #lib-clips li.armed>.lib-clip-x{opacity:1;color:#fecaca;background:#ef44442e;gap:4px;width:auto;padding:0 7px}#lib-app #lib-clips li.armed>.lib-clip-x:after{content:"Delete?";font-size:12px}@media (prefers-reduced-motion:reduce){.pm-view,.pm-rec{animation:none}}
