.desk{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;padding-bottom:40px;display:grid}.desk>*{min-width:0}.actions{position:sticky;top:16px}.actions-title{margin:0 0 10px;font-size:1.05rem}.btn.wide{width:100%;margin-top:10px}.btn.small{padding:7px 12px;font-size:.86rem}.btn.ghost{border-color:var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.tip{text-align:left;margin:6px 0 4px}.fit{margin-top:16px}.status{text-align:left;color:var(--brand);min-height:1.2em;font-weight:600}.dropzone{text-align:center;cursor:pointer;color:var(--ink);background:#fafcfd;border:2px dashed #b8c4d4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;padding:42px 20px;transition:background .15s,border-color .15s;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone:focus-within{outline:2px solid var(--brand);outline-offset:2px}.dz-icon{color:var(--brand);font-size:2rem;line-height:1}.dz-title{font-size:1.1rem;font-weight:700}.dz-title u{color:var(--brand)}.dz-sub{color:var(--muted);font-size:.88rem;font-weight:400}.dropzone.compact{flex-direction:row;gap:12px;padding:14px 18px}.dropzone.compact .dz-icon{font-size:1.3rem}.dropzone.compact .dz-title{font-size:.98rem}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 6px;display:flex}.toolbar .spacer{flex:1}.count{color:var(--muted);font-size:.92rem;font-weight:600}.hint{color:var(--muted);margin:0 0 10px;font-size:.85rem}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.card{border:2px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:8px;transition:border-color .12s,box-shadow .12s;position:relative}.card:hover{box-shadow:var(--shadow)}.card.selected{border-color:var(--brand);background:var(--brand-soft)}.card.dragging{opacity:.4}.card.drop-before{box-shadow:-4px 0 0 var(--brand)}.card.drop-after{box-shadow:4px 0 0 var(--brand)}.thumb{--rot:0deg;background:#f1f4f8;border-radius:8px;place-items:center;height:170px;display:grid;overflow:hidden}.thumb canvas,.thumb img{width:auto;max-width:100%;height:auto;max-height:100%;transform:rotate(var(--rot));background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0f172a2e}.thumb.sideways canvas,.thumb.sideways img{max-width:100%;max-height:120px}.ph{color:var(--muted);font-size:.8rem}.meta{align-items:baseline;gap:6px;margin:6px 2px 4px;font-size:.78rem;display:flex}.pnum{color:var(--ink);font-weight:800}.src{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tools{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tools button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:7px;padding:5px 0;font-size:.9rem}.tools button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.tools button:disabled{opacity:.35;cursor:default}.tools button[data-act=delete]:hover{color:#b91c1c;border-color:#b91c1c}#messages .info{color:var(--muted)}@media (width<=900px){.desk{grid-template-columns:1fr}.actions{position:static}}@media (width<=520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{height:140px}}.dropzone.compact .dz-sub{display:none}