:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#efeee9;--ink:#20211e;--muted:#72746e;--line:#deddd7;--accent:#315c49;--accent-soft:#dce9e1;--danger:#a43d36;--shadow:0 18px 60px rgba(28,32,28,.14);--radius:18px;--sidebar:236px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:750;color:var(--muted)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em;margin:0}h2{font-size:1.16rem;margin:0}h3{margin:0;font-size:1rem}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:white;font:600 22px Georgia,serif}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#dce9e1,transparent 38%),var(--bg)}.auth-card{width:min(100%,420px);padding:36px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.auth-card .brand-mark{margin-bottom:36px}.stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;font-size:.82rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 13px;outline:none}input[type=checkbox]{width:auto;padding:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{color:var(--danger);font-size:.84rem;margin:0;min-height:1em}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface);font-weight:700}.button:hover{background:var(--surface-2)}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.danger{color:var(--danger)}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar{display:none}.page-frame{padding:20px 16px 100px;max-width:1400px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.topbar h1{font-size:2.1rem}.topbar .button{padding:10px}.topbar .button span{display:none}#view{outline:none}.section{margin-bottom:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head a,.text-button{border:0;background:none;color:var(--accent);font-weight:750;text-decoration:none;padding:3px}.searchbar{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 13px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:14px}.searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.searchbar input{border:0;box-shadow:none!important;padding:10px 2px;background:transparent}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.filters select{width:auto;min-width:130px;padding:9px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.stat strong{font:500 1.8rem Georgia,serif;display:block}.stat span{color:var(--muted);font-size:.78rem}.card-grid{display:grid;grid-template-columns:1fr;gap:12px}.item-card{position:relative;display:grid;grid-template-columns:82px 1fr;gap:14px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:11px;background:var(--surface);transition:.18s}.item-card:hover{border-color:#bfc2ba;transform:translateY(-1px)}.thumb{width:82px;aspect-ratio:1;border-radius:12px;object-fit:cover;background:linear-gradient(145deg,var(--accent-soft),var(--surface-2));display:grid;place-items:center;color:var(--accent)}.card-body{min-width:0;padding:3px 35px 3px 0}.card-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{font-size:.82rem;color:var(--muted);margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--muted)}.pill{display:inline-flex;border-radius:999px;padding:4px 8px;background:var(--surface-2);font-size:.7rem}.icon-button{display:grid;place-items:center;border:0;background:transparent;border-radius:9px;width:34px;height:34px}.icon-button:hover{background:var(--surface-2)}.card-open{position:absolute;inset:0;border:0;background:transparent;border-radius:inherit}.card-open:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.favorite{position:absolute;right:10px;top:10px;z-index:2}.favorite.active svg{fill:#c99032;color:#c99032}.empty,.state{border:1px dashed var(--line);border-radius:var(--radius);padding:44px 24px;text-align:center;background:rgba(255,255,255,.45)}.empty svg,.state svg{width:30px;height:30px;color:var(--muted);margin-bottom:10px}.empty p,.state p{color:var(--muted);margin:8px auto 18px;max-width:420px}.skeleton{height:124px;border-radius:var(--radius);background:linear-gradient(100deg,#e8e7e2 25%,#f5f4f0 40%,#e8e7e2 55%);background-size:220% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position-x:-220%}}.collection-grid{display:grid;gap:12px}.collection{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:20px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.collection .count{font:500 1.45rem Georgia,serif}.collection-top{display:flex;justify-content:space-between;gap:10px}.jobs{display:grid;gap:10px}.job{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.status-dot{width:10px;height:10px;border-radius:50%;background:#a4a59f}.status-dot.completed,.status-dot.done{background:#438060}.status-dot.failed,.status-dot.error{background:var(--danger)}.status-dot.processing,.status-dot.running{background:#c68b32}.job small{display:block;color:var(--muted);margin-top:3px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 4px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(250,249,246,.94);backdrop-filter:blur(16px)}.nav-button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:0;background:none;border-radius:10px;color:var(--muted);font-size:.65rem;text-decoration:none}.nav-button.active{color:var(--accent);font-weight:750}.nav-button svg{width:20px}.modal-wrap{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(25,27,24,.45);padding-top:30px}.modal{width:100%;max-height:92vh;overflow:auto;background:var(--surface);border-radius:24px 24px 0 0;padding:22px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-head h2{font-family:Georgia,serif;font-size:1.55rem;font-weight:500}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:none;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-color:var(--accent);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.detail-hero{height:180px;margin:-22px -22px 22px;background:var(--surface-2);overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.detail .summary{line-height:1.6;color:#50524d}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.detail-fields div{padding:12px;background:var(--bg);border-radius:12px}.detail-fields small{display:block;color:var(--muted);margin-bottom:5px}.tags{display:flex;flex-wrap:wrap;gap:6px}.toasts{position:fixed;z-index:200;right:16px;bottom:88px;display:grid;gap:8px}.toast{padding:12px 16px;color:white;background:#252824;border-radius:12px;box-shadow:var(--shadow);font-size:.85rem}.toast.error{background:var(--danger)}
@media(min-width:680px){.page-frame{padding:28px 28px 100px}.card-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(4,1fr)}.modal-wrap{align-items:center;padding:24px}.modal{max-width:620px;border-radius:24px}.modal.detail{max-width:720px}.topbar .button span{display:inline}}
@media(min-width:980px){.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px;border-right:1px solid var(--line);background:rgba(250,249,246,.65)}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,serif;font-size:1.3rem;padding:0 10px;margin-bottom:38px}.sidebar nav{display:grid;gap:5px}.sidebar .nav-button{flex-direction:row;justify-content:flex-start;gap:12px;font-size:.85rem;padding:11px 12px}.side-actions{display:grid;gap:3px;margin-top:auto}.bottom-nav{display:none}.page-frame{width:100%;padding:42px 48px 60px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-card{grid-template-columns:1fr;display:block}.thumb{width:100%;aspect-ratio:16/10}.card-body{padding:14px 34px 7px 4px}.favorite{top:auto;bottom:14px}.collection-grid{grid-template-columns:repeat(3,1fr)}.topbar{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.collection[role="button"]{cursor:pointer}.collection[role="button"]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.detail details{margin-top:24px}.detail details summary{cursor:pointer;color:var(--muted);font-weight:700}.detail pre{max-height:240px;overflow:auto;padding:12px;border-radius:12px;background:var(--bg);white-space:pre-wrap;font-size:.75rem}
.detail-meta{display:flex;align-items:center;gap:8px;margin:8px 0 4px;overflow-x:auto;white-space:nowrap;color:var(--muted);font-size:.68rem;scrollbar-width:none}.detail-meta::-webkit-scrollbar{display:none}.detail-meta>span{display:inline-flex;align-items:center;gap:3px}.detail-meta .icon{width:12px;height:12px}.detail-meta .icon-button{width:24px;height:24px;flex:none;color:var(--accent)}.detail-meta .icon-button .icon{width:14px;height:14px}.detail-category{color:var(--ink);font-weight:650}.detail-actions{display:flex;gap:2px;margin:4px 0 22px}.detail-actions .active{color:var(--accent);background:var(--accent-soft)}.detail-actions .active:first-child svg{fill:currentColor}.collection-picker{display:flex;align-items:center;gap:6px;margin:-12px 0 22px;padding:7px;background:var(--bg);border-radius:12px}.collection-picker select{padding:8px 10px;border:0;background:transparent}.detail .section{margin-bottom:24px}.detail .section h3{margin-bottom:10px}.caption-details{margin:0 0 18px!important;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.caption-details p{margin:12px 0 2px;line-height:1.55;color:var(--muted)}.tag-section{margin-bottom:24px}.edit-panel{margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}