.small{font-size:.8rem}.upload-panel{margin-bottom:26px}.upload-panel .field{max-width:640px}.upload-panel p:last-child{margin-bottom:0}.join-workspace{grid-template-columns:minmax(0,1fr) 330px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.section-heading h2{margin-bottom:12px}#image-list{list-style:none;padding:0;margin:0 0 16px}.image-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.image-row img{width:64px;height:64px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.image-name{font-size:.88rem;font-weight:650;overflow-wrap:anywhere;margin:0 0 4px}.image-meta{font-size:.75rem;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.image-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.image-actions button{font-size:.75rem;min-height:36px;padding:7px 10px}.preview-wrap{position:relative;min-height:220px;background:repeating-conic-gradient(#edf0f5 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:8px;display:grid;place-items:center;overflow:hidden;padding:12px}.preview-wrap canvas{display:block;max-width:100%;height:auto;max-height:700px;object-fit:contain}.preview-wrap>p{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);margin:0;padding:20px;text-align:center;color:var(--muted);font-size:.9rem}.settings hr{border:0;border-top:1px solid var(--border);margin:24px 0}.settings input[type=color]{width:100%;height:44px;border:1px solid var(--border);border-radius:8px;background:#fff}.check-field{display:flex;gap:8px;align-items:center;font-size:.9rem}.check-field input{flex-shrink:0}.settings .small{margin:0}.settings #download{width:100%;margin-top:16px}.settings #download+.small{margin-top:16px}#settings-error:empty{display:none}h1,h2{text-wrap:balance}button,a{touch-action:manipulation}@media(max-width:900px){.join-workspace{grid-template-columns:1fr}}@media(max-width:520px){.image-row{grid-template-columns:52px minmax(0,1fr);gap:10px}.image-row img{width:52px;height:52px}.image-actions{grid-column:1/-1;justify-content:start}.preview-wrap{padding:4px}}
.image-actions button{min-width:44px;min-height:44px}.image-actions{gap:8px}

.check-field{min-height:44px}