#collage-tool [hidden]{display:none!important}#collage-tool button:focus-visible,#collage-tool input:focus-visible,#collage-tool select:focus-visible,#collage-drop:focus-within{outline:3px solid #a5b4fc;outline-offset:3px}#collage-tool button:disabled{opacity:.45;cursor:default}#collage-drop{display:block;cursor:pointer;padding:24px;margin-bottom:12px}#collage-drop input{position:absolute;width:1px;height:1px;opacity:0}#collage-drop.dragover{border-color:#a5b4fc;background:#6366f126}.collage-note{font-size:12px;color:#94a3b8;line-height:1.7;margin:10px 0}.collage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px}.collage-toolbar h3{font-size:15px}.collage-files{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px}.collage-file{min-width:0;border:1px solid #ffffff1a;background:#0d101c66;border-radius:10px;padding:10px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.collage-file img{width:48px;height:48px;object-fit:contain;background:repeating-conic-gradient(#263044 0% 25%,#1a2232 0% 50%) 0/12px 12px;border-radius:5px}.collage-file-name{font-size:12px;overflow-wrap:anywhere;line-height:1.5}.collage-file-name small{display:block;color:#94a3b8;font-size:11px}.collage-file-actions{grid-column:1/-1;display:flex;gap:6px}.collage-file-actions button{font:inherit;font-size:12px;border:1px solid #ffffff26;border-radius:6px;background:#ffffff08;color:#e2e8f0;padding:5px 9px;cursor:pointer;min-height:32px}.collage-settings{margin:24px 0;padding:20px;border:1px solid #ffffff1a;border-radius:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collage-control{display:flex;flex-direction:column;gap:7px;color:#cbd5e1;font-size:13px}.collage-control select,.collage-control input[type=number]{width:100%;min-width:0;font:inherit;color:#f8fafc;background:#111827;border:1px solid #475569;border-radius:7px;padding:9px}.collage-control input[type=color]{width:100%;height:40px;border:1px solid #475569;border-radius:7px;background:#111827;padding:4px;cursor:pointer}.collage-control small{color:#94a3b8;font-size:11px;line-height:1.5}.collage-check{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:5px}.collage-check input{accent-color:#818cf8}.collage-preview{padding:16px;border:1px solid #ffffff1a;border-radius:12px;background:repeating-conic-gradient(#253044 0% 25%,#1a2232 0% 50%) 0/16px 16px;max-height:600px;overflow:auto;text-align:center}.collage-preview canvas{max-width:100%;height:auto;vertical-align:middle;background:transparent;box-shadow:0 8px 30px #0004}.collage-output{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}#collage-status{font-size:13px;color:#c7d2fe;white-space:pre-line;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}#collage-dimensions{font-size:13px;color:#cbd5e1;margin:12px 0}@media(max-width:650px){.collage-settings{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px}.collage-files{grid-template-columns:1fr}.collage-output .btn{width:100%;justify-content:center}.collage-toolbar{align-items:flex-start}.collage-preview{padding:8px}.collage-control{font-size:12px}}@media(max-width:360px){.collage-settings{grid-template-columns:1fr}}