html,body{height:100%;overflow:hidden}
:root{--pa-surface:var(--pa-panel)}
dialog{box-shadow:var(--pa-dialog-shadow)}dialog::backdrop{background:var(--pa-backdrop)}
#confirm p{color:var(--pa-muted)}#confirm button{background:var(--pa-raised);color:var(--pa-text);border-color:var(--pa-border-strong)}#confirm button.danger{background:var(--pa-danger);color:var(--pa-bg);border-color:var(--pa-danger)}
body{display:flex;flex-direction:column;height:100dvh}
.heading{gap:16px;min-height:32px}.heading .project-name{display:flex;align-items:center;gap:8px;order:2;flex:0 1 340px;min-width:0;max-width:340px}.heading .storage-state{flex:none}.project-name span{white-space:nowrap;font-size:11px;color:var(--pa-muted)}.project-name input{height:28px;min-width:0;padding:4px 8px}
.record,.record .image-button{cursor:grab}.record{user-select:none}.record-fields{user-select:text;cursor:auto}.record.dragging,.record.dragging .image-button{cursor:grabbing}.record .summary-edit{cursor:pointer}
.record-content{position:relative}.record-summary{min-height:44px}.record-summary h2{padding-right:148px}.record-summary p{padding-right:40px}.record .summary-edit{position:absolute;top:14px;right:48px;margin:0}
.record-footer{position:absolute;right:12px;top:10px;padding:0;border:0;display:flex;align-items:center}.record-footer time{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.record-footer .delete-record{flex:none;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--pa-muted)}.record-footer .delete-record:hover{color:#ef6a74}
.topbar{flex:none;min-height:44px;height:44px;padding:0 12px;gap:12px}.topbar>.brand{flex:none}.topbar .heading{flex:1;margin:0;gap:12px}.topbar .heading .project-name{flex:0 1 260px;min-width:180px;max-width:260px}.topbar .pathadd-theme-control{position:static;flex:none;margin:0;height:30px;padding:0;gap:6px;border:0;background:transparent;font-size:11px}.topbar .pathadd-theme-control select{height:30px;min-height:30px;padding:4px 8px;font-size:11px}
.topbar .project-name input{height:30px;padding:4px 8px;font-size:12px}.topbar .storage-state{font-size:11px}
main{flex:1;min-height:0;height:auto;width:100%;max-width:none;padding:0 12px;display:flex;flex-direction:column}
.heading{flex:none;height:auto;min-height:32px;margin:0 0 4px;align-items:center}
.heading>div:first-child{display:flex;align-items:center;gap:12px;flex:2;min-width:0}
.eyebrow{display:none}h1{font:700 18px "Trebuchet MS","Microsoft YaHei",sans-serif;white-space:nowrap;flex:none}.subtitle{margin:0;font-size:11px;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.toolbar{flex:none;height:40px;min-height:40px;gap:8px;padding:3px 10px;align-items:center;flex-wrap:nowrap;border-top:0}.toolbar label{display:flex;align-items:center;gap:7px}.toolbar label span{margin:0;white-space:nowrap}.toolbar input,.toolbar select{padding:4px 8px;height:30px;font-size:12px}.project-filter{width:210px}.sort-modes button,.export-actions button{height:30px;min-height:30px;padding:4px 8px;font-size:11px}
.toolbar .search{flex:0 1 240px;min-width:190px;max-width:240px}.toolbar .search input{min-width:0}
.toolbar .upload{flex:none;width:auto;height:32px;min-height:32px;margin:0;padding:5px 10px;gap:8px;white-space:nowrap}.upload>svg{height:18px;width:18px}.upload strong{font-size:12px}.upload span{font-size:10px}
@media(max-width:1700px){.toolbar .upload span{display:none}}
.toolbar #record-count{flex:none;font-size:11px;color:var(--pa-muted);white-space:nowrap}#status{display:none;flex:none;min-height:19px;margin:2px 0;font-size:11px}#status[data-error=true]{display:block}
.capture-input{position:relative;width:580px;max-width:100%;height:124px;margin-bottom:18px;background:var(--pa-raised);border:1px dashed var(--pa-border-strong);border-radius:4px}
.capture-input[hidden]{display:none}
.gallery-scroll.file-over{border-color:var(--journal-accent)}
.capture-input:focus-within,.capture-input.file-over{border-color:var(--journal-accent);outline:1px solid var(--journal-accent);outline-offset:1px}
#paste-capture{display:block;width:100%;height:100%;resize:none;border:0;background:transparent;border-radius:4px;padding:18px 54px 12px 12px;font:inherit;line-height:22px;outline:none}
#paste-capture::placeholder{color:var(--pa-muted);opacity:1}
.capture-input #upload{position:absolute;right:10px;top:13px;width:34px;height:34px;min-height:34px;padding:0;background:var(--pa-panel)}
.gallery-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--pa-border-strong);background:var(--pa-panel);padding:12px 12px 18px;margin-top:8px}.gallery{margin-top:0}.empty{border:0;padding:65px 20px}.empty h2{font-size:20px}
main>footer{flex:none;padding:5px 0;gap:15px;font-size:10px;line-height:1.5}main>footer p{max-width:none}main>footer span{max-width:220px;white-space:nowrap}
@media(max-width:1280px){.topbar .storage-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.topbar .heading .project-name{flex-basis:220px}}
@media(max-width:1100px){main{padding:0 12px}.topbar{padding:0 12px;gap:12px}.subtitle{display:none}.toolbar{gap:8px}.toolbar label span{display:none}.toolbar .project-filter{width:150px}.toolbar .search{flex:0 1 150px;min-width:120px;max-width:150px}.toolbar .upload strong{display:none}.export-actions{margin-left:auto}.upload{flex-wrap:nowrap}.upload span{white-space:nowrap}}
@media(max-width:650px){.topbar{height:44px;min-height:44px;padding:0 14px;flex-wrap:nowrap}.toolbar{height:auto;flex-wrap:wrap}.breadcrumb{display:none}.subtitle{display:none}.heading{height:29px}.toolbar label span{display:none}.project-filter,.search{min-width:120px;flex:1}.sort-modes{width:auto}.export-actions{margin-left:0;gap:4px}.upload span{display:none}.journal-info{display:flex;gap:8px}.journal-info span{margin:0}main>footer p{font-size:9px}main>footer span{display:none}}