/* Storage Sorter */
.ss { display: grid; gap: 16px; }
.ss-input { display: block; width: 100%; min-width: 0; height: 180px; font-size: 14px; resize: vertical; }
.ss-hint { margin: 8px 0 12px; font-size: 13px; }
.ss-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.ss-bar .field { flex: 1; }
.ss-list {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap: 6px;
    max-height: 500px; overflow-y: auto;
}
.ss-list .rowi { min-width: 0; overflow-wrap: anywhere; }
.ss-list img { flex: none; image-rendering: pixelated; }
.ss-list small { color: var(--highlight); font-weight: 600; }
.ss-give { margin-top: 12px; }
.ss-cmds { display: grid; gap: 10px; }
.ss-cmd { padding: 12px; background: var(--sunken); border: 1px solid var(--line); border-radius: var(--radius); }
.ss-cmd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; font-size: 12px; }
.ss-cmd pre { max-height: 140px; margin: 0; overflow-y: auto; font: 13px/1.5 var(--mono); white-space: pre-wrap; word-break: break-all; }
.ss h2 .n, .ss h2 .btn { white-space: nowrap; }