.ph-root{--ph-paper:color-mix(in srgb, var(--surface) 92%, #f3e6cc);--ph-rule:color-mix(in srgb, var(--line) 70%, transparent)}.ph-panel{gap:10px}.ph-intro{flex:none}.ph-h1{padding-right:var(--wb-acts-w)}@media (min-width:901px){.ph-h1 .wb-h1-t{font-size:clamp(min(20px, var(--wb-h1-size)), calc(100cqw / var(--wb-h1-em,8) * .97), var(--wb-h1-size))}}.ph-body{overscroll-behavior:contain;gap:var(--wb-field-gap,16px);scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ph-field{gap:var(--wb-label-gap,8px);flex-direction:column;min-width:0;display:flex}.ph-hint{font:500 13px/1.4 var(--f-ui);color:var(--ink-70);margin:-6px 0 0}.ph-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ph-model-group{display:contents}.ph-model-g{font:600 11px/1.2 var(--f-ui);letter-spacing:.02em;color:var(--ink-50);grid-column:1/-1;margin-top:4px}.ph-model-group:first-child .ph-model-g{margin-top:0}.ph-model{border-radius:var(--ctl-r-md);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .15s ease, background-color .15s ease, transform .15s var(--ease-hover,ease);border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;display:flex}.ph-model b{font:700 14px/1.15 var(--f-ui)}.ph-model span{font:500 11.5px/1 var(--f-ui);color:var(--ink-50)}.ph-model:not([aria-checked=true]):hover{box-shadow:inset 0 0 0 1px var(--ink-50)}.ph-model:active{transform:translateY(1px)}.ph-model[aria-checked=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow-card,var(--sel-shadow))}.ph-model[aria-checked=true] span{color:inherit;opacity:.7}.ph-model:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-seg button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-add:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-drop:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-icon:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-takes button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-modes{border-radius:var(--ctl-r-md);background:var(--hover);grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:3px;display:grid}.ph-mode{border-radius:calc(var(--ctl-r-md) - 3px);min-width:0;height:36px;color:var(--ink-70);font:600 13px/1.1 var(--f-ui);cursor:pointer;background:0 0;border:0;grid-column:span 2;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.ph-mode:nth-child(n+4){grid-column:span 3}.ph-mode span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ph-mode svg{flex:none}.ph-mode:not([aria-checked=true]):hover{background:var(--hover-2);color:var(--ink)}.ph-mode[aria-checked=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.ph-mode:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ph-input{width:100%;min-width:0;height:var(--ctl-h-md,40px);border-radius:var(--ctl-r-md,12px);background:var(--field,var(--surface));box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:400 14px/1.4 var(--f-ui);border:0;padding:0 12px;transition:box-shadow .15s}.ph-input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--ink-50);outline:none}.ph-input::placeholder{color:var(--ink-50)}.ph-area{resize:vertical;height:auto;min-height:88px;padding:10px 12px}.ph-seg{border-radius:var(--ctl-r-md);background:var(--hover);flex-wrap:wrap;align-self:flex-start;gap:3px;max-width:100%;padding:3px;display:inline-flex}.ph-seg button{border-radius:calc(var(--ctl-r-md) - 3px);min-width:44px;height:34px;color:var(--ink-70);font:600 13.5px/1 var(--f-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.ph-seg button:not([aria-checked=true]):hover{background:var(--hover-2);color:var(--ink)}.ph-seg button[aria-checked=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.ph-seg button:disabled{opacity:.35;cursor:not-allowed}.ph-chips{flex-wrap:wrap;gap:6px;display:flex}.ph-chip{height:var(--ctl-h-sm,32px);padding:0 var(--ctl-px-sm,10px);border-radius:var(--ctl-r-sm,10px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);font:600 13px/1 var(--f-ui);cursor:pointer;white-space:nowrap;border:0;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.ph-chip:not([aria-pressed=true]):hover{background:var(--hover-2);color:var(--ink)}.ph-chip[aria-pressed=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.ph-refs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ph-ref{border-radius:var(--ctl-r-md);box-shadow:inset 0 0 0 1px var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"tok kind job del""name name note note";align-items:center;gap:6px;padding:8px;display:grid}.ph-ref>.ph-token{grid-area:tok}.ph-ref .ph-name{height:var(--ctl-h-sm,32px);grid-area:name;font-size:13px}.ph-ref .ph-note{height:var(--ctl-h-sm,32px);grid-area:note;font-size:13px}.ph-ref>.ph-icon{grid-area:del}.ph-ref .ph-kind{grid-area:kind;min-width:0}.ph-ref .ph-job{grid-area:job;min-width:0}.ph-frame{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tok lab del""note note note"}.ph-frame-l{font:600 13px/1.2 var(--f-ui);grid-area:lab}.ph-ref.ph-pic{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tok job del""name name name""note note note"}.ph-pic>.ph-frame-l{grid-area:job}.ph-row{flex-wrap:wrap;gap:6px;display:flex}.ph-icon{width:32px;height:32px;color:var(--ink-50);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.ph-icon:hover:not(:disabled){background:var(--hover-2);color:var(--ink)}.ph-icon:disabled{opacity:.35;cursor:not-allowed}.ph-add{height:var(--ctl-h-sm,32px);border-radius:var(--ctl-r-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 13px/1.2 var(--f-ui);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.ph-add:hover:not(:disabled){background:var(--hover)}.ph-add:disabled{opacity:.45;cursor:not-allowed}.ph-limit{font:500 12px/1.4 var(--f-ui);color:var(--ink-50);margin:0}.ph-limit[data-over]{color:var(--danger,#c0392b)}.ph-drop{border-radius:var(--ctl-r-md);height:52px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);font:600 13.5px/1 var(--f-ui);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:flex}.ph-drop:hover:not(:disabled){color:var(--ink);background:var(--hover)}.ph-frames{align-items:center;gap:6px;display:flex}.ph-frames img{aspect-ratio:16/9;object-fit:cover;width:76px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px}.ph-foot{flex-direction:column;flex:none;gap:8px;display:flex}.ph-free{text-align:center;font:500 12px/1.3 var(--f-ui);color:var(--ink-50);margin:0}.ph-toast{border-radius:var(--ctl-r-sm);background:var(--ink);color:var(--on-ink,#fff);font:500 13px/1.4 var(--f-ui);margin:0;padding:8px 12px}.ph-stage{background:var(--paper,var(--bg));scrollbar-width:thin;flex-direction:column;gap:12px;padding:clamp(16px,2.4vw,32px);display:flex;position:relative;overflow-y:auto}.ph-takes{margin:calc(0px - var(--bleed-ring)) 0;padding:var(--bleed-ring) 0;scrollbar-width:none;flex:none;gap:6px;display:flex;overflow:auto hidden}.ph-takes button{border-radius:var(--ctl-r-pill,999px);background:var(--surface);height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);font:600 12px/1 var(--f-ui);cursor:pointer;white-space:nowrap;border:0;flex:none;padding:0 12px}.ph-takes button[aria-current]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.ph-example-note{font:500 13px/1.4 var(--f-ui);color:var(--ink-70);text-align:center;margin:0}.ph-spec{width:min(100%,860px);padding:var(--wb-card-pad);border-radius:var(--wb-r,20px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px 28px;margin:0 auto;display:grid}.ph-spec-facts{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.ph-spec-facts div{grid-template-columns:minmax(84px,max-content) minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.ph-spec-facts dt{font:700 11.5px/1.35 var(--f-ui);color:var(--ink-50)}.ph-spec-facts dd{font:500 13px/1.45 var(--f-ui);color:var(--ink);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;display:flex}.ph-spec-run{white-space:nowrap}.ph-spec-notes{min-width:0}.ph-spec-notes h2{font:700 11.5px/1.35 var(--f-ui);color:var(--ink-50);margin:0 0 6px}.ph-spec-notes ul{font:500 13px/1.45 var(--f-ui);color:var(--ink);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:0;padding:0 0 0 16px;display:flex}@media (max-width:720px){.ph-spec{grid-template-columns:minmax(0,1fr)}}.ph-script{border-radius:var(--wb-r,20px);background:var(--ph-paper);width:min(100%,860px);box-shadow:inset 0 0 0 1px var(--line), 0 1px 0 var(--line), 0 18px 40px -28px #35224273;background-image:linear-gradient(90deg, transparent calc(clamp(20px, 3.4vw, 48px) - 12px), var(--ph-rule) calc(clamp(20px, 3.4vw, 48px) - 12px) calc(clamp(20px, 3.4vw, 48px) - 11px), transparent calc(clamp(20px, 3.4vw, 48px) - 11px));margin:0 auto;padding:clamp(20px,3vw,40px) clamp(20px,3.4vw,48px) clamp(20px,3vw,36px);position:relative}.ph-script h3{font:700 11.5px/1.2 var(--f-ui);letter-spacing:.02em;color:var(--ink-50);margin:0 0 8px}.ph-script-head{align-items:center;gap:8px;margin-bottom:18px;display:flex}.ph-plate{border-radius:var(--ctl-r-pill,999px);background:var(--ink);height:28px;color:var(--on-ink,#fff);font:700 12.5px/1 var(--f-ui);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.ph-tag{border-radius:var(--ctl-r-pill,999px);height:24px;box-shadow:inset 0 0 0 1px var(--line-strong,var(--line));font:600 11.5px/1 var(--f-ui);color:var(--ink-70);align-items:center;padding:0 10px;display:inline-flex}.ph-count{font:500 12px/1 var(--f-mono);color:var(--ink-50);margin-left:auto}.ph-idea{border-bottom:1px dashed var(--line);margin-bottom:18px;padding-bottom:16px}.ph-idea p{font:500 15px/1.5 var(--f-ui);color:var(--ink-70);overflow-wrap:anywhere;margin:0}.ph-page{margin-bottom:18px}.ph-prompt,.ph-fields dd{font:400 14.5px/1.72 var(--f-mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ph-fields{flex-direction:column;gap:12px;margin:0;display:flex}.ph-fields dt{font:700 11px/1.2 var(--f-mono);color:var(--ink-50);overflow-wrap:anywhere;margin-bottom:3px}.ph-token{background:color-mix(in srgb, var(--accent) 10%, transparent);height:1.55em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);color:var(--ink);font:600 .9em/1 var(--f-mono);white-space:nowrap;vertical-align:baseline;border-radius:6px;align-items:center;margin:0 .08em;padding:0 .45em;display:inline-flex}.ph-zones{margin-bottom:18px}.ph-zones ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ph-zones li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;grid-template-columns:minmax(84px,max-content) minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 12px;display:grid}.ph-zones b{font:700 11.5px/1.3 var(--f-mono);color:var(--ink-70);text-transform:lowercase;overflow-wrap:anywhere}.ph-zones span{font:500 13px/1.45 var(--f-ui);color:var(--ink);overflow-wrap:anywhere}.ph-strip{margin-bottom:18px}.ph-strip ol{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ph-strip li{background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex-direction:column;flex:1 1 0;gap:6px;padding:10px 10px 12px;display:flex}.ph-strip b{font:700 11.5px/1 var(--f-mono);color:var(--ink-70)}.ph-strip span{font:500 13px/1.4 var(--f-ui);color:var(--ink);overflow-wrap:anywhere}.ph-findings{margin-bottom:18px}.ph-findings ol{counter-reset:ph-f;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ph-findings li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);counter-increment:ph-f;border-radius:12px;padding:12px 14px 12px 46px;position:relative}.ph-findings li:before{content:counter(ph-f);background:var(--ink);width:22px;height:22px;color:var(--on-ink,#fff);font:700 11.5px/1 var(--f-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:14px}.ph-findings p{font:500 13.5px/1.5 var(--f-ui);color:var(--ink-86,var(--ink));overflow-wrap:anywhere;margin:0 0 4px}.ph-findings p:last-child{margin-bottom:0}.ph-findings em{color:var(--ink-50);margin-right:4px;font-style:normal;font-weight:700}.ph-fix{color:var(--ink)!important}.ph-diff{margin-bottom:18px}.ph-diff p{font:400 13.5px/1.7 var(--f-mono);color:var(--ink-70);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ph-diff span[data-kind=added]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}.ph-script-foot{border-top:1px dashed var(--line);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;padding-top:16px;display:grid}.ph-checks ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ph-checks li{font:500 13.5px/1.45 var(--f-ui);color:var(--ink);gap:8px;display:flex}.ph-checks li svg{color:var(--ok,#2f8f5b);flex:none;margin-top:3px}.ph-settings p{flex-wrap:wrap;gap:6px;margin:0;display:flex}.ph-settings span{background:var(--surface);height:28px;box-shadow:inset 0 0 0 1px var(--line);font:600 12.5px/1 var(--f-mono);color:var(--ink);border-radius:8px;align-items:center;padding:0 10px;display:inline-flex}.ph-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:min(100%,860px);margin:0 auto;display:flex}.ph-btn{height:var(--ctl-h-md,40px);border-radius:var(--ctl-r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--jelly-btn-shadow,none);color:var(--ink);font:600 14px/1 var(--f-ui);cursor:pointer;white-space:nowrap;transition:background-color .15s ease, transform .15s var(--ease-hover,ease);border:0;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ph-btn:hover:not(:disabled){background:var(--hover)}.ph-btn:active:not(:disabled){transform:translateY(1px)}.ph-btn:disabled{opacity:.5;cursor:not-allowed}.ph-btn-go{background:var(--ink);color:var(--on-ink,#fff);box-shadow:none}.ph-btn-go:hover:not(:disabled){background:var(--ink-86,var(--ink))}.ph-busy{z-index:2;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font:600 13px/1 var(--f-ui);color:var(--ink-70);border-radius:12px;flex-direction:column;align-self:center;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.ph-busy-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-repeat:no-repeat;background-size:50% 100%;border-radius:2px;width:160px;height:3px;animation:1.2s linear infinite ph-scan}@keyframes ph-scan{0%{background-position:-50% 0}to{background-position:150% 0}}.ph-script{animation:ph-in .26s var(--ease-out,ease) both}@keyframes ph-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ph-script,.ph-busy-bar{animation:none}.ph-model,.ph-btn{transition:none}}@media (max-width:900px){.ph{padding-bottom:calc(var(--wb-go-h) + 40px + env(safe-area-inset-bottom,0px))}.ph .wb-panel{flex:none;order:2}.ph .wb-stage{flex:none;order:1;min-height:0;overflow:visible}.ph-body{flex:none;overflow:visible}.ph-free{display:none}.ph-stage{border-radius:var(--wb-r);padding:12px}.ph-script-foot{grid-template-columns:1fr}.ph-strip ol{flex-direction:column}.ph-strip li{flex:none!important}.ph-actions{justify-content:stretch}.ph-actions .ph-btn{flex:auto;justify-content:center}}@media (max-width:420px){.ph-models{gap:4px}.ph-model{padding:8px 10px}.ph-ref{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tok kind del""job job job""name name name""note note note"}.ph-ref.ph-pic{grid-template-areas:"tok job del""name name name""note note note"}}.ph-clips h3{margin:0 0 8px}.ph-clips-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ph-clips-row figure{min-width:0;margin:0}.ph-clips-row .ph-clip{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;height:auto;display:block;overflow:hidden}.ph-clips-row figcaption{font:600 12px/1.3 var(--f-ui);color:var(--ink-70);margin-top:6px}.ph-clips-row figure[data-side=after] figcaption{color:var(--ink)}@media (max-width:560px){.ph-clips-row{grid-template-columns:1fr}}.ph-intent{box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;gap:4px;padding:12px 14px;font-size:14px;line-height:1.5;display:grid}.ph-intent p{margin:0}.ph-intent b{margin-right:4px;font-weight:700}.ph-questions{gap:10px;margin-bottom:16px;display:grid}.ph-q-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ph-q-note{font:600 11.5px/1.2 var(--f-ui);color:var(--ink-70);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px 8px}.ph-q-opt:disabled{opacity:.5;cursor:progress}.ph-q p{margin:0 0 6px;font-size:14px}.ph-q-opts{flex-wrap:wrap;gap:6px;display:flex}.ph-q-opt{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.ph-q-opt[data-default]{box-shadow:inset 0 0 0 1.5px var(--ink)}.ph-roles table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.45}.ph-roles th,.ph-roles td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:8px 6px}.ph-roles th{white-space:nowrap;font-weight:400}.ph-role-a{white-space:nowrap;font-weight:700}.ph-role-k{color:var(--ink-50);margin-right:2px;font-size:12px}.ph-setup ul{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ph-setup li span{color:var(--ink-70)}.ph-setup li[data-default] b{color:var(--ink-70);font-weight:500}.ph-setup li i{color:var(--ink-50);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;margin-left:4px;padding:0 5px;font-size:11px;font-style:normal}.ph-retry p{color:var(--ink-70);margin:0;font-size:13px;line-height:1.5}.ph-retry b{color:var(--ink)}@media (max-width:640px){.ph-roles tr{grid-template-columns:auto 1fr;display:grid}.ph-roles td:nth-child(n+3){border-top:0;grid-column:1/-1;padding-top:0}}