dialog.wide:has(.ph-work){width:min(1040px,96vw)}
.ph-work{--ph-line:#d3ddd3;--ph-forest:#245347;--ph-clay:#a44f29;min-width:0}.ph-work *{box-sizing:border-box}.ph-work button,.ph-work label.button{white-space:normal}.ph-work .field{margin:0;min-width:0}.ph-work h3{font:normal 25px/1.12 Georgia,serif;letter-spacing:-.4px;color:#233a2e;margin:6px 0}.ph-bar,.ph-foot,.ph-tools,.ph-preview-head,.ph-instruct,.ph-chips{display:flex;align-items:center;gap:8px}.ph-bar{padding:12px 0;border-bottom:1px solid var(--ph-line);margin-bottom:14px;flex-wrap:wrap}.ph-bar>button{margin-left:auto}.ph-bar select{max-width:55%;padding:7px 8px;border:1px solid var(--ph-line);border-radius:6px;background:#fff;font-size:12px;color:#294c39}.ph-kicker{font-size:9px;letter-spacing:1.35px;font-weight:750;color:#597465}.ph-text,.ph-intro,.ph-tip,.ph-source p{font-size:12px;line-height:1.5;color:#4f6255}.ph-intro{font-size:14px}.ph-source{max-width:630px;margin:22px auto}.ph-source p{max-width:66ch;font-size:13px}.ph-source .field{margin:16px 0}.ph-source .ph-tip,.ph-tip{font-size:12px;padding:8px 11px;border-left:3px solid #9eb4a2;background:#f4f7f2;margin:12px 0 8px}.ph-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.ph-picker label{cursor:pointer}.ph-picker small{color:#66786c;font-size:11px}.ph-picker input[type=file]{width:1px;height:1px;position:absolute;padding:0;overflow:hidden;clip-path:inset(50%)}.ph-picker:focus-within label{outline:3px solid #b77532;outline-offset:2px}.ph-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:14px}.ph-instruct{justify-content:space-between;background:#f3f7ef;border:1px solid #d6e0cf;border-radius:8px;margin:14px 0 10px;padding:11px 13px}.ph-instruct strong{display:block;margin:3px 0;font-size:15px}.ph-instruct p{margin:0;color:#4d6252;line-height:1.42;font-size:12px}.ph-chips{gap:3px}.ph-chip{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #c4d1c0;color:#64746a;background:#fff;font-size:11px;font-weight:700}.ph-now{border-color:var(--ph-clay);color:var(--ph-clay)}.ph-complete{background:var(--ph-forest);color:#fff;border-color:var(--ph-forest)}.ph-canvases{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.ph-panel{background:#edf0e9;border:1px solid var(--ph-line);border-radius:8px;overflow:hidden;min-width:0}.ph-panel.ph-active{border-color:#5c846c;box-shadow:0 0 0 1px #65876b}.ph-panelhead{display:flex;align-items:center;justify-content:space-between;background:#f8faf6;padding:7px 9px;border-bottom:1px solid var(--ph-line);font-size:11px}.ph-panelhead span{color:#5e7367;font-size:10px}.ph-active .ph-panelhead{background:#e7f0e4}.ph-active .ph-panelhead span{color:#214e32;font-weight:700}.ph-panel svg{display:block;width:100%;height:clamp(165px,33vh,325px);overflow:hidden;user-select:none;touch-action:manipulation}.ph-panel.ph-active svg{cursor:crosshair}.ph-panel svg:focus-visible{outline:3px solid #c08540;outline-offset:-3px}.ph-tools{flex-wrap:wrap;margin:7px 0;gap:6px}.ph-work .ph-tools button,.ph-bar button{font-size:11px;padding:6px 9px;min-height:30px}.ph-foot{justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--ph-line);flex-wrap:wrap}.ph-foot .ph-tools{margin:0}.ph-foot .ph-tools button{font-size:13px;min-height:38px;padding:9px 14px}.ph-error{font-size:13px;color:#8a361f;background:#fff1e7;border:1px solid #e6c8b2;padding:8px 10px;border-radius:6px;line-height:1.45}.ph-preview-head{justify-content:space-between;flex-wrap:wrap;margin:14px 0 9px}.ph-preview-head span{font-size:11px;color:#597465}.ph-preview{display:flex;align-items:center;justify-content:center;background:#e9ece5;border:1px solid var(--ph-line);border-radius:9px;overflow:hidden}.ph-preview>svg{width:100%;height:auto;max-height:53vh;display:block}.ph-preview-head h3{overflow-wrap:anywhere}
@media(max-width:580px){.ph-work .ph-fields{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8px}.ph-bar{margin-bottom:8px}.ph-bar select{max-width:49%}.ph-instruct{align-items:flex-start}.ph-chips{display:none}.ph-canvases{grid-template-columns:1fr;gap:7px}.ph-panel svg{height:clamp(170px,25vh,235px)}.ph-foot{align-items:flex-start}.ph-source{margin:14px 0}.ph-work .field{font-size:11px}.ph-bar .ph-kicker{display:none}}
.ph-tools select{max-width:100%;background:#fff;border:1px solid var(--ph-line);border-radius:7px;color:#314e3d;padding:6px 9px;min-height:30px;font-size:11px}