#guide-capture-root{isolation:isolate;background:var(--bs-body-bg,#fff);min-height:100vh}
.guide-studio-shell{max-width:1600px;margin:auto;color:#24364c}
.guide-studio-shell input,.guide-studio-shell select,.guide-studio-shell textarea,.guide-recorder select{border:1px solid #c3d0dd;border-radius:8px;padding:.55rem .7rem;max-width:100%;background:#fff;color:#24364c}
.guide-studio-shell input[type=checkbox]{width:1.1rem;height:1.1rem}
.guide-studio-shell button,.guide-dialog button,.guide-recorder button{border:1px solid #bdcedb;border-radius:8px;background:#fff;color:#185273;padding:.5rem .8rem;font-weight:600;cursor:pointer}
.guide-studio-shell button:hover,.guide-dialog button:hover,.guide-recorder button:hover{background:#eaf5fa}
.guide-studio-shell button:disabled,.guide-recorder button:disabled{opacity:.5;cursor:not-allowed}
.guide-studio-shell button:focus-visible,.guide-dialog button:focus-visible,.guide-recorder button:focus-visible{outline:3px solid #1295bd;outline-offset:3px}
.guide-page-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:start;margin:1rem 0 1.5rem}
.guide-page-heading h1{font-size:2rem;margin:.3rem 0}.guide-page-heading small{letter-spacing:.1em;color:#177596;font-weight:700}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:1.2rem}
.guide-card,.guide-source,.guide-version,.guide-job{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 14px #233d5810}
.guide-card h2{font-size:1.35rem}.guide-card summary{cursor:pointer;font-weight:700}.guide-card p{line-height:1.55}
.guide-card small,.guide-source small{display:block;color:#5c6c7c;margin:.3rem 0 .8rem}
.guide-actions,.guide-filters,.guide-controls{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.guide-actions{margin-top:.6rem}.guide-filters{padding:1.1rem;background:#f0f6fa;border-radius:12px;margin-bottom:1.5rem;align-items:end}
.guide-field{display:flex;flex-direction:column;gap:.35rem;font-weight:500;margin:.4rem 0 .7rem;min-width:0}.guide-field>span{font-size:.88rem;color:#53677a}.guide-field textarea{min-height:80px;width:100%}
.guide-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:1rem}.guide-form-grid select[multiple]{min-height:9rem}
.guide-editor{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.3rem;margin:1.5rem 0}.guide-sections{padding:1rem;border-radius:14px;background:#edf5fa;align-self:start}.guide-sections h2{font-size:1.1rem}.guide-sections>button{display:block;width:100%;text-align:left;margin-bottom:.5rem}
.guide-sections .selected,.guide-timeline-clip.selected{border-color:#0783b0;background:#def4fc}.guide-timeline{display:flex;overflow:auto;gap:.7rem;background:#f1f5f9;border-radius:12px;padding:1rem;margin-bottom:1rem}.guide-timeline-clip{min-width:170px;max-width:220px;background:#fff;border:2px solid #dce5ec;border-radius:10px;padding:.6rem}.guide-timeline-clip img{display:block;margin:.5rem 0}.guide-timeline-clip small{display:block}.guide-timeline-clip button{font-size:.8rem;padding:.35rem;margin:.15rem}
.guide-video{display:block;width:100%;max-height:65vh;background:#132235;border-radius:10px;margin:.8rem 0;object-fit:contain}.guide-video[hidden]{display:none}.guide-wave{width:100%;height:55px;border-radius:7px}.guide-interaction{background:#f4f8fc;border-left:4px solid #007ead;padding:1rem;margin:1rem 0;border-radius:8px}.guide-choice-edit,.guide-caption-edit{display:flex;align-items:end;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid #dce5ec;padding:.5rem 0}.guide-choice-edit>.guide-field{flex:1}.guide-destination{flex:1;min-width:200px}.guide-destination select{width:100%}.guide-destination .guide-field{flex-direction:row-reverse;justify-content:start;align-items:center;font-size:.8rem}.guide-caption-edit textarea{min-width:240px}.guide-caption-edit input{max-width:110px}
.guide-background{border-top:1px solid #dce5ec;padding-top:1.5rem}.guide-background>h2{font-size:1.3rem}.guide-job progress{display:block;width:100%;height:12px;margin:.6rem 0}.guide-source img{float:right;border-radius:8px}.guide-version{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.guide-version span{flex:1;min-width:200px}
.guide-notice{background:#edf7fb;border:1px solid #c8e6f1;border-radius:9px;padding:.75rem 1rem;margin:.5rem 0}.guide-notice.error,.guide-status.error{background:#fff2ed;color:#862e17;border-color:#f0baa8}.guide-status{min-height:1.7rem;position:sticky;top:0;background:#f5f9fc;z-index:5;padding:.25rem .5rem}.guide-empty{padding:3rem;text-align:center;background:#f4f8fb;border:1px dashed #b9cedd;border-radius:14px}.guide-danger{color:#ad3526!important}
.guide-dialog{border:1px solid #c7d5df;border-radius:16px;max-width:min(1100px,96vw);width:850px;max-height:90vh;padding:1.4rem;overflow:auto;color:#24364c}.guide-dialog::backdrop{background:#10233799}.guide-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:-1.4rem;background:white;z-index:2;padding:.6rem 0}.guide-dialog h2{font-size:1.35rem}
.guide-player{background:#fff;padding:1rem;border-radius:16px;outline:none;max-width:1200px;margin:auto}.guide-player>header{display:flex;justify-content:space-between;gap:1rem}.guide-player h1{font-size:1.8rem}.guide-player h2{font-size:1.3rem}.guide-player .guide-controls input[type=range]{max-width:340px;flex:1;min-width:100px}.guide-player:fullscreen{overflow:auto;width:100%;height:100%;max-width:none;border-radius:0;background:#fff}.guide-player:fullscreen .guide-video{max-height:55vh}.guide-prompt{border:2px solid #1485ae;background:#f0faff;border-radius:12px;padding:1.2rem;margin:.8rem 0}.guide-prompt[hidden]{display:none}.guide-prompt h3{font-size:1.2rem}.guide-prompt button{display:inline-block;margin:.3rem}.guide-controls[hidden]{display:none}
.guide-recorder{position:fixed;right:18px;top:100px;width:300px;max-width:94vw;max-height:80vh;overflow:auto;background:#112c43;color:white;padding:1rem;border:1px solid #64849a;border-radius:14px;z-index:2147483000;box-shadow:0 12px 50px #0005;font:14px/1.4 system-ui,sans-serif}.guide-recorder>span,.guide-recorder>small,.guide-recorder>output{display:block}.guide-recorder p{font-size:.8rem;color:#d1e1ec;margin:.6rem 0}.guide-recorder .guide-field>span{color:#d1e1ec}.guide-recorder .guide-field:has(input[type=checkbox]){flex-direction:row-reverse;justify-content:start;align-items:center}.guide-recorder a{color:#93e4ff;display:block;margin:.6rem 0}.guide-recorder output{font:700 1.5rem monospace}.guide-recorder meter{width:100%}.guide-recorder .guide-drag{display:block;cursor:move;padding-bottom:.5rem;touch-action:none}.guide-recorder [data-state]{padding:.6rem 0;color:#a5e5ff}.guide-recorder button{font-size:.8rem;padding:.4rem}
@media(max-width:780px){.guide-page-heading{flex-direction:column}.guide-editor{grid-template-columns:1fr}.guide-form-grid{grid-template-columns:1fr}.guide-sections>button{display:inline-block;width:auto;margin:.2rem}.guide-player{padding:.65rem}.guide-player h1{font-size:1.4rem}.guide-prompt button{display:block;width:100%;margin:.5rem 0}.guide-controls{gap:.4rem}.guide-dialog{padding:.8rem}.guide-video{max-height:40vh}.guide-studio-shell{padding:1rem}}
.guide-record-head{position:sticky;top:-1rem;background:#112c43;z-index:1;padding:.6rem 0;border-bottom:1px solid #64849a;margin-bottom:.6rem}.guide-record-head .guide-actions{justify-content:space-between}
@media(max-width:780px){.guide-choice-edit>.guide-field,.guide-choice-edit>.guide-destination{flex:1 0 100%;width:100%}}