.drop-zone{border:0;width:100%;font-family:'Noto Sans SC';background:transparent}.vault-media{position:absolute;inset:0;display:grid;gap:2px;background:#101010}.vault-media.single{grid-template-columns:1fr}.vault-media.dual{grid-template-rows:repeat(2,1fr)}.vault-media.quad{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.vault-media.nine{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.vault-media img,.import-media img,.detail-media img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}.media-empty{display:grid;place-items:center;background:#0b0b0b;color:#fff;font:400 28px 'DM Mono'}.import-modal{position:fixed;z-index:40;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:#151515b8;backdrop-filter:blur(8px)}.import-modal.show{display:flex}.import-panel{width:min(750px,100%);max-height:90dvh;overflow-y:auto;position:relative;background:#f2f0eb;padding:39px;animation:modalIn .4s cubic-bezier(.2,.8,.2,1)}.import-close{position:absolute;right:17px;top:11px;border:0;background:transparent;font-size:28px;cursor:pointer}.import-panel h2{font-size:37px;letter-spacing:-.065em;margin:12px 0 27px}.import-panel h2 em{font-family:Georgia,serif;font-weight:400}.import-types{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.import-types button{border:1px solid #aaa7a0;background:transparent;padding:8px 12px;font:12px 'Noto Sans SC';cursor:pointer}.import-types button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.file-picker{height:132px;border:1px dashed #77746e;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-picker span{font:25px 'DM Mono'}.file-picker strong{font-size:15px;margin:3px 0}.file-picker small{font-size:11px;color:#77746e}.import-preview{margin-top:15px;height:196px;background:#dfddd7;overflow:hidden}.empty-preview{height:100%;display:grid;place-items:center;color:#89867e;font:12px 'DM Mono'}.import-media{width:100%;height:100%;display:grid;gap:3px;background:#0b0b0b}.import-media.single{grid-template-columns:1fr}.import-media.dual{grid-template-rows:repeat(2,1fr)}.import-media.quad{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.import-media.nine{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.import-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.import-footer span{font:12px 'DM Mono';color:#68655f}.import-footer button{border:0;background:var(--ink);color:#fff;height:43px;padding:0 16px;font:600 13px 'Noto Sans SC';cursor:pointer}.import-footer button:disabled{opacity:.35;cursor:not-allowed}.detail-media{display:grid;gap:9px}.detail-media.single{grid-template-columns:1fr}.detail-media.dual{grid-template-rows:repeat(2,150px)}.detail-media.quad{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,150px)}.detail-media.nine{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,110px)}.detail-media .media-empty{font-size:22px}@media(max-width:700px){.import-panel{padding:29px 20px}.import-panel h2{font-size:31px}.import-preview{height:160px}.import-footer{gap:12px;align-items:flex-start;flex-direction:column}.import-footer button{width:100%}}