:root{font-family:"Source Sans 3",Segoe UI,sans-serif;color:#1a1a1a;background:#f5f1e8}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{padding:24px;background:#fdf9f2;border-right:1px solid #e1d7c6;overflow-y:auto}.subtitle{margin-top:4px;color:#6b5f4c}.version{font-size:.75rem;color:#9a8b73;font-weight:500}.slide-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}.slide-item{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px;background:#fff7ea;border:1px solid #eadcc6;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.slide-item:hover{border-color:#d6b78a;box-shadow:0 6px 16px #6e55362e;transform:translateY(-1px)}.slide-item.active{border-color:#a67a45;box-shadow:inset 0 0 0 1px #a67a4566}.slide-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #decfb6}.slide-name{font-weight:600}.slide-meta{color:#7a6c56;font-size:.85rem;margin-top:4px}.error{color:#9a2d2d;font-size:.9rem}.viewer{position:relative;background:radial-gradient(circle at top,#f6f2ea,#e4d7c2);overflow:hidden}.viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.viewer-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#6b5f4c;font-size:1.1rem;pointer-events:none;background:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.viewer-controls{position:absolute;top:16px;right:16px;display:grid;gap:12px;z-index:2}.slide-info{background:#fffaf2e6;border:1px solid rgba(214,183,138,.6);padding:10px 12px;border-radius:12px;color:#5b4a31;font-size:.9rem;box-shadow:0 8px 18px #6e553626;display:grid;gap:4px}.minimap{position:absolute;left:16px;bottom:16px;width:180px;height:140px;border-radius:12px;overflow:hidden;border:1px solid rgba(214,183,138,.7);box-shadow:0 10px 18px #6e553633;background:#ffffffe6;cursor:pointer;z-index:2}.minimap img{width:100%;height:100%;object-fit:cover;display:block}.minimap-viewport{position:absolute;border:2px solid rgba(199,106,37,.9);box-shadow:inset 0 0 0 1px #fff9;background:#c76a251a;pointer-events:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #e1d7c6}.viewer-controls{position:static;margin:12px;grid-auto-flow:column;justify-content:space-between}.minimap{width:140px;height:110px}}