@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+SC:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:#303c34;background:#fafbf8;font-synthesis:none;--green:#426753;--muted:#90978f;--border:#e9ece5;--side-width:238px}*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6d987e;outline-offset:4px}button{border:0;background:none}a{text-decoration:none;color:inherit}.icon{flex-shrink:0;vertical-align:middle}.tiny{width:14px;height:14px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side-width);background:#f3f5ef;border-right:1px solid #e6e9e1;padding:34px 21px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1.2px;font-weight:650;padding-left:11px}.brand em{font-style:normal;font-size:18px;letter-spacing:2px;margin-left:4px;font-weight:500}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#3c604a;color:#faf6da}.brand-symbol svg{height:27px;width:27px;fill:#faf6da;stroke-width:.7}.workspace-label{font-size:10px;letter-spacing:2.1px;color:#9a9f94;margin:15px 0 35px 13px}.nav-section-label{color:#9cA195;font-size:10px;letter-spacing:1.3px;padding:0 14px;margin:0 0 12px}.nav-item{display:flex;align-items:center;gap:13px;height:43px;border-radius:7px;width:100%;padding:0 13px;text-align:left;margin:4px 0;color:#747f72;font-size:12px}.nav-item .icon{width:18px;height:18px}.nav-item span:nth-child(2){flex:1}.nav-item.active{color:#355c43;background:#e3eadd;font-weight:550}.nav-item:hover,.album-link:hover{background:#e9eee3}.nav-count{font-size:10px;color:#8c9988;font-weight:400}.source-label{margin-top:28px}.source-dot{height:6px;width:6px;border-radius:50%;background:#85a079}.add-source{display:flex;align-items:center;gap:9px;color:#9da58f;font-size:11px;padding:10px 14px}.add-source .icon{height:15px;width:15px}.albums-label{margin-top:25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.albums-label .icon-button{width:22px;height:22px}.albums-label svg{width:14px}.album-link{display:flex;gap:12px;align-items:center;padding:11px 15px;width:100%;text-align:left;color:#7c8476;font-size:11px;border-radius:6px}.album-link small{margin-left:auto}.album-dot{display:block;width:8px;height:8px;border-radius:3px}.sand{background:#c9b98b}.sage{background:#a0b29a}.blue{background:#9cb9c1}.purple{background:#b6aac5}.sidebar-bottom{margin-top:auto;padding-top:38px}.skill-nav{display:flex;align-items:center;text-align:left;width:100%;gap:10px;padding:12px 9px;margin-bottom:24px;background:#ebeee4;border:1px solid #e4e7da;border-radius:8px;font-size:11px}.skill-nav:hover,.skill-nav.active{background:#e1e8d8}.skill-nav-icon{height:32px;width:32px;background:#e1e6d5;color:#6a8056;border-radius:9px;display:grid;place-items:center}.skill-nav>span:nth-child(2){flex:1}.skill-nav small{display:block;font-size:9px;color:#a0a58d;margin-top:5px}.storage-label{display:flex;justify-content:space-between;color:#9ca28f;font-size:9px;margin:0 6px}.storage-label>span:first-child{display:flex;align-items:center;gap:5px}.storage-label svg{width:14px;height:14px}.storage-track{height:3px;background:#e4e9dd;margin:9px 6px 24px;border-radius:8px;overflow:hidden}.storage-track i{display:block;height:100%;background:#a6b795}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #e3e7dc;width:calc(100% + 42px);margin-left:-21px;padding:20px 25px;text-align:left;font-size:11px}.avatar{width:34px;height:34px;border:2px solid white;border-radius:50%;background:#e5dbc6;color:#746f51;display:grid;place-items:center;font:500 15px Georgia,serif}.profile>span:nth-child(2){flex:1}.profile small{display:block;margin-top:5px;color:#a0a591;font-size:9px}.profile>svg{width:16px;color:#8a9381}.app-content{margin-left:var(--side-width)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 43px}.breadcrumb{display:flex;gap:16px;align-items:center;font-size:11px;color:#a1a79b}.breadcrumb strong{font-weight:450;color:#727b6b}.breadcrumb>.icon{color:#bac0b1;width:11px}.header-right{display:flex;align-items:center;gap:24px}.private-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a991;letter-spacing:.3px}.private-status i{height:5px;width:5px;background:#93ae83;border-radius:50%}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#949d8c;padding:6px}.icon-button:hover{background:#e9eee4}.icon-button .icon{height:18px;width:18px}.avatar.small{width:30px;height:30px;font-size:13px}.mobile-menu{display:none}main{max-width:1600px;margin:0 auto;padding:37px 43px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:2.4px;color:#a0a98f;font-weight:550;margin:0 0 11px}h1{font-weight:550;font-size:29px;letter-spacing:1px;line-height:1.5;margin:0 0 8px}h1 span{font-weight:450;color:#6d7e61}.page-heading p{color:#9cA18f;font-size:11px;margin:0;letter-spacing:.6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:9px 15px;border:1px solid #e0e5d9;background:#fffefb;border-radius:6px;font-size:11px;white-space:nowrap;font-weight:450;transition:background .15s}.button .icon{width:15px;height:15px}.button:hover{background:#eef2e8}.button.primary{color:#fff;background:#466852;border-color:#466852;box-shadow:0 3px 5px #32533b0a}.button.primary:hover{background:#36563f}.page-heading>.button{margin-top:8px;padding:11px 16px}.inspiration-banner{position:relative;overflow:hidden;display:flex;align-items:center;height:226px;background:#eef0e4;border:1px solid #e6eadc;border-radius:11px;padding:25px 32px;margin-bottom:37px}.banner-copy{position:relative;z-index:2}.banner-kicker{font-size:10px;letter-spacing:1px;color:#84956e;display:flex;gap:6px;align-items:center}.banner-kicker svg{width:14px;height:14px}.banner-copy h2{font-size:24px;letter-spacing:1px;font-weight:450;line-height:1.7;margin:11px 0 4px;color:#48523f}.banner-copy h2 span{color:#788b54}.banner-copy p{font-size:10px;color:#929b80;letter-spacing:.5px;margin:0 0 22px}.banner-copy>button{font-size:10px;display:flex;align-items:center;gap:17px;color:#5f754e;padding:0}.banner-copy>button .icon{width:16px}.banner-art{position:absolute;right:50px;width:345px;top:12px;bottom:0}.art-orbit{position:absolute;border:1px solid #dae1cb;border-radius:50%;width:295px;height:295px;top:-50px;right:2px}.orbit-two{width:365px;height:365px;top:-85px;right:-32px;border-color:#e3e7d6}.mini-photo{position:absolute;width:145px;background:#fffdf7;padding:7px 7px 0;box-shadow:0 5px 15px #495a3420;border-radius:4px;top:35px;transform:rotate(-10deg);left:18px}.mini-photo img{width:100%;height:128px;object-fit:cover;display:block;filter:saturate(.6)}.mini-photo span{display:flex;align-items:center;justify-content:center;height:26px;font-size:8px;letter-spacing:1px;color:#7e896a}.mini-after{top:18px;left:170px;transform:rotate(9deg);z-index:1}.mini-after img{filter:sepia(.35) saturate(.8) brightness(1.07)}.mini-after span{color:#81905f;gap:4px}.mini-after span svg{width:10px;height:10px}.art-spark{position:absolute;left:148px;top:92px;color:#94a472;font-size:32px;z-index:2}.small-spark{position:absolute;color:#b6bf9c;right:6px;top:25px;font-size:22px}.banner-note{position:absolute;right:26px;bottom:12px;font-size:7px;letter-spacing:2px;color:#adb69a}.library-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:15px}.library-title h2{font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 7px;display:flex;align-items:center;gap:12px}.library-title h2>span{font-size:9px;letter-spacing:0;background:#eef1e8;border:1px solid #e7ebdf;color:#9aa58b;border-radius:4px;padding:3px 6px;font-weight:400}.library-title p{font-size:10px;color:#a4aa99;margin:0;letter-spacing:.4px}.library-tools{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;background:#f4f6ef;border:1px solid #e9ede1;border-radius:6px;padding:8px 11px;gap:7px}.search-box .icon{width:14px;height:14px;color:#a5ad99}.search-box input{outline:none;border:0;background:none;font-size:10px;color:#647459;width:167px}.search-box input::placeholder{color:#a2ab96}.search-box kbd{font:8px inherit;color:#b1b8a5;border:1px solid #e0e5d6;border-radius:3px;padding:1px 4px;white-space:nowrap}.filter-btn{border:1px solid #e4e9dc;height:33px;width:33px}.filter-btn svg{width:15px}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;gap:10px}.tabs{display:flex;gap:6px}.tab{padding:7px 13px;font-size:10px;color:#939e86;border-radius:5px;display:flex;align-items:center;gap:4px;white-space:nowrap}.tab:hover{background:#eef1e8}.tab.active{background:#e9eee1;color:#637a50;font-weight:500}.tab svg{height:12px;width:12px}.view-tools{display:flex;align-items:center;gap:18px}.view-tools select{font-size:9px;color:#969f8a;border:0;background:none;cursor:pointer;outline-offset:0}.view-toggle{display:flex;gap:2px;padding-left:16px;border-left:1px solid #e2e8d9}.view-toggle .icon-button{height:26px;width:27px}.view-toggle svg{width:14px;height:14px}.view-toggle .active{color:#6a7e55;background:#e9eee1}.photo-grid{column-count:4;column-gap:17px}.photo-card{break-inside:avoid;position:relative;border-radius:8px;overflow:hidden;margin:0 0 17px;background:var(--placeholder);isolation:isolate;animation:reveal .5s ease both;box-shadow:0 2px 5px #3a4a3a05}.photo-card:nth-child(3n){animation-delay:.08s}.photo-card:nth-child(3n+2){animation-delay:.15s}.photo-open{width:100%;padding:0;display:block;height:var(--photo-height);position:relative;color:#fff}.photo-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-card:hover .photo-open img{transform:scale(1.045)}.photo-open:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#10221b9e);pointer-events:none}.photo-card:hover .photo-open:after{background:linear-gradient(transparent,#10221bbf)}.image-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:linear-gradient(130deg,#ffffff15,#263f3920);color:#fff9}.image-error img{display:none}.image-error .image-fallback{display:flex}.photo-heart{position:absolute;right:10px;top:10px;width:27px;height:27px;background:#fafdf52b;backdrop-filter:blur(6px);border:1px solid #ffffff33;color:#fffc;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.photo-heart svg{height:13px;width:13px}.photo-card:hover .photo-heart,.photo-heart.liked,.photo-heart:focus-visible{opacity:1}.photo-heart.liked{color:#f5ece6}.photo-heart.liked svg{fill:#f5ece6}.photo-meta{position:absolute;bottom:15px;left:15px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#fff}.photo-meta strong{font-size:11px;font-weight:450;letter-spacing:.5px;display:block;margin-bottom:6px}.photo-meta small{font-size:8px;color:#fffc;letter-spacing:.2px}.photo-edit{pointer-events:auto;display:grid;place-items:center;color:#fffe;width:27px;height:27px;border:1px solid #ffffff45;border-radius:6px;background:#ffffff10;opacity:0}.photo-edit svg{height:14px;width:14px}.photo-card:hover .photo-edit,.photo-edit:focus-visible{opacity:1}.photo-source{position:absolute;left:12px;top:12px;font-size:7px;display:flex;align-items:center;gap:4px;color:#fff;background:#26413229;backdrop-filter:blur(8px);padding:4px 6px;border:1px solid #ffffff24;border-radius:4px;letter-spacing:.4px}.photo-source svg{height:9px;width:9px}.photo-source.generated{background:#eaf2d7e6;color:#607848}.photo-grid.dense{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;columns:unset}.dense .photo-card{margin:0}.dense .photo-open{height:235px}.library-end{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#b0b8a1;padding:24px 0 37px;letter-spacing:1px}.library-end span{height:1px;width:34px;background:#e1e7d7}.library-end svg{width:13px;height:13px}footer{display:flex;justify-content:space-between;gap:10px;padding:20px 43px;border-top:1px solid var(--border);font-size:8px;color:#b0b7a4;letter-spacing:.5px}footer>span:last-child{font-size:7px;letter-spacing:1.7px}.footer-star{margin-right:5px;font-size:14px;color:#adb79b}.empty-state{column-span:all;text-align:center;padding:65px 20px 85px;color:#8f9b83;grid-column:1/-1}.empty-state>.icon{height:38px;width:38px;stroke-width:1;margin-bottom:10px}.empty-state h3{font-size:16px;font-weight:450}.empty-state p{font-size:11px;margin-bottom:25px}.selection-toolbar{display:flex;align-items:center;gap:10px;background:#ebf0e2;border-radius:7px;padding:10px 15px;margin-bottom:15px;font-size:11px}.selection-toolbar>span{margin-right:auto}.selection-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border:1px solid #fff;border-radius:4px;background:#fff4;pointer-events:none}.selection-check svg{width:16px;height:16px;color:white}.photo-card.selected{outline:3px solid #819d68;outline-offset:2px}.selected .selection-check{background:#547747}.skills-intro{border:1px solid #e2e7da;border-radius:10px;background:#eff3e8;display:flex;align-items:center;gap:18px;padding:23px;margin:12px 0 28px;color:#7e8c71;font-size:11px;line-height:2}.skills-intro>.icon{height:30px;width:30px;color:#79915f}.skills-intro strong{font-size:14px;color:#506446;font-weight:500}.installed-count{margin-left:auto;white-space:nowrap;padding:4px 10px;border-radius:5px;background:#e3ead9;color:#6d825c;font-size:10px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.skill-card{background:#fffefb;border:1px solid #e7ebdf;border-radius:10px;padding:23px;transition:box-shadow .2s,transform .2s}.skill-card:hover{box-shadow:0 8px 25px #4f65350a;transform:translateY(-3px)}.skill-card-top{display:flex;align-items:center;justify-content:space-between}.skill-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.skill-icon.green{background:#e9efdf;color:#7c9560}.skill-icon.peach{background:#f2e9dd;color:#b09a76}.skill-icon.purple{background:#ece8f2;color:#9c8bb2}.skill-icon.pink{background:#f3e8e7;color:#b5918c}.skill-icon.blue{background:#e7edf1;color:#8ca3b0}.skill-icon.yellow{background:#f2efdf;color:#afa16f}.skill-tag{color:#9fa68f;font-size:9px}.skill-card h2{font-size:18px;font-weight:500;margin:19px 0 4px}.skill-en{font-size:9px;color:#a5ac9a;letter-spacing:.8px}.skill-card p{font-size:11px;line-height:1.9;color:#919b84;min-height:42px;margin-top:20px}.skill-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #eef0e8;gap:6px}.skill-card-bottom>small{font-size:8px;color:#a9b09e}.skill-card-bottom .button{font-size:9px;padding:5px 9px;min-height:30px}.button.installed{background:#eef2e8;border-color:#e5ebdc;color:#879778}.skill-format{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#9aa58e;padding:12px 0 45px;flex-wrap:wrap}.skill-format>.icon{height:14px;width:14px}.skill-format>button{display:flex;align-items:center;color:#6d8559;font-size:10px;gap:5px}.skill-format>button svg{height:13px;width:13px}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#1d2a2366;backdrop-filter:blur(7px);z-index:50;display:flex;align-items:center;justify-content:center;padding:30px;animation:reveal .18s ease}.modal{background:#fafbf7;border:1px solid #eff1e9;border-radius:14px;width:530px;max-width:100%;max-height:90dvh;overflow:auto;padding:27px;box-shadow:0 20px 90px #1c291e26;outline:none}.modal.wide{width:1050px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-head h2{font-size:20px;font-weight:500;letter-spacing:.5px;margin:0}.modal-head p{font-size:11px;color:#99a18e;margin:9px 0 0;line-height:1.8}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.editor-canvas{background:#e7ebe2;min-height:520px;max-height:650px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:8px}.editor-canvas>img{width:100%;max-height:650px;object-fit:contain}.editor-filename{position:absolute;bottom:15px;left:15px;color:#fff;font-size:10px;background:#273e2e66;padding:6px 9px;border-radius:5px}.compare-button{position:absolute;left:50%;transform:translateX(-50%);top:14px;background:#ffffffe0;border:1px solid #fff;color:#68795c;font-size:9px;padding:7px 12px;border-radius:5px;user-select:none;touch-action:none;white-space:nowrap}.editor-section-label{font-size:12px;display:flex;align-items:center;gap:7px;margin:7px 0 19px;font-weight:500}.editor-section-label svg{height:15px;width:15px;color:#859a73}.editor-section-label small{font-size:8px;font-weight:400;color:#9ca98e;background:#edf1e5;border-radius:4px;padding:3px 5px;margin-left:auto}.range-label{display:block;color:#8a967f;font-size:10px;margin-bottom:27px}.range-label output{float:right}.range-label input{width:100%;accent-color:#708a5e;display:block;margin:16px 0 0}.editor-skill-list{display:flex;gap:7px;flex-wrap:wrap}.editor-skill{border:1px solid #e2e8da;border-radius:5px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:10px}.editor-skill.active{color:#587649;background:#e9f0df;border-color:#acbd9b}.editor-skill svg{height:13px;width:13px}.text-link{font-size:9px;color:#879775;display:flex;align-items:center;gap:8px;padding:0;margin-top:14px}.text-link svg{width:13px;height:13px}.prompt-label{margin-top:27px;margin-bottom:12px}textarea{resize:vertical;border:1px solid #e0e6d6;border-radius:6px;min-height:90px;width:100%;padding:11px;background:#f5f7ef;color:#65765a;font-size:10px;line-height:1.9}textarea::placeholder{color:#a4ae96}.model-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9ca68f;margin-top:15px;gap:5px}.model-label select{font-size:9px;color:#758568;background:none;border:1px solid #e1e7d8;padding:6px;border-radius:4px;max-width:200px}.privacy-note{display:flex;align-items:center;gap:5px;font-size:8px;color:#a3aa98;line-height:1.9;margin:12px 0}.privacy-note svg{width:12px;height:12px}.full{width:100%}.editor-divider{font-size:8px;color:#adb59e;text-align:center;margin:13px 0}.original-note{font-size:8px;color:#a5ae98;text-align:center;margin-top:12px}.lightbox-photo{background:#e7ece0;border-radius:8px;display:flex;justify-content:center;min-height:200px;max-height:65vh;overflow:hidden}.lightbox-photo img{max-width:100%;object-fit:contain;max-height:65vh}.lightbox-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.lightbox-actions>.form-note{margin-right:auto}.field{display:block;color:#7e8b71;font-size:11px;margin-bottom:20px}.field input{margin-top:9px;display:block;width:100%;background:#f2f5ec;border:1px solid #dfe6d6;border-radius:6px;min-height:40px;padding:9px 11px;color:#546b46;font-size:11px}.field input::placeholder{color:#acb59e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:10px;color:#a2ac96;line-height:1.9;margin:0 0 20px}.inline-error{color:#b27262;font-size:11px;line-height:1.8;margin:12px 0}.settings-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-top:1px solid #e7ebdf}.settings-item>div{flex:1}.settings-item strong{font-size:12px;font-weight:500}.settings-item p{font-size:9px;color:#9ba68e;line-height:1.8;margin:6px 0 0}.settings-item .button{font-size:9px;padding:7px 10px}.status-pill{background:#f1ecde;color:#a79d7d;border-radius:4px;padding:4px 6px;font-size:8px;white-space:nowrap}.status-pill.ready{background:#e5eedb;color:#7c9467}#toast{position:fixed;bottom:28px;left:calc(50% + var(--side-width)/2);transform:translate(-50%,15px);background:#354c3ceb;color:#f9fcf4;box-shadow:0 4px 20px #20331b22;padding:12px 22px;max-width:90vw;font-size:12px;border-radius:8px;z-index:100;opacity:0;pointer-events:none;transition:.2s;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.spinner{width:14px;height:14px;display:inline-block;border-radius:50%;border:2px solid #ffffff50;border-top-color:#fff;animation:spin .8s linear infinite}.dragging:after{content:'松开鼠标，将美好带入拾光';position:fixed;inset:15px;display:grid;place-items:center;border:3px dashed #9bb086;background:#edf3e5f2;border-radius:20px;z-index:99;color:#607b4e;font-size:24px;pointer-events:none}.sidebar-shade{display:none}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.photo-open{height:calc(var(--photo-height) * 1.1)}main{padding:45px 55px 0}.inspiration-banner{height:245px}.banner-art{right:90px}.banner-copy h2{font-size:28px}.banner-copy p{font-size:12px}.photo-meta strong{font-size:13px}.photo-meta small{font-size:9px}}
@media(max-width:1200px){:root{--side-width:210px}.sidebar{padding-left:15px;padding-right:15px}.profile{width:calc(100% + 30px);margin-left:-15px;padding:18px}.brand{font-size:24px}.brand em{font-size:16px}.topbar{padding:0 30px}main{padding:30px 30px 0}.photo-grid{column-count:3}.photo-grid.dense{grid-template-columns:repeat(3,1fr)}.banner-art{right:5px;transform:scale(.88);transform-origin:right center}.banner-copy h2{font-size:22px}.banner-copy p{font-size:9px}.banner-copy{max-width:55%}.skills-grid{grid-template-columns:repeat(2,1fr)}footer{padding-left:30px;padding-right:30px}}
@media(max-width:960px){:root{--side-width:190px}.sidebar{padding-top:25px}.brand{padding-left:4px;gap:7px;font-size:23px}.brand em{font-size:15px;letter-spacing:1px}.brand-symbol{width:32px;height:32px}.workspace-label{margin-left:5px;font-size:8px}.nav-item{font-size:11px;gap:10px;padding-left:10px}.sidebar-bottom{padding-top:20px}.skill-nav{gap:7px;padding-left:6px;padding-right:6px;font-size:10px}.skill-nav small{font-size:8px}.skill-nav-icon{width:27px;height:30px}.header-right{gap:15px}.private-status{font-size:8px}.page-heading h1{font-size:25px}.page-heading p{font-size:9px}.inspiration-banner{padding:22px;height:210px}.banner-copy h2{font-size:19px}.banner-copy p{max-width:230px;line-height:1.9}.banner-copy>button{font-size:9px}.banner-art{right:-20px;transform:scale(.75)}.banner-note{font-size:6px;right:15px}.search-box input{width:125px}.search-box kbd{display:none}.library-tools{gap:6px}.view-tools{gap:8px}.view-toggle{padding-left:8px}.tab{padding:6px 10px}.photo-grid{gap:13px}.photo-card{margin-bottom:13px}.photo-open{height:calc(var(--photo-height)*.85)}.photo-meta{left:11px;bottom:12px}.photo-meta small{font-size:7px}.photo-source{left:9px;top:9px}.photo-meta strong{font-size:10px}.editor-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.editor-canvas{min-height:460px}.modal{padding:22px}.lightbox-actions>.form-note{font-size:8px;max-width:200px}.profile small{font-size:8px}.skills-intro{font-size:10px}.installed-count{font-size:9px}}
@media(max-width:760px){:root{--side-width:0px}.sidebar{width:230px;transform:translateX(-100%);transition:transform .25s}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-shade{display:block;position:fixed;inset:0;background:#26362550;z-index:19;backdrop-filter:blur(2px)}.sidebar .brand{font-size:27px;gap:11px}.sidebar .brand em{font-size:18px}.sidebar .workspace-label{font-size:9px;margin-bottom:25px}.sidebar .nav-item{font-size:12px}.sidebar .sidebar-bottom{padding-top:30px}.sidebar .skill-nav{font-size:11px}.sidebar .skill-nav small{font-size:9px}.mobile-menu{display:flex}.topbar{height:64px;padding:0 22px}.breadcrumb{gap:10px;font-size:10px}.header-right{gap:12px}.header-right>.icon-button{display:none}.private-status{font-size:8px}.avatar.small{height:26px;width:26px}main{padding:27px 22px 0}.page-heading{margin-bottom:24px;gap:10px}.eyebrow{font-size:7px;letter-spacing:1.7px}.page-heading h1{font-size:24px;letter-spacing:.5px}.page-heading p{font-size:9px;letter-spacing:0;line-height:1.9;max-width:260px}.page-heading>.button{padding:8px 10px;font-size:10px;min-height:34px}.inspiration-banner{height:200px;margin-bottom:29px;padding:23px}.banner-copy h2{font-size:20px;line-height:1.8;max-width:235px}.banner-copy p{font-size:9px;max-width:220px}.banner-art{right:-12px;transform:scale(.78)}.banner-copy{max-width:55%}.banner-kicker{font-size:9px}.banner-note{bottom:9px}.library-title h2{font-size:17px}.library-title p{font-size:9px}.search-box{padding:7px 9px}.search-box input{width:140px}.filter-bar{padding-bottom:15px}.photo-grid{column-count:3;column-gap:13px}.photo-open{height:calc(var(--photo-height)*.82)}.photo-heart,.photo-edit{opacity:1}.photo-heart{height:24px;width:24px;top:9px;right:9px}.photo-meta .photo-edit{width:23px;height:23px}.photo-meta small{font-size:7px;line-height:1.6;display:block}.photo-meta{right:8px}.photo-meta strong{font-size:10px}.photo-source{font-size:6px}.skills-grid{gap:15px}.skill-card{padding:20px}.skill-card-bottom{flex-wrap:wrap;gap:10px}footer{padding:17px 22px}footer>span:last-child{font-size:6px;letter-spacing:1px}.modal-backdrop{padding:20px}.editor-layout{grid-template-columns:minmax(0,1fr) 230px}.editor-canvas{min-height:420px}#toast{bottom:22px}}
@media(max-width:540px){.topbar{padding:0 16px}.private-status{font-size:7px;gap:5px}.header-right{gap:10px}.breadcrumb{gap:7px}.breadcrumb>.icon{width:9px}.topbar .icon-button{width:25px;height:25px}main{padding:25px 17px 0}.page-heading h1{font-size:21px;letter-spacing:0}.page-heading p{font-size:8px;max-width:230px}.page-heading>.button{font-size:9px;gap:4px;padding:7px 8px;min-height:32px}.page-heading>.button svg{width:12px;height:12px}.eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:9px}.inspiration-banner{height:192px;padding:22px 18px}.banner-copy{max-width:65%}.banner-copy h2{font-size:18px;max-width:200px;line-height:1.7;margin-top:10px}.banner-copy h2 span{display:block}.banner-copy p{font-size:8px;max-width:170px;line-height:1.9;margin-bottom:14px}.banner-kicker{font-size:8px}.banner-kicker svg{width:12px;height:12px}.banner-copy>button{font-size:8px;gap:10px}.banner-art{right:-62px;transform:scale(.59);transform-origin:right center;top:-5px;opacity:.95}.mini-before{left:-5px;top:40px}.mini-after{left:135px;top:68px}.art-spark{left:125px;top:115px}.small-spark{right:40px}.banner-note{font-size:5px;letter-spacing:1px;right:10px;bottom:10px}.library-title{flex-wrap:wrap;gap:16px;margin-bottom:16px}.library-title>div:first-child{flex:1}.library-title h2{font-size:16px;gap:8px}.library-title p{font-size:8px}.library-tools{gap:6px}.search-box{padding:7px 8px}.search-box input{width:98px;font-size:8px}.search-box svg{width:12px}.filter-btn{width:28px;height:28px;padding:5px}.filter-btn svg{width:13px}.filter-bar{gap:5px}.tabs{gap:1px}.tab{font-size:9px;padding:6px 9px}.tab svg{width:10px;height:10px}.view-tools select{font-size:8px;max-width:65px}.view-tools{gap:5px}.view-toggle{padding-left:5px;gap:0}.view-toggle .icon-button{width:23px;height:23px;padding:5px}.view-toggle .icon-button svg{width:12px;height:12px}.photo-grid{column-count:2;column-gap:12px}.photo-card{margin-bottom:12px;border-radius:7px}.photo-open{height:calc(var(--photo-height)*.87)}.photo-grid.dense{grid-template-columns:repeat(2,1fr);gap:12px}.dense .photo-open{height:200px}.photo-meta strong{font-size:10px}.photo-meta small{font-size:7px}.photo-meta{left:12px;bottom:13px}.photo-source{font-size:6px;left:10px;top:10px}.library-end{font-size:8px;gap:9px;padding-top:22px}footer{padding:16px 17px;font-size:7px}footer>span:last-child{display:none}.skills-intro{padding:18px;gap:12px;font-size:9px;align-items:flex-start}.skills-intro>.icon{height:24px;width:24px;margin-top:6px}.skills-intro strong{font-size:12px}.installed-count{display:none}.skills-grid{grid-template-columns:1fr}.skill-card{padding:22px}.skill-card h2{font-size:19px}.skill-card p{min-height:unset;margin:17px 0}.skill-card-bottom{flex-wrap:nowrap}.skill-card-bottom>small{font-size:9px}.skill-card-bottom .button{font-size:10px}.modal-backdrop{padding:12px}.modal{max-height:94dvh;padding:19px;border-radius:11px}.modal-head h2{font-size:18px}.modal-head p{font-size:10px}.editor-layout{grid-template-columns:1fr;gap:22px}.editor-canvas{min-height:230px;max-height:340px}.editor-canvas>img{max-height:340px}.editor-controls{padding:0 4px}.editor-section-label{font-size:12px}.range-label{margin-bottom:23px}.editor-skill{font-size:10px}.lightbox-actions{flex-wrap:wrap;gap:8px}.lightbox-actions>.form-note{max-width:none;flex-basis:100%;margin-bottom:5px}.lightbox-actions .button{flex:1}.settings-item{gap:10px}.settings-item .skill-icon{width:35px;height:35px;border-radius:10px}.settings-item strong{font-size:11px}.settings-item p{font-size:8px}.settings-item .button{padding:6px 8px;font-size:8px}.form-note{font-size:9px}.selection-toolbar{flex-wrap:wrap;padding:10px;font-size:10px}.selection-toolbar .button{font-size:9px;padding:6px 9px;min-height:30px}#toast{font-size:11px;padding:11px 16px;min-width:200px;text-align:center}.dragging:after{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Tembo: a small companion for your memories. */
.brand{font-size:25px;letter-spacing:-1px;gap:9px}.brand em{font-size:17px;letter-spacing:1.5px;margin-left:3px}.brand-symbol svg.tembo-mark{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4}.footer-star{display:inline-flex;vertical-align:middle}.footer-star .tembo-mark{width:17px;height:17px}.banner-kicker .tembo-mark{width:18px;height:18px}.library-end .tembo-mark{width:18px;height:18px}
@media(max-width:960px) and (min-width:761px){.brand{font-size:21px;gap:6px}.brand em{font-size:14px;letter-spacing:1px}.brand-symbol svg.tembo-mark{width:27px;height:27px}}
.matching-chips{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0 15px}.matching-chips>span{border-radius:4px;background:#eff3e7;color:#96a585;font-size:8px;padding:3px 6px}.metadata-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.tag-choice{border:1px solid #e1e7d8;border-radius:5px;background:#fafcf6;color:#98a98b;padding:5px 9px;font-size:9px}.tag-choice.active{background:#e4eed9;border-color:#b8cba6;color:#6f8b58}.photo-metadata-form .field>select{display:block;width:100%;padding:10px;margin-top:9px;border:1px solid #dfe7d5;border-radius:6px;background:#f2f6e9;color:#789365;font-size:11px}.photo-metadata-form .field small{display:block;margin-top:7px;font-size:9px;color:#a1af93}.metadata-note{padding:10px 12px;background:#eef3e6;border:1px solid #e3ebd8;border-radius:5px;margin-bottom:18px;color:#94a882;font-size:9px;line-height:1.8}.import-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.import-preview{min-width:0;background:#eef2e7;border-radius:8px;padding:15px;align-self:start}.import-preview>img{width:100%;height:320px;object-fit:contain}.import-preview>strong{font-size:12px;color:#80966f;font-weight:450;display:block;text-align:center;margin:14px 0}.import-thumbnails{display:flex;gap:8px;overflow:auto;padding:6px 3px}.import-thumbnails button{flex-shrink:0;position:relative;border:2px solid transparent;border-radius:5px;padding:2px}.import-thumbnails button.active{border-color:#90a779}.import-thumbnails img{width:54px;height:48px;object-fit:cover;border-radius:3px;display:block}.import-thumbnails span{position:absolute;left:4px;top:4px;font-size:7px;color:#fff;background:#526b44a8;border-radius:3px;padding:2px 4px}.recognition-actions{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 10px}.recognition-actions .button{font-size:9px;min-height:30px;padding:7px 10px}.import-review-layout .text-link{margin:15px 0 20px}.photo-match-summary{padding:11px;border:1px solid #e1e9d7;border-radius:6px;background:#f1f6e9;margin-bottom:19px}.photo-match-summary>span{color:#7e9668;font-size:10px}.photo-match-summary>button{float:right;color:#98ab85;font-size:8px;padding:1px}.photo-match-summary .matching-chips{margin:8px 0 0}.recommended-skills{display:grid;gap:7px;margin-bottom:23px}.recommended-skills>button{text-align:left;border:1px solid #e0e9d6;border-radius:6px;padding:9px;background:#f6f9f0}.recommended-skills>button:hover{border-color:#acbf96;background:#edf4e2}.recommended-skills>button>span{display:flex;align-items:center;gap:6px;color:#7c9469}.recommended-skills svg{width:13px;height:13px}.recommended-skills strong{font-size:10px;font-weight:450;flex:1}.recommended-skills em{font-size:8px;font-style:normal;color:#9eae8e}.recommended-skills small{font-size:8px;color:#a0ae90;display:block;margin-top:6px;line-height:1.7}.recommended-skills>p{font-size:9px;color:#a1af93;line-height:1.9}.photo-metadata-form textarea{margin-top:8px}
@media(max-width:760px){.import-review-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.import-preview>img{height:270px}}
@media(max-width:540px){.import-review-layout{grid-template-columns:1fr}.import-preview{padding:12px}.import-preview>img{height:200px}.import-thumbnails img{width:46px;height:42px}.photo-metadata-form .field>select{font-size:10px}.metadata-tags{gap:5px}.tag-choice{font-size:8px;padding:5px 8px}.photo-match-summary{padding:12px}.recommended-skills{grid-template-columns:1fr 1fr;gap:7px}.recommended-skills strong{font-size:9px}.recommended-skills em{font-size:7px}}

.nas-browser{padding:20px;border:1px solid var(--border,#e4e8df);border-radius:14px;background:#f8faf4;margin:20px 0}.nas-browser-top,.nas-browser-top>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.nas-browser strong{display:flex;gap:8px;align-items:center}.nas-browser small{display:block;color:#84917d;margin-top:6px}.nas-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}.nas-breadcrumbs button{border:0;background:none;color:#6c855e;cursor:pointer}.nas-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px}.nas-folders button{display:flex;align-items:center;gap:12px;padding:18px;background:white;border:1px solid #e4e8df;border-radius:10px;text-align:left;cursor:pointer}.nas-folders button span{flex:1;overflow-wrap:anywhere}.nas-remember{display:flex;gap:10px;margin:18px 0}.photo-display-tabs{display:flex;gap:3px;background:#edf0e7;padding:4px;border-radius:8px}.photo-display-tabs button{border:0;background:transparent;color:#7b8872;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}.photo-display-tabs .active{background:white;color:#455b3c;box-shadow:0 1px 4px #23332212}.photo-organization{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;color:#7b8872;font-size:11px}.photo-organization>span{flex:1}.photo-organization select{padding:10px;border:1px solid #dde4d5;border-radius:8px;background:white;color:#516449}.photo-timeline{display:block}.timeline-group{margin:30px 0 40px}.timeline-group header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.timeline-group h3{font-size:24px;margin:0}.timeline-group header span{color:#89977e}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.timeline-grid .photo-card{break-inside:avoid}.timeline-grid .photo-open{height:190px}.photo-map-view{display:block}.map-summary{display:flex;gap:16px;align-items:center;margin:15px 0}.map-summary span,.map-network-note{color:#89977e;font-size:11px}.map-network-note{line-height:1.7}#photo-map{height:480px;border-radius:16px;background:#e5ece2;isolation:isolate}.photo-marker-shell{background:transparent;border:0}.map-photo-marker{position:relative;width:60px;height:60px;border:3px solid white;border-radius:12px;background:#7d956f;box-shadow:0 4px 16px #24351f66}.map-photo-marker img{height:100%;width:100%;object-fit:cover;border-radius:8px}.map-photo-marker span{position:absolute;right:-9px;top:-10px;border:2px solid white;background:#657f55;color:white;border-radius:20px;padding:3px 7px;font-size:11px}.map-selection{padding:20px 0;color:#687c59}.map-photo-strip{display:flex;gap:12px;overflow:auto}.map-photo-strip button{flex:0 0 120px;border:0;background:#f4f6ef;border-radius:9px;padding:6px;cursor:pointer}.map-photo-strip img{width:108px;height:85px;object-fit:cover;border-radius:6px}.map-photo-strip span{display:block;margin:7px 0;font-size:11px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px!important}@media(max-width:700px){.view-tools{flex-wrap:wrap;gap:10px}.photo-organization>span{flex-basis:100%}.nas-browser-top{align-items:flex-start;flex-direction:column}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#photo-map{height:400px}}