:root{color:#253d32;font-synthesis:none;background:#f8f9f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{transition:background .15s,color .15s}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #799b49}button{border:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2.5px;margin-bottom:22px;font-size:clamp(38px,4.3vw,62px);font-weight:500;line-height:1.08}h1 em{color:#6d825e;font-family:Georgia,serif;font-weight:400}h2{letter-spacing:-.5px;font-size:20px}small,.muted{color:#788477}.shell{min-height:100vh;display:flex}.sidebar{background:#f1f3ec;border-right:1px solid #e2e7db;flex-direction:column;flex-shrink:0;width:238px;height:100vh;padding:36px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-2px;align-items:center;gap:8px;font-size:34px;font-weight:650;text-decoration:none;display:flex}.brand-mark{text-align:center;background:#dce7c5;border-radius:11px;width:36px;height:36px;font-size:24px;line-height:36px}.brand-dot{color:#87985e;margin-left:-8px}.workspace-label{letter-spacing:1.7px;color:#899380;margin:54px 12px 14px;font-size:10px}nav{flex-direction:column;gap:7px;display:flex}nav button{color:#687362;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:14px;padding:12px 15px;font-size:14px;display:flex}nav button span{width:20px;font-size:21px;line-height:20px}nav button.selected{color:#263f2b;background:#e1e8d4;font-weight:600}nav button:hover{background:#e6ebdd}.sidebar-bottom{margin-top:auto;padding:20px 8px 0}.sidebar-bottom p{color:#82926e;font-family:Georgia,serif;font-size:22px;line-height:1.3}.mode-badge{color:#677852;border:1px solid #d6dfc8;border-radius:5px;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:inline-flex}.mode-badge i{background:#799052;border-radius:50%;width:6px;height:6px}.sidebar-bottom small{margin-top:10px;font-size:11px;display:block}.main{flex:1;min-width:0;max-width:1500px;padding:0 52px}.topbar{color:#7d8676;border-bottom:1px solid #e4e8df;justify-content:space-between;align-items:center;height:91px;font-size:12px;display:flex}.avatar{color:#526246;background:#e8eadf;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;display:grid}.hero{justify-content:space-between;align-items:flex-end;gap:25px;padding:52px 0 34px;display:flex}.eyebrow{letter-spacing:1.8px;color:#809070;margin-bottom:20px;font-size:10px;font-weight:600}.hero p{color:#7c8578;margin:0;font-size:14px;line-height:1.7}.primary,.secondary,.danger,.small-primary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:13px 19px;font-size:13px;font-weight:500;display:inline-flex}.primary,.small-primary{color:#fff;background:#314e36}.primary:hover,.small-primary:hover{background:#426749}.create-top{margin-bottom:5px}.create-top span{font-size:20px;font-weight:300}.secondary{color:#3c5238;background:#fff;border:1px solid #dce2d4}.secondary:hover{background:#eef2e8}.stats{background:#fff;border:1px solid #e0e5d9;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:4px 0 37px;padding:22px 0;display:grid}.stats>div{border-right:1px solid #e7eade;padding:0 27px}.stats>div:last-child{border:0}.stats span{color:#87907f;margin-bottom:8px;font-size:11px;display:block}.stats strong{letter-spacing:-1px;font-size:28px;font-weight:500}.stats small{letter-spacing:0;margin-left:4px;font-size:12px;font-weight:400}.list-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.list-heading h2{margin:0;font-size:17px;font-weight:550}.list-heading h2 span{background:#e9eddf;border-radius:6px;margin-left:8px;padding:3px 7px;font-size:11px;font-weight:400}.tabs{background:#ecefe6;border-radius:7px;gap:2px;padding:3px;display:flex}.tabs button{color:#7b8671;background:0 0;border-radius:5px;padding:6px 12px;font-size:11px}.tabs button[aria-pressed=true]{color:#3f5439;background:#fff;box-shadow:0 1px 3px #273c2410}.empty{text-align:center;background:#f5f7f0;border:1px dashed #d8e0cd;border-radius:12px;padding:46px 20px}.empty h2{margin-bottom:9px;font-size:22px;font-weight:500}.empty p{color:#87917d;white-space:pre-line;margin-bottom:25px;font-size:13px;line-height:1.8}.empty-art{width:140px;height:112px;margin:0 auto 21px;position:relative}.paper{background:#fafcf6;border:1px solid #ccd6bb;border-radius:8px;width:76px;height:94px;position:absolute;top:7px;left:30px}.paper.back{background:#e9efdd;top:4px;left:23px;transform:rotate(-14deg)}.paper.front{transform:rotate(9deg);box-shadow:3px 8px 15px #283c3110}.paper span{color:#829768;background:#e5ecd8;border-radius:3px;height:40px;margin:11px;font-size:26px;line-height:40px;display:block}.paper i{background:#dce5d0;width:46px;height:3px;margin:6px 12px;display:block}.paper i:last-child{width:28px}.spark{color:#879b68;font-size:27px;position:absolute;top:-9px;right:2px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.link-card{background:#fff;border:1px solid #e0e6d7;border-radius:12px;overflow:hidden}.card-art{color:#9aaa87;background:linear-gradient(130deg,#e3ead6,#eff1e8);justify-content:center;align-items:center;height:132px;display:flex;position:relative}.card-art>span{font:64px Georgia,serif}.card-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-art small{letter-spacing:1.5px;color:#899778;font-size:8px;position:absolute;bottom:12px;left:16px}.card-body{padding:19px}.card-meta{color:#919787;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.status{text-transform:capitalize;color:#5c783d;background:#eaf1e0;border-radius:5px;padding:3px 7px}.status.expired,.status.deleted{color:#8d8e80;background:#f0efe9}.link-card h3{overflow-wrap:anywhere;margin-bottom:6px;font-size:18px;font-weight:500;line-height:1.4}.link-card p{color:#909687;font-size:11px}.card-actions{gap:8px;padding-top:10px;display:flex}.small-primary{padding:8px 12px;font-size:11px}.icon-button{color:#7b886e;background:0 0;border:1px solid #e2e7db;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;text-decoration:none;display:inline-grid}.icon-button:hover{background:#edf1e5}.delete{margin-left:auto}.footer{color:#a0a696;justify-content:space-between;padding:31px 0;font-size:10px;display:flex}.load-more{margin:25px auto;display:block}.settings{max-width:750px;margin:58px auto}.settings h1{font-size:48px}.settings .intro{color:#788472}.settings-card{background:#fff;border:1px solid #e0e5d8;border-radius:12px;margin-top:30px;padding:32px}.settings-card h2{margin-top:20px}.settings-card p,.settings-card li{color:#7a8671;font-size:14px}.settings-card ol{padding-left:20px}.settings-card li{margin:15px 0}.settings-card blockquote{color:#6d825e;border-left:2px solid #bfd09f;margin:25px 0;padding:5px 20px;font-family:Georgia,serif;font-size:19px}dl{grid-template-columns:1fr 1fr;gap:15px;margin:30px 0;font-size:14px;display:grid}dd{text-align:right;margin:0}dt{color:#85907b}.veil{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#1c302966;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fafbf7;border:1px solid #e2e8d8;border-radius:16px;width:500px;max-height:92dvh;padding:26px;overflow:auto;box-shadow:0 24px 90px #15282033}.modal.wide{width:800px}.modal>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.modal>header h2{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.modal.full{width:100%;height:100%;max-height:none}.modal>header .icon-button{border:0}.modal p{font-size:13px;line-height:1.7}.publish-form label,.settings-card label{flex-direction:column;gap:8px;margin:18px 0;font-size:12px;font-weight:550;display:flex}input:not([type=file]),textarea{color:#30402a;background:#fff;border:1px solid #dbe2d0;border-radius:7px;width:100%;min-width:0;padding:12px 14px}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:12px}.upload-box{background:#f0f4e8;border:1px dashed #c5d2b1;border-radius:8px;padding:19px}.upload-box span{color:#849475;font-size:11px;font-weight:400}.upload-box input{max-width:100%;font-size:12px}.upload-box input::file-selector-button{color:#415834;cursor:pointer;background:#e1e9d3;border:0;border-radius:5px;margin-right:10px;padding:7px 10px}.asset-list{padding:0;list-style:none}.asset-list li{overflow-wrap:anywhere;flex-direction:column;padding:8px 0;font-size:11px;display:flex}.asset-list code{color:#758767;-webkit-user-select:all;user-select:all}.form-heading{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font-size:12px;display:flex}.text-button{color:#627b4d;background:0 0;padding:4px;font-size:12px;text-decoration:underline}.notice{color:#78856b;background:#edf1e4;border-radius:8px;padding:12px 16px}.error{white-space:pre-line;color:#914d38;overflow-wrap:anywhere;background:#faeae3;border:1px solid #edc9b7;border-radius:8px;padding:15px;font-size:13px}.global-message{z-index:20;max-width:90vw;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.global-message button{margin-left:12px}.toast{color:#fff;z-index:20;background:#314e36;border-radius:9px;align-items:center;gap:20px;max-width:90vw;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1c392b22}.toast button{color:inherit;background:0 0;font-size:20px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.danger{color:#fff;background:#a75742}.preview-frame{background:#fff;border:1px solid #dce2d3;border-radius:8px;width:100%;height:65vh}.signin{max-width:750px;margin:10vh auto;padding:30px}.signin .brand{margin-bottom:70px}.signin p{color:#7c8d71}.signin .primary{margin-top:25px}.signin-form{gap:4px;max-width:420px;display:grid}.signin-form label{gap:8px;display:grid}.signin-form .error,.signin-form .notice{margin-top:12px}.signin-providers{flex-wrap:wrap;gap:10px;margin:20px 0 6px;display:flex}.signin-switch button{color:#314e36;background:0 0;padding:0;text-decoration:underline}.consent ul{color:#4f5f45;line-height:1.8}.consent .dialog-actions{justify-content:flex-start}.signin .dialog-actions,.signin .account-actions{align-items:center;margin-top:25px}.signin .dialog-actions button,.signin .account-actions button{min-width:140px;height:46px;margin-top:0}.consent .signin-switch{margin-top:22px}.account-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width>=1600px){.main{margin:auto}}@media (width<=1050px){.sidebar{width:195px;padding:28px 18px}.main{padding:0 30px}.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:48px}.stats>div{padding:0 18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.shell{display:block}.sidebar{border-bottom:1px solid #e2e7db;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:16px 20px;position:relative}.brand{font-size:28px}.brand-mark{width:29px;height:29px;font-size:20px;line-height:29px}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:2px}nav button{gap:5px;padding:7px 8px;font-size:10px}nav button span{display:none}.main{padding:0 22px}.topbar{height:62px;font-size:10px}.avatar{width:27px;height:27px;font-size:11px}.hero{gap:24px;padding:34px 0 27px}.hero h1{letter-spacing:-1.7px;font-size:43px}.eyebrow{font-size:9px}.hero p{font-size:12px}.stats{margin-bottom:27px;padding:17px 0}.stats>div{padding:0 12px}.stats span{max-width:80px;min-height:27px;font-size:9px}.stats strong{font-size:23px}.stats small{margin-left:1px;font-size:9px}.list-heading{flex-direction:column;align-items:flex-start;gap:17px}.list-heading h2{font-size:17px}.tabs{width:100%}.tabs button{flex:1;padding:7px;font-size:11px}.empty{padding:35px 16px}.empty h2{font-size:19px}.empty p{font-size:12px}.cards{grid-template-columns:1fr}.card-art{height:150px}.footer{gap:20px;font-size:8px}.modal{border-radius:12px;max-height:94dvh;padding:19px}.veil{padding:10px}.form-heading{flex-direction:column;align-items:flex-start;gap:5px}.settings{margin:35px 0}.settings h1{font-size:38px}.settings-card{padding:20px}.settings-card h2{font-size:19px}.settings-card p,.settings-card li,dl{font-size:12px}.toast{width:calc(100% - 32px);font-size:12px}.preview-frame{height:72vh}.desktop-break{display:none}}.compact{padding:7px 10px;font-size:11px}.item-editor fieldset{border:0;min-width:0;margin:0;padding:0}.item-editor label{flex-direction:column;gap:8px;margin:12px 0;font-size:12px;display:flex}.item-editor h3{margin:0;font-size:17px;font-weight:550}.item-editor h3 small{margin-left:5px;font-size:11px;font-weight:400}.dynamic-fields{gap:14px;margin:20px 0;display:grid}.field-box{background:#fff;border:1px solid #e0e5d7;border-radius:10px;padding:14px 17px}.field-definition{grid-template-columns:1fr 128px 34px;align-items:center;gap:9px;display:grid}.field-definition input{font-size:12px;font-weight:550}.item-editor select{color:#415536;width:100%;font:inherit;background:#fafbf8;border:1px solid #dbe2d0;border-radius:7px;padding:11px 10px;font-size:12px}.item-editor input:disabled,.item-editor select:disabled{opacity:.65}.field-value>span{color:#89927f;font-size:11px}.field-value input,.field-value textarea,.field-value select{background:#f5f7ef}.item-editor>.primary{margin-top:12px}.item-editor .notice{margin-top:24px}@media (width<=650px){.sidebar{flex-wrap:wrap;gap:10px}nav{flex-wrap:wrap}.field-definition{grid-template-columns:1fr 104px 30px;gap:5px}.field-box{padding:10px}.field-definition input{padding:10px 8px}.item-editor .form-heading{flex-direction:row;align-items:center}.item-editor select{font-size:12px}}.account-id{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.list-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lifetime-button{color:#5c6a52;cursor:pointer;background:0 0;border:1px solid #dfe5d6;border-radius:6px;padding:3px 8px;font-size:10px}.lifetime-button:hover{background:#eef2e6}.lifetime-button span{margin-left:2px;font-size:8px}.lifetime-dialog p{margin-top:0}.lifetime-presets{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.lifetime-custom{border:1px solid #e0e6d7;border-radius:10px;gap:12px;padding:14px 16px 16px;display:grid}.lifetime-custom legend{color:#6f7b66;padding:0 4px;font-size:12px}.lifetime-row{gap:8px;display:flex}.lifetime-row input{width:90px}.lifetime-row input,.lifetime-row select{font:inherit;background:#fff;border:1px solid #dfe5d6;border-radius:7px;padding:7px 9px;font-size:12px}.lifetime-custom small{color:#8d9483;font-size:11px}.links-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e0e6d7;border-radius:12px;width:100%;font-size:12px;overflow:hidden}.links-table th,.links-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0e7;padding:12px 14px}.links-table thead th{letter-spacing:.08em;text-transform:uppercase;color:#8d9483;background:#fafbf7;font-size:10px;font-weight:500}.links-table tbody tr:last-child>*{border-bottom:0}.links-table tbody th{overflow-wrap:anywhere;font-size:13px;font-weight:500}.mode-tag{color:#7b8671;margin-left:8px;font-size:10px;font-weight:400;display:inline-block}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.group-form label{gap:6px;font-size:13px;display:grid}.group-form{gap:14px;display:grid}.group-form input,.group-form select{font:inherit;color:inherit;background:#fff;border:1px solid #dfe5d6;border-radius:8px;padding:10px 12px;font-size:14px}@media (width<=650px){.list-controls{justify-content:flex-start}.lifetime-presets{grid-template-columns:repeat(2,1fr)}.links-table thead{display:none}.links-table,.links-table tbody,.links-table tr,.links-table th,.links-table td{width:100%;display:block}.links-table tr{border-bottom:1px solid #edf0e7;padding:6px 0}.links-table th,.links-table td{border:0;padding:6px 14px}.links-table td[data-label]:before{content:attr(data-label);color:#8d9483;width:90px;font-size:10px;display:inline-block}.row-actions{justify-content:flex-start}}nav button{white-space:nowrap}nav button .nav-count,.shelf-tabs .nav-count{color:#314e36;background:#e3ead6;border-radius:999px;width:auto;margin-left:auto;padding:1px 8px;font-size:11px;line-height:16px;display:inline-block}.make-with-ai{justify-items:end;gap:10px;display:grid}.make-with-ai p{margin:0;font-size:13px}.make-with-ai div{flex-wrap:wrap;gap:8px;display:flex}.make-with-ai a{text-decoration:none}@media (width<=1050px){.make-with-ai{justify-items:start}}.ai-notes{border-top:1px solid #e4e8df;margin-top:28px;padding-top:14px;font-size:13px}.ai-notes summary{cursor:pointer;color:#788477}.library{padding-top:30px}.library-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.library-search{width:auto;min-width:0;font:inherit;background:#fff;border:1px solid #dce2d4;border-radius:8px;flex:0 320px;padding:9px 12px;font-size:13px}.library-body{margin-top:24px}.sidebar-folders .folder-tree{grid-template-columns:minmax(0,1fr);gap:1px;max-height:50vh;margin:-4px 0 4px;display:grid;overflow-y:auto}.sidebar-folders .tree-row{align-items:center;gap:2px;min-width:0;display:flex}.sidebar-folders .folder-tree button{color:#5c6857;background:0 0;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:13px;display:flex}.sidebar-folders .folder-tree button:hover{background:#eef2e8}.sidebar-folders .folder-tree .tree-open{flex:1;min-width:0}.sidebar-folders .folder-tree .tree-open[aria-current=page]{color:#314e36;background:#e8eddf;font-weight:550}.sidebar-folders .folder-tree button span{font-size:inherit;line-height:inherit;width:auto}.sidebar-folders .folder-tree .tree-toggle{color:#8a947f;flex:none;place-items:center;width:22px;height:26px;padding:0;display:inline-grid}.sidebar-folders .folder-tree .tree-toggle svg{transition:transform .15s}.sidebar-folders .folder-tree .tree-toggle[aria-expanded=true] svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.sidebar-folders .folder-tree .tree-toggle svg{transition:none}}.tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-folders .folder-tree .tree-count{color:#8a947f;margin-left:auto;font-size:11px}.sidebar-folders .folder-tree .tree-new{color:#8a947f;padding-left:50px}.folder-head{margin-bottom:16px}.folder-head h1{letter-spacing:-1px;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:clamp(26px,2.6vw,38px);display:-webkit-box;overflow:hidden}.folder-head p{margin:0;font-size:13px}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.new-button{padding:10px 18px}.menu{flex:none;position:relative}.menu-list{z-index:20;background:#fff;border:1px solid #dfe5d6;border-radius:10px;min-width:210px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #273c241f}.folder-tile .menu-list{left:auto;right:0}.menu-list button{text-align:left;color:#3c5238;white-space:nowrap;background:0 0;border-radius:7px;padding:9px 12px;font-size:14px}.menu-list button:hover,.menu-list button:focus-visible{background:#eef2e8}.menu-list .danger-item{color:#a3412b}.section-label{letter-spacing:0;color:#788477;margin:20px 0 10px;font-size:13px;font-weight:550}.folder-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:8px;display:grid}.folder-tile{background:#fff;border:1px solid #e0e5d9;border-radius:10px;align-items:center;gap:2px;padding-right:6px;display:flex}.folder-tile:hover{border-color:#c9d3bd}.folder-tile.drop,.folder-tree button.drop,.shelf-tabs button.drop{outline-offset:-2px;background:#e8eddf;outline:2px dashed #314e36}.folder-tile.fresh{border-color:#314e36;box-shadow:0 0 0 3px #e1e8d4}.window-actions{flex-wrap:wrap;gap:8px;display:flex}.folder-window .library-toolbar{margin-bottom:14px}.folder-window .folder-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.folder-open{text-align:left;color:#8fa27a;background:0 0;flex:1;align-items:center;gap:10px;min-width:0;padding:11px 10px;display:flex}.folder-open svg{flex:none}.folder-text{min-width:0;display:grid}.folder-text strong,.folder-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-text strong{color:#3c5238;font-size:14px;font-weight:550}.folder-text small{font-size:11px}.photo-cell{gap:3px;min-width:0;display:grid}.photo-name,.photo-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-name{color:#3c5238;font-size:12px}.photo-sub{color:#8a947f;font-size:11px}.photo-list{border-collapse:collapse;width:100%;font-size:13px}.photo-list th{text-align:left;color:#8a947f;border-bottom:1px solid #e4e8df;padding:8px 10px;font-size:12px;font-weight:500}.photo-list td{color:#3c5238;border-bottom:1px solid #eef0e9;padding:6px 10px}.photo-list tbody tr{cursor:pointer}.photo-list tbody tr:hover{background:#f3f5ee}.photo-list tbody tr.selected{background:#e8eddf}.list-name{align-items:center;gap:10px;min-width:0;display:flex}.list-thumb{background:#edf1e4;border-radius:6px;flex:none;width:36px;height:36px;overflow:hidden}.viewer{background:#f1f3ec;border-radius:8px;place-items:center;min-height:200px;display:grid}.viewer img{object-fit:contain;max-width:100%;max-height:68vh;display:block}.viewer-meta{margin:10px 0;font-size:13px}.ai-notes dl{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 20px;margin:12px 0;display:grid}.ai-notes dt{color:#8a947f;font-size:11px}.ai-notes dd{color:#5c6857;text-align:left;margin:2px 0 0;font-size:13px}.picker-list{border:1px solid #e0e5d9;border-radius:8px;max-height:50vh;margin:0 0 14px;padding:4px;list-style:none;overflow-y:auto}.picker-row{text-align:left;color:#3c5238;background:0 0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;display:flex}.picker-row:hover:not(:disabled){background:#eef2e8}.picker-row:disabled{color:#a2ab98}.picker-row small{margin-left:auto;font-size:11px}.picker-new{align-items:flex-end;gap:10px;display:flex}.picker-new label{flex:1;gap:6px;font-size:13px;display:grid}.picker-new input{font:inherit;border:1px solid #dfe5d6;border-radius:8px;padding:10px 12px;font-size:14px}@media (width<=650px){.sidebar-folders{display:none}.library-search{flex-basis:100%}.folder-tiles{grid-template-columns:minmax(0,1fr)}.photo-list .col-folder,.photo-list .col-size{display:none}}.shelf-tabs{display:inline-flex}.shelf-tabs button{justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.shelf-tabs .nav-count{margin-left:0}.photo-day h2{margin:26px 0 10px;font-size:14px;font-weight:550}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px 10px;display:grid}.photo-tile{aspect-ratio:1;background:#edf1e4;border-radius:8px;padding:0;position:relative;overflow:hidden}.photo-tile.selected:after{content:"";pointer-events:none;background:#314e361f;border:3px solid #314e36;border-radius:8px;position:absolute;inset:0}.tile-check{color:#fff;opacity:0;background:#00000040;border:1.5px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:6px;right:6px}.photo-tile:hover .tile-check,.photo-tile.selected .tile-check{opacity:1}.photo-tile.selected .tile-check{background:#314e36}.thumb{width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.processing{color:#78856b;place-items:center;font-size:12px;display:grid}.thumb-play{color:#fff;text-shadow:0 1px 6px #0009;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.selection-bar{z-index:2;background:#fff;border:1px solid #dbe2d0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;min-height:56px;margin:12px 0;padding:10px 14px;font-size:14px;display:flex;position:sticky;top:0}.sort-hint{margin:0 0 12px}@media (width<=650px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.photo-tile,.photo-tile.selected:after{border-radius:4px}nav button .nav-count{padding:0 6px;font-size:10px}}