:root{--bg:#f9f9f9;--surface:#fff;--text:#222;--muted:#888;--accent:#007acc;--button-text:#fff;--background:#fff;--shadow:0 8px 30px #00000080;--danger:#c00;--caret-svg:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0gMCwxIDEsMiAxLC0yIHoiLz48L3N2Zz4=)}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}nav{background-color:var(--surface)}.page-container{padding:3em 1rem 2rem}.content-wrapper{max-width:720px;margin:0 auto}.form{flex-direction:column;gap:.75rem;display:flex}label{flex-direction:column;gap:.5rem;display:flex}.select{background-color:var(--surface);background-image:var(--caret-svg)}.input{background-color:var(--surface)}.error-msg{color:var(--danger)}.asset-grid{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.asset-grid>*{flex:calc(33.333% - .75rem);min-width:calc(33.3333% - .75rem)}@media (width>=900px){.asset-grid>*{flex:calc(25% - .75rem);min-width:calc(25% - .75rem)}}.asset-thumbnail{aspect-ratio:1;background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:6px;display:block;position:relative;overflow:hidden}.asset-thumbnail-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.asset-thumbnail-skeleton,.asset-thumbnail-error{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fullscreen-preview-overlay{background:var(--background);z-index:11000;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.fullscreen-preview-content{box-sizing:border-box;will-change:transform, opacity;touch-action:pan-y;flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;transition:transform .22s,opacity .22s;display:flex;position:relative}.fullscreen-preview-content.swipe-dragging{transition:none}.fullscreen-preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.fullscreen-preview-metadata{flex:1;min-width:0}.fullscreen-preview-body{will-change:transform, opacity;touch-action:pan-y;flex:1;justify-content:center;align-items:center;min-height:0;transition:transform .22s,opacity .22s;display:flex;overflow:hidden}.fullscreen-preview-body.swipe-dragging{transition:none}.fullscreen-preview-img,.fullscreen-preview-video{object-fit:contain;border-radius:6px;width:100%;height:100%}.fullscreen-preview-actions{z-index:11001;gap:8px;display:flex}.fullscreen-action-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:16px;line-height:1;display:inline-flex}.fullscreen-action-btn:disabled{opacity:.6;cursor:default}.fullscreen-action-btn:hover,.fullscreen-action-btn:focus{background:#000000bf}.fullscreen-preview-loading,.fullscreen-preview-error{color:var(--button-text);font-size:16px}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0e;--surface:#101214;--text:#e6edf3;--muted:#ffffffa6;--accent:#3aa0ff;--button-text:#0b0b0e;--background:#0b0b0e;--shadow:0 8px 30px #000000b3;--danger:#ff6b6b;--caret-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='3'%3E%3Cpath fill='white' d='m 0,1 1,2 1,-2 z'/%3E%3C/svg%3E")}}