.file-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,175px));gap:20px;align-items:start}.visual-file,.visual-file-wrap{position:relative;min-width:0}.visual-file{display:grid;justify-items:center;gap:5px;padding:8px;color:var(--ink);text-decoration:none;text-align:center;border-radius:16px}.visual-file:hover{background:var(--soft);transform:translateY(-2px)}.file-sheet{position:relative;width:90px;height:116px;display:grid;place-items:center;overflow:hidden;border:2px solid #3970d8;border-radius:8px 8px 11px 11px;background:linear-gradient(145deg,#fff 0 72%,#edf3ff);color:#3970d8;box-shadow:0 10px 22px #234b9120}.file-sheet:after{content:"";position:absolute;right:-2px;top:-2px;width:25px;height:25px;background:linear-gradient(225deg,var(--surface) 48%,#3970d8 50%,#dce8ff 54%);border-radius:0 6px 0 4px}.visual-file--text .file-sheet b{font:900 3.25rem/1 Arial,sans-serif}.visual-file--cover .file-sheet{border-color:#6e55b8;background:#fff}.visual-file--cover .file-sheet:after{background:linear-gradient(225deg,var(--surface) 48%,#6e55b8 50%,#eee9ff 54%)}.visual-file--cover .file-sheet img{width:100%;height:100%;object-fit:cover}.visual-file--cover .file-sheet>i{font-size:2rem;color:#6e55b8}.file-name{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.88rem}.visual-file small{max-width:155px;color:var(--muted);font-size:.7rem}.visual-file .edit-mark{right:8px;top:8px}.visual-file--create .file-sheet{border-style:dashed;border-color:#91a2bc;background:transparent;color:#667895;box-shadow:none}.visual-file--create .file-sheet>i{font-size:1.45rem}.visual-file--create-cover .file-sheet{grid-template-columns:auto auto;gap:6px}.visual-file--create-cover .file-sheet>i:last-child{font-size:1.7rem}.visual-file-wrap .delete-cover{right:8px;bottom:35px}.home-document-icon{position:relative;width:64px;height:78px;display:grid;place-items:center;border:2px solid currentColor;border-radius:7px;background:#fff;font-size:1.7rem;box-shadow:0 9px 20px #203f7820}.home-document-icon:after{content:"";position:absolute;right:-2px;top:-2px;width:18px;height:18px;background:linear-gradient(225deg,var(--surface) 47%,currentColor 50%,#e7efff 55%);border-radius:0 5px 0 3px}.home-document-icon b{font:900 2.3rem/1 Arial,sans-serif}.tool-icon.tool-document-visual{width:76px;height:88px;border:0;border-radius:12px;background:transparent}.tool-card--cover .home-document-icon{color:#7147b7}.tool-card--images .home-document-icon{color:#168d9b}.tool-card--ine .home-document-icon{color:#315fc4}.home-document-icon .mini-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.home-document-icon .mini-stack i{font-size:.82rem}.background-opacity-control{display:grid;gap:6px}.background-opacity-control input{width:100%;accent-color:var(--brand)}
html[data-theme=dark] .file-sheet,html[data-theme=dark] .home-document-icon{background:#f8fafc;color:#315fc4}.visual-file-wrap{display:grid}.visual-file-wrap>.visual-file{grid-area:1/1}.visual-file-wrap>.delete-cover{z-index:3}
@media(max-width:600px){.file-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-sheet{width:78px;height:101px}.visual-file{padding:8px 3px}.file-name,.visual-file small{max-width:135px}.visual-file--text .file-sheet b{font-size:2.8rem}}
.guest-first-files{display:flex;align-items:flex-start;justify-content:center;gap:24px;flex:0 0 auto}.guest-first-files a{width:105px;display:grid;justify-items:center;gap:7px;color:var(--ink);text-align:center;text-decoration:none}.guest-first-files .file-sheet{width:70px;height:90px;border-style:dashed;background:transparent;box-shadow:none;opacity:.82}.guest-first-files .file-sheet b{font:900 2.6rem/1 Arial,sans-serif}.guest-first-files .guest-cover-sheet{border-color:#7659bd;color:#7659bd}.guest-first-files .guest-cover-sheet>i{font-size:1.65rem}.guest-first-files small{font-size:.7rem;font-weight:750;line-height:1.2;color:var(--muted)}.guest-first-files a:hover .file-sheet{opacity:1;transform:translateY(-3px);background:#fff}.guest-first-files a:focus-visible{outline:3px solid #8cb1ff;outline-offset:4px;border-radius:10px}@media(max-width:700px){.projects-hero .guest-first-files{width:100%;gap:34px;padding-top:4px}.guest-first-files a{width:110px}}