:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--text:#1c1f24;--muted:#646b75;--border:#dde1e6;--accent:#3b6fd8;--accent-text:#fff;--danger:#c4372f;--warning-bg:#fff4d6;--warning-text:#6b4b00;--radius:8px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171b;--surface:#1e2126;--text:#e6e8eb;--muted:#9aa1ab;--border:#30343b;--accent:#6d97ee;--accent-text:#0d1320;--danger:#f07a72;--warning-bg:#3d3214;--warning-text:#f5d98a}}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1{margin:0 0 1rem;font-size:1.5rem}a{color:var(--accent)}button,input{font:inherit;color:inherit}button{cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:.45rem .9rem}button:disabled{cursor:default;opacity:.6}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button-quiet{background:0 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:0}.centered{text-align:center;margin-top:20vh}.banner{text-align:center;padding:.6rem 1rem}.banner-warning{background:var(--warning-bg);color:var(--warning-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.login{place-items:center;min-height:80vh;padding:1rem;display:grid}.login-card{flex-direction:column;gap:1rem;width:100%;max-width:340px;display:flex}.login-card .brand{text-align:center;margin:0}.field{flex-direction:column;gap:.3rem;display:flex}.field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:.5rem .6rem}.field input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.checkbox{align-items:center;gap:.5rem;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.6rem 1.5rem;display:flex}.brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;flex:1;gap:1rem;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.2rem 0;text-decoration:none}.nav a.active{color:var(--text);border-bottom-color:var(--accent)}.content{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.empty{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;margin-bottom:1rem;padding:2rem}.empty p{margin:.25rem 0}.button-small{padding:.2rem .6rem;font-size:.85rem}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;margin-bottom:1.5rem;padding:2.5rem 1.5rem}.dropzone p{margin:.25rem 0}.dropzone:hover,.dropzone:focus-visible,.dropzone-active{border-color:var(--accent);outline:none}.dropzone-active{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.results-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.results-header p{margin:0}.results-header+.copy-all{margin-bottom:.75rem}.results{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:1rem;padding:.75rem;display:flex}.result-error{border-color:color-mix(in srgb, var(--danger) 50%, var(--border))}.thumb{object-fit:contain;border-radius:calc(var(--radius) / 2);background:var(--bg);flex:none;width:72px;height:72px}.result-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.result-body p{margin:0}.result-name{overflow-wrap:anywhere}.result-path code{overflow-wrap:anywhere;font-size:.9rem}.result-url{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;padding:.3rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.copy-buttons{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.result-duplicate{border-color:color-mix(in srgb, var(--warning-text) 35%, var(--border))}.notice{background:var(--warning-bg);color:var(--warning-text);border-radius:calc(var(--radius) / 2);padding:.35rem .6rem}.path-links{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.path-links li{flex-direction:column;gap:.35rem;display:flex}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;margin-left:.5rem;padding:.05rem .4rem}.library-header{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.library-header h1{margin:0}.library-stats{flex:1;margin:0}.search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:18rem;min-width:0;max-width:100%;padding:.45rem .6rem}.search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.grid-stale{opacity:.6}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:.2rem;height:100%;padding:.5rem;text-decoration:none;display:flex}.tile:hover{border-color:var(--accent)}.tile-image{aspect-ratio:1;object-fit:contain;border-radius:calc(var(--radius) / 2);background:var(--bg);width:100%}.tile-path{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow:hidden}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.detail{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:1.5rem;display:grid}@media (width<=760px){.detail{grid-template-columns:minmax(0,1fr)}}.detail-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;display:block}.detail-preview img{object-fit:contain;width:100%;max-height:70vh;display:block}.detail-body{flex-direction:column;gap:1rem;min-width:0;display:flex}.detail-title{overflow-wrap:anywhere;margin:0}.facts{grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.wrap,.hash{overflow-wrap:anywhere}.hash{font-size:.85rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header h2{margin:0;font-size:1.1rem}.detail-paths .path-links li{border-left:3px solid #0000;padding-left:.6rem}.detail-paths .path-links li.path-primary{border-left-color:var(--accent)}.path-row-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.path-row-header .result-path{min-width:0;margin:0}.path-actions{gap:.4rem;display:flex}.button-danger{color:var(--danger)}.button-danger-solid{background:var(--danger);border-color:var(--danger);color:var(--surface);font-weight:600}.confirm{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:.5rem .6rem;display:flex}.confirm p{margin:0}.add-path{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.add-path p{margin:0}.add-path-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.path-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;align-items:center;gap:.2rem;min-width:12rem;padding:0 .5rem;display:flex}.path-input:focus-within{border-color:var(--accent)}.path-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:.3rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.path-input:has(input[aria-invalid=true]){border-color:var(--danger)}.settings-section{max-width:720px}.settings-section h2{margin:0 0 .25rem;font-size:1.15rem}.password-form{border-top:1px solid var(--border);flex-direction:column;gap:.85rem;max-width:400px;margin-top:2.5rem;padding-top:1.5rem;display:flex}.password-form p{margin:0}.field input[aria-invalid=true]{border-color:var(--danger)}.template-choices{border:none;flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;display:flex}.template-choice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;display:flex}.template-choice-selected{border-color:var(--accent)}.template-choice input[type=radio]{margin-top:.3rem}.template-choice-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.template-choice-body code{overflow-wrap:anywhere}.template-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;margin-top:.35rem;padding:.4rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.template-input[aria-invalid=true]{border-color:var(--danger)}.template-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:1rem 0;padding:.75rem 1rem}.template-preview p{margin:0}.template-preview code{overflow-wrap:anywhere}.settings-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.variables{border-collapse:collapse;margin:1.5rem 0 0;font-size:.9rem}.variables td{vertical-align:top;padding:.2rem 1rem .2rem 0}.variables caption{text-align:left}.selection-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.selection-bar>span{flex:1}.selection-bar+.confirm,.library-notice{margin-bottom:.75rem}.tile-item{position:relative}.tile-check{z-index:1;background:var(--surface);border-radius:calc(var(--radius) / 2);opacity:.85;padding:.2rem;display:flex;position:absolute;top:.9rem;left:.9rem}.tile-check input{width:1.1rem;height:1.1rem;margin:0}.tile-selected .tile{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.trash-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.trash-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;padding:.6rem;display:flex}.trash-item .thumb{flex:none}.trash-body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.trash-body p{margin:0}.trash-paths{overflow-wrap:anywhere}.detail-actions{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.detail-actions+.confirm{margin-bottom:1rem}.tokens-section{max-width:820px}.tokens-section h2{margin:1.5rem 0 .5rem;font-size:1.15rem}.token-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.token-form input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:1;min-width:12rem;padding:.45rem .6rem}.token-form input[aria-invalid=true]{border-color:var(--danger)}.token-secret{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.5rem;margin:.75rem 0;padding:.75rem 1rem;display:flex}.token-secret p{margin:0}.token-secret-value{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.token-secret-value code{border-radius:var(--radius);background:var(--bg);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;min-width:0;padding:.35rem .5rem}.token-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.token-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:.6rem .75rem;display:flex}.token-item p{margin:0}.token-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.token-row>div{flex:1;min-width:12rem}.token-revoked{opacity:.65}.token-help{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:1.5rem;padding:.75rem 1rem}.token-help h2{margin-top:0}.token-help pre{border-radius:var(--radius);background:var(--bg);margin:.5rem 0;padding:.6rem .75rem;font-size:.85rem;overflow-x:auto}.token-help dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0 0;font-size:.9rem;display:grid}.token-help dt{color:var(--muted)}.token-help dd{overflow-wrap:anywhere;margin:0}