:root{--bg:#fafafa;--surface:#fff;--line:#e7e5e4;--line-strong:#d6d3d1;--muted:#a8a29e;--dim:#78716c;--body:#44403c;--ink:#292524;--ink-strong:#1c1917;--hover:#e7e5e4;--danger:#dc2626;--danger-hover:#b91c1c;--radius:.25rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px #1c19170f;--shadow-md:0 4px 16px #1c191717;--ease:.14s ease;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}body,h1,p,figure{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:underline}.hidden{display:none!important}.size-tag{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.8125rem}.side-footer .size-tag{align-self:center;margin-left:auto}.gallery-header .size-tag{margin-right:auto}.page-title{letter-spacing:-.015em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.3125rem;font-weight:600;overflow:hidden}.status{color:var(--dim)}.btn{border-radius:var(--radius);color:var(--dim);background:0 0;border:0;padding:.25rem .5rem;text-decoration:underline}.btn:hover{color:var(--ink)}.btn-lg{padding:.375rem .75rem}.btn-outline{border:1px solid var(--line-strong);color:var(--body);text-decoration:none}.btn-outline:hover{background:var(--hover);color:var(--body)}.btn-danger{color:var(--danger)}.btn-danger:hover{color:var(--danger-hover)}.text-input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--ink);outline:none;padding:.375rem .75rem}.text-input:focus{border-color:var(--dim)}body:has(:is(.admin-page,.gallery-page)){background:var(--surface)}:is(.layout,.admin-page,.gallery-page,.modal,.viewer-overlay) :is(.btn,.note-item,.tile){transition:color var(--ease), background-color var(--ease), border-color var(--ease), box-shadow var(--ease)}:is(.layout,.admin-page,.gallery-page,.modal) .btn-outline{background:var(--surface);box-shadow:var(--shadow-sm)}:is(.layout,.admin-page,.gallery-page,.modal) .btn-outline:hover{background:var(--surface);border-color:var(--muted);color:var(--ink)}:is(.layout,.admin-page,.gallery-page,.modal-overlay,.viewer-overlay) :is(a,button,input,textarea):focus-visible{outline:2px solid var(--dim);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-form{align-items:center;gap:.5rem;display:flex}.gate-input{background:var(--surface);width:16rem;padding:.5rem .75rem}.error-text{font-family:var(--mono);color:var(--ink);margin:0;padding:1rem}.modal-overlay{z-index:10;backdrop-filter:blur(2px);background:#1c191766;justify-content:center;align-items:center;animation:.12s fade-in;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:22rem;padding:1.25rem;animation:.12s pop-in;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #00000026}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}.modal-label{color:var(--dim);margin-bottom:.5rem}.modal-input{width:100%;padding:.5rem .75rem;display:block}.modal-input+.modal-input{margin-top:.5rem}.modal-error{color:var(--danger);margin-top:.5rem;font-size:.875rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:18rem;display:flex}.sidebar-title{border-bottom:1px solid var(--line);letter-spacing:-.01em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding:.75rem 1rem;font-weight:600;overflow:hidden}.create-btn{margin:.5rem .75rem}.note-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;padding:.125rem 0;overflow-y:auto}.note-item{border-radius:var(--radius);text-align:left;width:calc(100% - 1rem);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;margin:.0625rem .5rem;padding:.4375rem .625rem;display:block;overflow:hidden}.note-item:hover{color:var(--body);background:#1c19170b}.note-item.is-active{background:var(--hover);color:var(--ink-strong);font-weight:500}.side-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.main{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.375rem .75rem;display:flex}.toolbar-right,.note-actions{align-items:center;gap:.25rem;display:flex}.pane{flex:1;min-height:0}.pane-empty{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.editor{resize:none;background:var(--surface);width:100%;height:100%;font-family:var(--mono);color:var(--ink);border:0;outline:none;padding:1.25rem 1.5rem;font-size:.9375rem;line-height:1.7}.admin-page{max-width:42rem;margin:0 auto;padding:2.5rem 1.5rem}.admin-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-create{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.admin-input{background:var(--surface);flex:1;min-width:0;padding:.375rem .75rem}.check-label{color:var(--dim);align-items:center;gap:.375rem;display:flex}.admin-list{background:var(--surface)}.admin-row{transition:background-color var(--ease);align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.admin-row:hover{background:var(--bg)}.admin-row+.admin-row{border-top:1px solid var(--line)}.admin-row-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.admin-total{font-variant-numeric:tabular-nums;white-space:nowrap}.admin-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sealed-mark{color:var(--muted);margin-left:-.5rem}.row-actions{gap:.25rem;display:flex}.admin-footer{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:.75rem;margin-top:2rem;padding-top:1rem;font-size:.875rem;display:flex}.sep{color:var(--line-strong);margin:0 .5rem}.gallery-page{max-width:56rem;margin:0 auto;padding:2.5rem 1.5rem}.gallery-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.gallery-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;display:grid}.grid-empty{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);grid-column:1/-1;padding:4rem 0}.tile{border:1px solid var(--line);background:var(--surface);border-radius:0;padding:0;overflow:hidden}.tile:hover{border-color:var(--muted)}.thumb{object-fit:cover;width:100%;height:10rem}.viewer-overlay{z-index:10;backdrop-filter:blur(8px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:fixed;inset:0}.viewer{touch-action:none;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.viewer-img{transform-origin:0 0;border-radius:var(--radius);user-select:none;max-width:none;position:absolute;top:0;left:0}.viewer-bar{align-items:center;gap:1rem;max-width:100%;display:flex}.viewer-caption{color:var(--line-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.viewer-btn{border-radius:var(--radius);color:var(--line-strong);background:0 0;border:0;padding:.25rem .5rem;font-size:.875rem}.viewer-btn:hover{color:var(--surface)}.viewer-btn.is-danger{color:#f87171}.viewer-btn.is-danger:hover{color:#fca5a5}.build-tag{font:.6875rem/1 var(--mono);color:var(--muted);user-select:none;pointer-events:none;position:fixed;bottom:.5rem;right:.75rem}