.ip-settings p,.ip-prompt-settings p{font-size:14px;line-height:1.6;color:#566b86}.ip-prompt-settings{border-top:1px solid #dce5f0;margin:20px 0;padding-top:16px}.ip-prompt-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(200px,2fr);align-items:center;gap:16px}.ip-task.stimuli{display:block;max-width:1200px;margin:18px auto;min-height:0}.ip-destinations{display:grid;grid-template-columns:repeat(var(--ip-count),minmax(0,1fr));gap:14px}.ip-destination{border:2px dashed #bbcde7;border-radius:18px;min-height:170px;background:#f2f6fc;position:relative;padding:8px}.ip-destination-cue{border-color:#2160d6;background:#e9f1ff;box-shadow:0 0 0 3px #8cb5ff55}.ip-place{position:absolute;inset:0;border:0;border-radius:16px;background:transparent!important;width:100%;display:flex;align-items:flex-start;justify-content:center;padding:10px;color:#24456b}.ip-place span{font-size:18px;font-weight:700;overflow-wrap:anywhere}.ip-placed{display:flex;position:relative;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px;pointer-events:none}.ip-placed .ip-card{pointer-events:auto;z-index:1}.ip-bank{min-height:155px;border-radius:18px;margin-top:24px;padding:12px;background:#fff;border:1px solid #dce5f0}.ip-bank-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ip-card{width:clamp(80px,12vw,145px);aspect-ratio:1;border:2px solid #ccdaeb;border-radius:16px;padding:9px;background:#fff;touch-action:none;user-select:none;cursor:grab;box-shadow:0 4px 0 #dce5f0;flex-shrink:0;position:relative}.ip-card img{width:100%;height:100%;object-fit:contain;pointer-events:none}.ip-card.ip-selected{outline:4px solid #2a64db;outline-offset:3px}.ip-card:focus-visible,.ip-place:focus-visible{outline:4px solid #2a64db;outline-offset:3px}.ip-card.cue{animation:ip-shake-enlarge 1.3s ease-in-out infinite}.ip-card.cue.shake-only{animation:ip-shake 1.1s ease-in-out infinite}.ip-card.cue.enlarge-only{animation:ip-enlarge 1.4s ease-in-out infinite}.ip-drag-ghost{position:fixed;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);opacity:.95;box-shadow:0 10px 30px #15345a44}.ip-drag-origin{opacity:.3}.ip-task-controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.ip-task-controls p{font-size:14px;color:#637c99;margin:0}.ip-task-controls button{min-height:48px}.ip-task-controls button:disabled{opacity:.45;cursor:default}.ip-editor-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}.ip-editor-step,.ip-editor-group{background:#f5f8fd;border:1px solid #dce5f0;border-radius:14px;padding:16px;min-width:0}.ip-editor-step>b{display:block;margin-bottom:12px}.ip-source-preview{width:100%;height:150px;background:#fff;margin-bottom:12px}.ip-source-preview img{height:100%;width:100%;object-fit:contain}.ip-no-picture{color:#5b7595}.ip-editor-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.ip-source-row{display:flex;align-items:center;gap:10px;border-top:1px solid #dce5f0;padding:10px 0}.ip-source-row>img{width:54px;height:54px;object-fit:contain}.ip-source-row>span{flex:1;font-size:14px}.ip-source-row small{display:block;font-size:13px;color:#597391}.ip-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:45vh;overflow:auto;margin:18px 0}.ip-picker-grid button{min-width:0;position:relative;padding:5px;background:white}.ip-picker-grid img{width:100%;aspect-ratio:1;object-fit:contain}.ip-picker-grid span{font-size:13px;color:#597391}.ip-picker-tools{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.ts-toolbar{gap:16px;flex-wrap:wrap;margin-bottom:18px}.ts-toolbar .row{flex-wrap:wrap;gap:8px}.ts-select{width:22px;height:22px;accent-color:#285adc;cursor:pointer}.ts-selected{background:#eff5ff}.ts-actions{flex-wrap:wrap;min-width:175px}.ts-danger{color:#aa2740;border-color:#e2adb8}.ts-danger:hover{background:#fff0f3}.ts-toolbar strong{font-size:14px}.pictures-pending .ip-card,.pictures-pending .ip-place{pointer-events:none}
.ip-with-reference .ip-place{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}.ip-place>img{width:60px;height:60px;object-fit:contain}.ip-with-reference .ip-placed{margin-top:108px}.ip-with-reference{min-height:235px}.ip-group-reference{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.ip-group-reference>img{width:60px;height:60px;object-fit:contain}
@keyframes ip-shake{0%,60%,100%{transform:translateX(0)}15%,35%{transform:translateX(-5px)}25%,45%{transform:translateX(5px)}}@keyframes ip-enlarge{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes ip-shake-enlarge{0%,100%{transform:scale(1)}20%,40%{transform:scale(1.08) translateX(-4px)}30%,50%{transform:scale(1.08) translateX(4px)}70%{transform:scale(1.08)}}
@media(max-width:760px){.ip-destinations{gap:8px}.ip-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-sorting{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-destination{min-height:155px;padding:6px}.ip-card{width:clamp(75px,20vw,115px)}.ip-bank{margin-top:14px}.ip-picker-tools,.ip-prompt-row{grid-template-columns:1fr}.ip-task-controls{gap:10px}.ip-task-controls p{width:100%;text-align:center}.ts-actions{min-width:145px}}