.sq-library{max-width:1240px;margin:auto}.sq-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:18px}.sq-breadcrumb button{padding:6px}.sq-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.sq-folder{display:flex;align-items:center;gap:20px;padding:25px;background:#fff;border:1px solid #cedbed;border-radius:16px;text-align:left;box-shadow:0 3px 0 #e7edf6}.sq-folder:hover{border-color:#3265d5;background:#f4f8ff}.sq-folder>span:last-child{margin-left:auto;font-size:28px;color:#3868c3}.sq-folder strong{display:block;font-size:20px;margin-bottom:7px}.sq-folder small{display:block;font-size:14px;color:#566d8a}.sq-length{display:grid;place-items:center;width:66px;height:66px;border-radius:17px;background:#e8f0ff;color:#2254c3;font-size:30px;font-weight:750;flex-shrink:0}.sq-folder-entry{background:#f1f6ff;text-align:left;display:flex;flex-direction:column;gap:8px}.sq-folder-entry>strong{font-size:20px}.sq-folder-entry>span{font-size:14px}.sq-folder-icon{font-size:65px;line-height:1.2;color:#2f60c4;min-height:80px}.sq-library-note{font-size:16px;color:#516783;line-height:1.65;max-width:720px}.sq-browser-controls{display:flex;align-items:end;gap:14px;margin:22px 0 0;flex-wrap:wrap}.sq-browser-controls .field{min-width:180px;margin:0}.sq-browser-controls .sq-search{flex:1;min-width:220px}.sq-results-count{color:#566d8a;font-size:14px;margin:18px 0 10px}.sq-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sq-routine{display:block;background:white;border:1px solid #d3deee;border-radius:14px;padding:15px;text-align:left;min-width:0;overflow:hidden}.sq-routine:hover{background:#fafcff;border-color:#4478d6;box-shadow:0 5px 20px #243f7910}.sq-routine-title{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:13px 0 7px}.sq-routine-title strong{font-size:16px}.sq-routine>small{color:#566d8a;font-size:14px}.sq-variant{font-size:12px;line-height:1.4;padding:4px 8px;white-space:nowrap;background:#edf1f7;color:#455a77;border-radius:6px}.sq-variant.sq-labelled{background:#e8f2ff;color:#2451a2}.sq-strip{display:grid;grid-template-columns:repeat(var(--sq-steps),minmax(0,1fr));gap:5px;width:100%;align-items:stretch}.sq-strip figure{margin:0;border:1px solid #e3e9f2;border-radius:8px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.sq-strip img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.sq-strip figcaption{font-size:14px;line-height:1.35;text-align:center;padding:5px 3px;color:#213a5c;background:#f4f7fc;overflow-wrap:anywhere;flex:1}.sq-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px;font-size:14px}.sq-pagination button:disabled{opacity:.4;cursor:default}.sq-preview p{font-size:16px;line-height:1.6}.sq-strip-large{gap:12px}.sq-strip-large figcaption{font-size:16px;padding:10px}.sq-strip-large figure{padding-top:25px}.sq-position{position:absolute;left:8px;top:4px;color:#546985;font-size:14px;font-weight:700}.sq-setup{margin-top:20px}.sq-setup-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sq-setup fieldset{border:0;padding:0;margin:0;min-width:0}.sq-setup legend{font-size:16px;font-weight:700;padding:0;margin-bottom:10px;color:#233b5b}.sq-choice-row{display:flex;gap:8px;flex-wrap:wrap}.sq-choice-row label{position:relative;cursor:pointer}.sq-choice-row input{position:absolute;opacity:0;width:1px;height:1px}.sq-choice-row span{display:block;border:1px solid #cbd8e9;padding:11px 13px;border-radius:10px;font-size:14px;background:white;color:#415a7a}.sq-choice-row input:checked+span{background:#eaf1ff;border-color:#2c60d2;box-shadow:inset 0 0 0 1px #2c60d2;color:#194bae;font-weight:700}.sq-choice-row input:focus-visible+span{outline:3px solid #8eb3ff;outline-offset:3px}.sq-pick-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.sq-pick-header h3{margin:0}.sq-pick-header>span{font-size:14px;color:#2454ba;font-weight:700}.sq-pick-filters{display:flex;gap:10px;margin:12px 0}.sq-pick-filters input{flex:1;min-width:0}.sq-pick-filters select{max-width:200px}.sq-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:43vh;overflow:auto;padding:4px 6px 8px 2px;overscroll-behavior:contain}.sq-pick{display:flex;align-items:start;gap:9px;border:1px solid #d2dff0;border-radius:12px;padding:12px;cursor:pointer;min-width:0;background:#fff}.sq-pick.sq-picked{border-color:#2a61d0;background:#f4f8ff;box-shadow:inset 0 0 0 1px #2a61d0}.sq-pick>input{width:20px;height:20px;accent-color:#285ed0;flex-shrink:0;margin:1px 0}.sq-pick>span{min-width:0;flex:1}.sq-pick strong{font-size:15px;display:block;line-height:1.4}.sq-pick small{font-size:12px;display:block;color:#60728c;margin:3px 0 9px}.sq-save-options{display:flex;gap:16px;margin-top:16px}.sq-save-options .field{flex:1;margin:0}.sq-save-options input[type=number]{max-width:130px}.sq-save-bar{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #dce5f0;padding-top:16px}.sq-save-note{font-size:14px;color:#536b89;line-height:1.6}.sq-program-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;border-left:4px solid #3267d4}.sq-program-panel h3{margin:0 0 6px}.sq-program-panel p{font-size:14px;margin:0;color:#536d90}.sq-editor-library{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;flex-wrap:wrap}.sq-editor-library label{display:flex;align-items:center;gap:7px;font-size:14px}.ip-card.sq-captioned{display:flex;flex-direction:column;aspect-ratio:auto;padding:6px;min-height:150px}.ip-card.sq-captioned img{height:auto;aspect-ratio:1}.ip-card.sq-captioned .sq-action-caption{font-size:14px;line-height:1.3;color:#203c63;text-align:center;padding:5px 2px;pointer-events:none;overflow-wrap:anywhere}.ip-sequence .ip-card{max-width:100%}.ip-drag-ghost.sq-captioned{height:auto}
@media(min-width:1000px){dialog:has(.sq-setup),dialog:has(.sq-preview){width:min(1100px,92vw);max-width:1100px}.sq-strip-large figure{min-width:0}}
@media(max-width:760px){.sq-folders,.sq-results{grid-template-columns:1fr}.sq-folder{padding:18px}.sq-setup-controls{grid-template-columns:1fr;gap:18px}.sq-pick-filters{flex-wrap:wrap}.sq-pick-filters input{flex-basis:100%}.sq-choices{grid-template-columns:1fr;max-height:40vh}.sq-program-panel{align-items:flex-start;flex-direction:column}.sq-save-bar>button{flex:1}.sq-save-bar .quiet{flex-basis:100%}.sq-strip-large{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-strip-large figcaption{font-size:14px}.sq-routine-title{flex-wrap:wrap}.ip-card.sq-captioned{min-height:120px}.ip-card.sq-captioned .sq-action-caption{font-size:14px}.sq-save-options{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ip-card.cue{animation:none;outline:4px solid #2d64d4}}