@layer components{.ph-t,:root[data-phone] [data-optical]:not([data-optical=group]){text-box:trim-both cap alphabetic}:root[data-phone] [data-optical].truncate{overflow:clip visible!important}.ph-trunc{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:clip visible}.ph-label{letter-spacing:-.02px;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px}.ph-label-lg{letter-spacing:-.04px;white-space:nowrap;font-size:13px;font-weight:500;line-height:18px}.ph-meta{color:var(--ink-2);font-size:11px;line-height:14px}.ph-data{font-family:var(--font-mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;line-height:14px}.ph-data-sm{font-family:var(--font-mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:12px}.ph-hit{position:relative}.ph-hit:after{content:"";border-radius:inherit;width:max(100% + 12px,44px);height:max(100% + 12px,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}:root[data-phone] :is(.seg-item,.switch,.gap-fix,#aspect,#export-button){position:relative}:root[data-phone] :is(.seg-item,.switch,.gap-fix,#aspect,#export-button):before{content:"";width:max(100% + 4px,44px);height:max(100% + 4px,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}[data-phone-timeline] [data-scrub]:before{content:"";position:absolute;inset:-6px 0 -4px}.ph-btn,.ph-icon,.ph-primary,.ph-danger{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;height:32px;transition:background-color .15s;display:inline-flex}.ph-btn,.ph-icon{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);background:#fff}.ph-btn{padding:0 11px 0 9px}.ph-btn-text{padding:0 12px}.ph-icon{width:32px;color:var(--ink-2);padding:0}.ph-btn .icon,.ph-icon .icon{width:16px;height:16px}.ph-btn .icon{color:var(--ink)}.ph-btn:hover:not(:disabled):not([aria-disabled=true]),.ph-icon:hover:not(:disabled):not([aria-disabled=true]){background:var(--sand)}.ph-icon:disabled,.ph-btn:disabled,.ph-icon[aria-disabled=true]{color:var(--ink-3);opacity:1}.ph-icon:disabled>.icon{color:var(--ink-3)}.ph-primary{background:var(--ink);color:#fff;padding:0 12px}.ph-primary .icon{color:#fff;width:14px;height:14px}.ph-primary:hover:not(:disabled){background:var(--stone-800)}.ph-danger{background:var(--danger-wash);width:32px;color:var(--danger);padding:0}.ph-danger .icon{width:16px;height:16px;color:var(--danger)}.ph-danger:disabled{opacity:.45}[data-keyboard] .ph-btn:focus-visible,[data-keyboard] .ph-icon:focus-visible,[data-keyboard] .ph-primary:focus-visible,[data-keyboard] .ph-danger:focus-visible{box-shadow:var(--focus-ring);outline:none}.ph-seg{background:var(--surface-track);border-radius:999px;flex:none;gap:2px;height:28px;padding:2px;display:inline-flex}.ph-seg>button{height:24px;color:var(--ink-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:12px;line-height:16px;display:inline-flex}.ph-seg>button[aria-pressed=true]{color:var(--ink);background:#fff;font-weight:500;box-shadow:0 1px 2px #14120f1f}.ph-head{flex:none;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.ph-stage{aspect-ratio:1;background:var(--surface-stage);flex:none;width:100%;position:relative;overflow:hidden}.ph-corners{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:8px}.ph-corners>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.ph-corners>div>*{pointer-events:auto}.ph-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#14120f8c;border-radius:999px;flex:none;align-items:center;display:inline-flex}.ph-preview-tag{color:#ffffffd9;height:22px;padding:0 8px;pointer-events:none!important}.ph-transport{gap:7px;height:28px;padding:0 10px 0 3px}.ph-play{color:#14120f;background:#fff;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.ph-play>.icon{width:12px;height:12px}.ph-still{justify-content:center;width:28px;height:28px}.ph-still>.icon{color:#fff;width:14px;height:14px}.aspect-chip.ph-aspect{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:24px;box-shadow:none;background:#14120f8c;border-radius:999px;gap:3px;padding:0 6px 0 9px}.aspect-chip.ph-aspect:hover,.aspect-chip.ph-aspect[data-state=open]{background:#14120fb3}.ph-aspect .aspect-chip-name{display:none}.ph-aspect .aspect-chip-ratio{color:#fff;font-size:11px;line-height:14px}.ph-aspect .aspect-chip-caret{color:#ffffffb3;width:12px;height:12px}[data-keyboard] .ph-play:focus-visible,[data-keyboard] .ph-still:focus-visible{box-shadow:0 0 0 2px var(--meadow);outline:none}.ph-cmd{flex:none;align-items:center;gap:6px;height:48px;padding:0 12px;display:flex}.ph-panel{box-shadow:inset 0 1px 0 var(--line);background:#fff}.ph-head-time{background:var(--glass-playhead-head);color:#fff;pointer-events:auto;touch-action:none;cursor:ew-resize;border-radius:8px;align-items:center;height:16px;padding:0 5px;display:flex;position:absolute;top:0;left:0}.ph-head-time:after{content:"";position:absolute;inset:-6px -12px -16px}.ph-head-time[data-flag]{border-bottom-left-radius:0}@media (orientation:landscape){.ph-clipbar{grid-row-start:4;grid-column-start:2}}.ph-clipbar{height:52px;box-shadow:inset 0 1px 0 var(--line);background:#fff;flex:none;align-items:center;gap:6px;padding:0 12px;display:flex}.lane-touch{--radius-media:8px}.lane-touch .media-pill{gap:4px;height:16px;padding:0 6px;font-size:10px;line-height:12px}.lane-touch .media-pill-data{letter-spacing:.01em;font-size:10px}.lane-touch .media-pill [data-optical]{text-box:trim-both cap alphabetic}.lane-touch .media-pill .truncate{overflow:clip visible!important}.lane-touch .clip-label{max-width:calc(100% - 12px);top:5px;left:6px}.lane-touch .clip-length{bottom:5px;right:6px}.lane-touch .clip-rim{border-radius:var(--radius-media);inset:0 1px}.lane-touch .timeline-clip:not([data-selected])>.clip-grip{pointer-events:none}.lane-touch .timeline-clip:not([data-selected])>.clip-grip:before{opacity:0}.lane-touch .clip-grip:before{width:4px;height:22px;margin-top:-11px}.lane-touch .clip-grip-in:before{left:4px}.lane-touch .clip-grip-out:before{right:4px}.ph-take[data-selected]{box-shadow:inset 0 0 0 2px var(--ink)}:root[data-phone] .seg-control{height:28px;padding:2px}:root[data-phone] .seg-control .seg-item{font-size:12px}:root[data-phone] .seg-item [data-optical],:root[data-phone] .glass-group-row .row-label,:root[data-phone] .primary-action [data-optical=y]{text-box:trim-both cap alphabetic}:root[data-phone] .primary-action{height:40px;font-size:13px}#add-scene-sheet .scene-card{gap:5px;font-size:12px;font-weight:500;line-height:16px}#add-scene-sheet .scene-card .t-data{font-size:10px;line-height:16px}#add-scene-sheet .scene-thumb{--radius-media:8px;border-radius:8px}#add-scene-sheet .card-added{gap:3px;height:16px;padding:0 6px 0 5px;font-size:10px;line-height:12px;top:5px;right:5px}#add-scene-sheet .card-grip{top:5px;left:5px}:root[data-phone] [data-editor-dialog] .ctl{border-radius:999px;height:40px;padding:0 16px}:root[data-phone] [data-editor-dialog] .ctl [data-optical]{text-box:trim-both cap alphabetic}:root[data-phone] .glass-sheet .t-title{letter-spacing:-.2px;font-size:20px;font-weight:300;line-height:24px}:root[data-phone] .close-btn-lg{width:28px;height:28px}:root[data-phone] [data-google-button],:root[data-phone] .glass-sheet .ctl.h-11{height:40px!important}:root[data-phone] .glass-sheet .ctl [data-optical],:root[data-phone] .glass-sheet .primary-action [data-optical]{text-box:trim-both cap alphabetic}.lib-phone .lib-head{padding:4px 0 12px}.lib-phone .lib-title h1,.lib-phone-title,.lib-phone .lib-centre-head .t-title,.lib-phone .lib-centre-head .lib-phone-title{letter-spacing:-.02em;font-size:26px;font-weight:300;line-height:30px}.lib-phone .lib-new{letter-spacing:-.02px;height:32px;padding:0 12px 0 10px;font-size:12px;line-height:16px}.lib-phone .lib-filter{height:28px;padding:2px}.lib-phone .lib-filter .seg-item{height:24px;font-size:12px}.lib-phone .lib-list{padding:0 12px max(12px, env(safe-area-inset-bottom));box-shadow:inset 0 0 0 1px var(--line);border-radius:14px}.lib-phone .lib-row-open{gap:12px;min-height:64px;padding:8px 40px 8px 0}.lib-phone .lib-still{border-radius:8px;width:72px;height:48px}.lib-phone .lib-row .lib-name{letter-spacing:-.04px;font-size:13px;font-weight:500;line-height:18px}.lib-phone .lib-row .lib-meta{font-size:11px;line-height:14px}.lib-phone .lib-row-more{width:32px;height:32px;top:round(down,50% - 16px,1px)}.lib-phone .lib-centre{gap:20px;padding:12px}.lib-phone .lib-lede{max-width:300px;font-size:12px;line-height:17px}.lib-phone .pick-card{text-align:left;border-radius:12px;align-items:stretch;gap:6px;height:auto;padding:6px}.lib-phone .pick-card .pick-art{border-radius:8px;height:72px}.lib-phone .pick-card .pick-text{flex-direction:column;align-items:flex-start;gap:3px;padding:0 2px 2px}.lib-phone .pick-card .pick-name{letter-spacing:-.02px;font-size:12px;font-weight:500;line-height:16px}.lib-phone .pick-card .pick-count{font-family:var(--font-mono);color:var(--ink-3);font-size:10px;line-height:12px}:root[data-phone] .glass-sheet{box-shadow:var(--elev-sheet), 0 80px 0 0 var(--surface-overlay), 0 160px 0 0 var(--surface-overlay), 0 240px 0 0 var(--surface-overlay)}:root[data-phone] dialog[data-editor-dialog]{box-shadow:var(--elev-dialog), 0 80px 0 0 var(--surface-overlay), 0 160px 0 0 var(--surface-overlay), 0 240px 0 0 var(--surface-overlay)}}