.photo-speech-page{--ps-ink:#17213a;--ps-muted:#64708a;--ps-blue:#4f46d8;--ps-blue-dark:#3730a3;--ps-scan:#20c9a0;--ps-paper:#fff;--ps-surface:#f4f7ff;--ps-line:#dce3f3;min-height:100vh;color:var(--ps-ink);background:var(--ps-surface)}.photo-speech-shell{width:min(1240px,100% - 40px);margin:0 auto}.photo-speech-hero{background:var(--ps-paper);border-bottom:1px solid var(--ps-line);padding:54px 0 34px}.photo-speech-hero .photo-speech-shell,.photo-speech-heading,.photo-speech-toolbar,.photo-speech-panel-heading,.photo-speech-panel-heading>div,.photo-speech-player,.photo-speech-device-note,.photo-speech-local-note,.photo-speech-privacy,.photo-speech-clip-status,.photo-speech-queue-note{align-items:center;display:flex}.photo-speech-hero .photo-speech-shell{justify-content:space-between;gap:28px}.photo-speech-heading{gap:18px}.photo-speech-title-mark{color:#fff;background:var(--ps-blue);border-radius:19px 19px 19px 5px;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 14px 28px #4f46d833}.photo-speech-title-mark svg{width:30px;height:30px}.photo-speech-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4vw,4.15rem);font-weight:760;line-height:.98}.photo-speech-heading p{max-width:620px;color:var(--ps-muted);margin:12px 0 0;font-size:1.04rem;line-height:1.55}.photo-speech-privacy{color:#176750;background:#e9fbf5;border:1px solid #b8ecdc;border-radius:999px;flex:none;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:680}.photo-speech-privacy svg,.photo-speech-local-note svg,.photo-speech-device-note svg{width:15px;height:15px}.photo-speech-workspace{padding:26px 0 58px}.photo-speech-toolbar{background:var(--ps-paper);border:1px solid var(--ps-line);border-radius:16px;gap:18px;min-height:72px;margin-bottom:18px;padding:12px 14px 12px 18px;box-shadow:0 8px 26px #2a33580d}.photo-speech-field{grid-template-columns:auto minmax(140px,220px);align-items:center;gap:10px;display:grid}.photo-speech-field+.photo-speech-field{border-left:1px solid var(--ps-line);padding-left:18px}.photo-speech-field label{color:var(--ps-muted);font-size:.78rem;font-weight:650}.photo-speech-field select{width:100%;height:42px;color:var(--ps-ink);border:1px solid var(--ps-line);font:inherit;background:#f8faff;border-radius:10px;padding:0 34px 0 12px;font-size:.9rem;font-weight:620}.photo-speech-field select:focus-visible,.photo-speech-reset:focus-visible,.photo-speech-actions button:focus-visible,.photo-speech-retry:focus-visible,.photo-speech-player button:focus-visible{outline-offset:2px;outline:3px solid #4f46d83d}.photo-speech-reset{min-height:40px;color:var(--ps-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:0 13px;font-weight:650;display:flex}.photo-speech-reset:hover{color:var(--ps-blue);background:#f1f0ff}.photo-speech-reset svg{width:17px;height:17px}.photo-speech-dropzone{text-align:center;background:var(--ps-paper);border:1px dashed #b9c4dd;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:530px;padding:50px 24px;transition:border-color .2s,background-color .2s;display:flex;box-shadow:0 18px 46px #2a335812}.photo-speech-dropzone.is-dragging{border-color:var(--ps-blue);background:#eeedff}.photo-speech-drop-visual{color:#8b96af;background:#f6f8fd;border:1px solid #e1e6f2;border-radius:10px;width:190px;height:142px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:13px 13px #e9edfa}.photo-speech-drop-visual>svg{width:36px;height:36px;margin:29px auto 17px}.photo-speech-demo-line{background:#d7ddea;border-radius:10px;height:5px;margin:0 auto 7px;display:block}.photo-speech-demo-line--one{width:108px}.photo-speech-demo-line--two{width:125px}.photo-speech-demo-line--three{width:80px}.photo-speech-corner{border-color:var(--ps-blue);width:22px;height:22px;position:absolute}.photo-speech-corner--tl{border-left:3px solid var(--ps-blue);border-top:3px solid var(--ps-blue);top:11px;left:11px}.photo-speech-corner--tr{border-right:3px solid var(--ps-blue);border-top:3px solid var(--ps-blue);top:11px;right:11px}.photo-speech-corner--bl{border-left:3px solid var(--ps-blue);border-bottom:3px solid var(--ps-blue);bottom:11px;left:11px}.photo-speech-corner--br{border-right:3px solid var(--ps-blue);border-bottom:3px solid var(--ps-blue);bottom:11px;right:11px}.photo-speech-scan-line{background:var(--ps-scan);height:2px;box-shadow:0 0 12px var(--ps-scan);animation:2.8s ease-in-out infinite photo-speech-scan;position:absolute;top:28px;left:17px;right:17px}.photo-speech-dropzone h2{letter-spacing:-.025em;margin:0;font-size:1.55rem}.photo-speech-dropzone>p{color:var(--ps-muted);margin:9px 0 25px}.photo-speech-actions{justify-content:center;gap:12px;display:flex}.photo-speech-actions button{min-height:48px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:700;display:flex}.photo-speech-actions svg{width:19px;height:19px}.photo-speech-primary{color:#fff;background:var(--ps-blue);border:1px solid var(--ps-blue);box-shadow:0 9px 22px #4f46d833}.photo-speech-primary:hover{background:var(--ps-blue-dark)}.photo-speech-secondary{color:var(--ps-ink);background:#fff;border:1px solid #cbd3e5}.photo-speech-secondary:hover{color:var(--ps-blue);border-color:var(--ps-blue)}.photo-speech-local-note{color:#748098;gap:6px;margin-top:22px;font-size:.78rem}.photo-speech-reader{grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);align-items:start;gap:18px;display:grid;position:relative}.photo-speech-photo-panel,.photo-speech-audio-panel{background:var(--ps-paper);border:1px solid var(--ps-line);border-radius:18px;min-width:0;padding:15px;position:relative;box-shadow:0 12px 34px #2a33580f}.photo-speech-connectors{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.photo-speech-connectors path{fill:none;stroke:#4f46d861;stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke .16s,stroke-width .16s,opacity .16s}.photo-speech-connectors:has(path.is-active) path:not(.is-active){opacity:.18}.photo-speech-connectors path.is-active{stroke:var(--ps-blue);stroke-width:2.5px}.photo-speech-panel-heading{min-height:42px;color:var(--ps-muted);justify-content:space-between;padding:0 4px 11px;font-size:.77rem}.photo-speech-panel-heading>div{color:var(--ps-ink);gap:8px;font-weight:720}.photo-speech-panel-heading svg{width:17px;height:17px;color:var(--ps-blue)}.photo-speech-panel-heading h2{margin:0;font-size:.9rem}.photo-speech-panel-heading>span{text-overflow:ellipsis;white-space:nowrap;max-width:48%;overflow:hidden}.photo-speech-image-frame{background:#e9edf6;border-radius:11px;place-items:center;min-height:460px;max-height:720px;display:grid;position:relative;overflow:hidden}.photo-speech-image-canvas{max-width:100%;max-height:720px;line-height:0;display:inline-block;position:relative}.photo-speech-image-frame img{width:auto;max-width:100%;height:auto;max-height:720px;display:block}.photo-speech-region-mask{z-index:4;cursor:pointer;background:#4f46d833;border:1.5px solid #4f46d8b8;border-radius:3px;min-width:10px;min-height:10px;padding:0;transition:background-color .16s,border-color .16s,box-shadow .16s;position:absolute;box-shadow:inset 0 0 0 1px #fff3}.photo-speech-region-mask>span{color:#fff;background:var(--ps-blue);border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;left:-8px}.photo-speech-region-mask:hover,.photo-speech-region-mask:focus-visible,.photo-speech-region-mask.is-active{z-index:5;background:#20c9a047;border-color:#087f68;outline:none;box-shadow:0 0 0 3px #20c9a033,inset 0 0 0 1px #ffffff59}.photo-speech-region-mask:hover>span,.photo-speech-region-mask:focus-visible>span,.photo-speech-region-mask.is-active>span{background:#087f68}.photo-speech-image-frame.is-scanning:after{content:"";background:#4f46d812;position:absolute;inset:0}.photo-speech-live-scan{z-index:2;background:var(--ps-scan);height:3px;box-shadow:0 -18px 40px 12px #20c9a04d, 0 0 14px var(--ps-scan);animation:2.2s ease-in-out infinite photo-speech-live-scan;position:absolute;top:6%;left:0;right:0}.photo-speech-device-note{color:#62708a;justify-content:center;gap:6px;margin-top:12px;font-size:.76rem}.photo-speech-processing,.photo-speech-error{text-align:center;background:#f8faff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:38px;display:flex}.photo-speech-processing-icon{width:62px;height:62px;color:var(--ps-blue);background:#eeedff;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.photo-speech-processing-icon svg{width:29px;height:29px}.photo-speech-processing h3,.photo-speech-error h3{margin:0;font-size:1.25rem}.photo-speech-processing p,.photo-speech-error p{max-width:340px;color:var(--ps-muted);margin:8px 0 22px;line-height:1.5}.photo-speech-progress{background:#dfe5f2;border-radius:99px;width:min(290px,100%);height:7px;overflow:hidden}.photo-speech-progress span{background:linear-gradient(90deg, var(--ps-blue), var(--ps-scan));border-radius:inherit;height:100%;transition:width .25s;display:block}.photo-speech-processing strong{color:var(--ps-blue);margin-top:9px;font-size:.78rem}.photo-speech-clips{gap:10px;display:grid}.photo-speech-clip{z-index:4;background:#f8faff;border:1px solid #e4e9f4;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;padding:14px 12px;display:grid;position:relative}.photo-speech-clip.is-generating{box-shadow:inset 3px 0 0 var(--ps-blue);border-color:#aaa5f0}.photo-speech-clip.is-ready{background:#fff}.photo-speech-clip.is-error{border-color:#f1b6b6}.photo-speech-clip.is-active{border-color:var(--ps-blue);box-shadow:0 0 0 3px #4f46d81a, inset 3px 0 0 var(--ps-blue)}.photo-speech-clip:focus-visible{outline-offset:2px;outline:3px solid #4f46d833}.photo-speech-clip-number{color:#98a3b8;padding-top:3px;font-size:.72rem;font-weight:760}.photo-speech-clip-body{min-width:0}.photo-speech-clip-body>p{color:#35405a;margin:0 0 12px;font-size:.88rem;line-height:1.55}.photo-speech-region-audio{gap:8px;display:grid}.photo-speech-subclip{min-width:0;position:relative}.photo-speech-subclip-number{z-index:1;width:17px;height:17px;color:var(--ps-blue);background:#eeedff;border:1px solid #fff;border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;top:-6px;left:-7px}.photo-speech-ready-mark{color:#1a9d78;width:18px;height:18px}.photo-speech-player{gap:8px}.photo-speech-player audio{width:100%;min-width:0;height:36px}.photo-speech-player button{width:36px;height:36px;color:var(--ps-blue);cursor:pointer;background:#eeedff;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.photo-speech-player button:hover{color:#fff;background:var(--ps-blue)}.photo-speech-player button svg{width:16px;height:16px}.photo-speech-clip-status{color:var(--ps-muted);gap:7px;font-size:.76rem;font-weight:650}.photo-speech-clip-status svg{width:15px;height:15px}.photo-speech-clip-status .is-spinning{color:var(--ps-blue);animation:.85s linear infinite photo-speech-spin}.photo-speech-retry{color:#a43c3c;cursor:pointer;background:#fff1f1;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-weight:680;display:flex}.photo-speech-retry svg{width:14px;height:14px}.photo-speech-queue-note{color:var(--ps-blue);justify-content:center;gap:7px;padding:13px 4px 3px;font-size:.76rem;font-weight:680}.photo-speech-queue-note svg{width:15px;height:15px}.photo-speech-inline-error{color:#a43c3c;text-align:center;margin:12px 2px 0;font-size:.78rem}.photo-speech-error>svg{color:#ba4949;width:34px;height:34px;margin-bottom:15px}.photo-speech-error button{color:#fff;background:var(--ps-blue);cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.photo-speech-how{background:var(--ps-paper);border-top:1px solid var(--ps-line);padding:62px 0 78px}.photo-speech-how h2{letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(1.65rem,3vw,2.3rem)}.photo-speech-steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.photo-speech-steps article{border-top:2px solid var(--ps-line);padding-top:18px;position:relative}.photo-speech-steps article:before{content:"";background:var(--ps-blue);width:54px;height:2px;position:absolute;top:-2px;left:0}.photo-speech-steps svg{width:23px;height:23px;color:var(--ps-blue)}.photo-speech-steps h3{margin:14px 0 7px;font-size:1rem}.photo-speech-steps p{max-width:330px;color:var(--ps-muted);margin:0;font-size:.9rem;line-height:1.6}@keyframes photo-speech-scan{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(84px)}}@keyframes photo-speech-live-scan{0%,to{top:5%}50%{top:94%}}@keyframes photo-speech-spin{to{transform:rotate(360deg)}}.dark .photo-speech-page{--ps-ink:#f2f4fb;--ps-muted:#a9b1c3;--ps-paper:#171a27;--ps-surface:#10121c;--ps-line:#2b3042}.dark .photo-speech-field select,.dark .photo-speech-drop-visual,.dark .photo-speech-processing,.dark .photo-speech-error,.dark .photo-speech-clip{background:#1d2130}.dark .photo-speech-clip.is-ready{background:#191d2a}.dark .photo-speech-clip-body>p{color:#d6dbea}.dark .photo-speech-secondary{color:var(--ps-ink);background:#1d2130;border-color:#3c435a}.dark .photo-speech-image-frame{background:#0e1018}.dark .photo-speech-privacy{color:#76ddbd;background:#16362f;border-color:#275f50}.dark .photo-speech-region-mask>span{border-color:#171a27}.dark .photo-speech-subclip-number{border-color:#191d2a}@media (max-width:920px){.photo-speech-reader{grid-template-columns:1fr}.photo-speech-connectors{display:none}.photo-speech-image-frame{min-height:360px;max-height:580px}.photo-speech-field{flex:1;grid-template-columns:1fr;gap:5px}.photo-speech-field+.photo-speech-field{border-left:0;padding-left:0}}@media (max-width:640px){.photo-speech-shell{width:min(100% - 24px,1240px)}.photo-speech-hero{padding:35px 0 24px}.photo-speech-hero .photo-speech-shell{flex-direction:column;align-items:flex-start}.photo-speech-heading{align-items:flex-start}.photo-speech-title-mark{border-radius:15px 15px 15px 4px;width:48px;height:48px}.photo-speech-title-mark svg{width:24px;height:24px}.photo-speech-heading p{font-size:.92rem}.photo-speech-privacy{margin-left:66px}.photo-speech-toolbar{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.photo-speech-reset{border-top:1px solid var(--ps-line);border-radius:0;grid-column:1/-1;justify-content:center;width:100%;margin:0;padding-top:10px}.photo-speech-field select{padding-left:9px;font-size:.8rem}.photo-speech-dropzone{min-height:465px;padding:36px 16px}.photo-speech-drop-visual{width:160px;height:124px}.photo-speech-drop-visual>svg{margin-top:23px}.photo-speech-actions{flex-direction:column;width:100%}.photo-speech-actions button{width:100%}.photo-speech-image-frame{min-height:290px}.photo-speech-region-mask>span{top:-7px;left:-7px}.photo-speech-processing,.photo-speech-error{min-height:330px;padding:24px}.photo-speech-clip{grid-template-columns:27px minmax(0,1fr) 18px;gap:7px;padding:12px 9px}.photo-speech-steps{grid-template-columns:1fr;gap:28px}.photo-speech-how{padding:46px 0 60px}}@media (max-width:380px){.photo-speech-heading{gap:12px}.photo-speech-heading h1{font-size:2rem}.photo-speech-privacy{text-align:center;justify-content:center;align-self:stretch;margin-left:0}.photo-speech-toolbar{grid-template-columns:1fr}.photo-speech-reset{grid-column:1}.photo-speech-image-frame{min-height:240px}}@media (prefers-reduced-motion:reduce){.photo-speech-scan-line,.photo-speech-live-scan,.photo-speech-clip-status .is-spinning{animation:none}}