:root.ktema{--app-name:"Ktema";--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12130f;--surface:#1a1b16;--surface-2:#22241d;--line:#31332a;--text:#efece2;--text-soft:#d2cfc2;--muted:#a3a091;--mint:#c7b37a;--mint-soft:#c7b37a24;--mint-ink:#211c0b;--bar:#12130ff2;--placeholder:#807d70;--glow-top:#1f2117;--switch-off:#3a3c31;--accent:#c7b37a}:root.ktema[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1efe8;--surface:#fbfaf6;--surface-2:#e4e1d6;--line:#d8d4c6;--text:#25241d;--text-soft:#47453b;--muted:#5e5b4e;--mint:#7a6526;--mint-soft:#7a652624;--mint-ink:#fff;--bar:#f3f1eaf5;--placeholder:#8f8b7d;--glow-top:#e5e0cd;--switch-off:#d0ccbd;--accent:#7a6526}@media (prefers-color-scheme:light){:root.ktema[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1efe8;--surface:#fbfaf6;--surface-2:#e4e1d6;--line:#d8d4c6;--text:#25241d;--text-soft:#47453b;--muted:#5e5b4e;--mint:#7a6526;--mint-soft:#7a652624;--mint-ink:#fff;--bar:#f3f1eaf5;--placeholder:#8f8b7d;--glow-top:#e5e0cd;--switch-off:#d0ccbd;--accent:#7a6526}}.ktema-files{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.ktema-files li{flex-direction:column;align-items:center;gap:2px;display:flex}.ktema-files__thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);cursor:zoom-in;border-radius:12px;width:100%;padding:0;overflow:hidden}.ktema-files__thumb img{object-fit:cover;width:100%;height:100%}.ktema-files__doc{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text-soft);text-align:center;overflow-wrap:anywhere;border-radius:12px;place-items:center;padding:8px;font-size:.8rem;display:grid}.ktema-viewer{z-index:50;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex;position:fixed;inset:0}.ktema-viewer img{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh}
