@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--paper:#f8f8f3;--white:#fff;--ink:#27372e;--muted:#858b80;--line:#e4e7de;--forest:#264638;--forest-soft:#e8eee4;--warm:#f1eee5;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--sidebar:244px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #adbc86;outline-offset:4px}button{border:0}svg{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:9999;padding:12px 20px;background:var(--forest);color:white;border-radius:8px}.skip-link:focus{top:15px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:30px 21px 18px;background:#f0f2e9;border-right:1px solid #e3e6db;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:10px;font:800 35px/1 'Manrope',var(--sans);letter-spacing:-2.6px;padding:0 11px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--forest);color:#f8f9f0;font-size:32px;letter-spacing:0;font-weight:400;padding-bottom:2px}.brand-dot{color:#7c8d5b}.brand-description{font-size:11px;color:#959b8b;margin:14px 0 39px;padding-left:11px}.nav-label{color:#979e8e;font-size:10px;letter-spacing:1.3px;font-weight:600;padding:0 12px;margin-bottom:12px}.nav-group{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;width:100%;padding:10px 12px;border-radius:7px;background:transparent;font-size:12px;color:#707d6c;text-align:left;transition:background .15s,color .15s}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#e0e6d7;color:#294231;font-weight:600}.nav-item:hover{background:#e6eadf;color:#294231}.nav-count{margin-left:auto;font-size:10px;color:#7e8b72}.nav-item.active .nav-count{border-radius:4px;padding:1px 6px;background:#cfdbc4;color:#57704b}.nav-dot{margin-left:auto;width:5px;height:5px;background:#7b9672;border-radius:50%}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-top:34px;margin-bottom:8px;padding-right:7px}.collection-heading .nav-label{margin:0}.collection-dot{height:8px;width:8px;border-radius:3px;flex-shrink:0;margin:0 4px}.collections-nav{gap:1px}.collections-nav .nav-item{min-height:38px;font-size:12px}.new-collection{display:flex;align-items:center;gap:10px;background:none;color:#969f8b;font-size:11px;padding:15px 12px;text-align:left}.new-collection svg{width:15px;height:15px}.sidebar-bottom{margin-top:auto;padding-top:35px}.storage-card{padding:16px 13px;background:#e9eddf;border:1px solid #dfe5d6;border-radius:8px;display:flex;gap:10px;flex-wrap:wrap}.storage-icon svg{width:19px;height:19px;color:#7c8c6a;margin-top:2px}.storage-card strong{font-size:11px;font-weight:600;color:#5f7051}.storage-card p{font-size:9px;color:#98a08c;margin:3px 0 0}.storage-track{height:4px;width:100%;background:#d8e0cd;border-radius:10px;margin-top:3px;overflow:hidden}.storage-track span{display:block;width:18%;height:100%;background:#8d9f77;border-radius:10px}.storage-card small{font-size:9px;color:#99a18e;margin-top:-4px}.workspace-button{margin-top:21px;background:transparent;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:0 4px}.avatar{height:31px;width:31px;background:#d4dcc7;border:2px solid #f6f7f0;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:18px;color:#687d50}.workspace-button strong{font-size:11px;font-weight:600;display:block}.workspace-button small{display:block;font-size:9px;color:#969e8d}.workspace-button>span:last-child{margin-left:auto}.workspace-button svg{width:15px;height:15px;color:#9ba38f}.main-shell{margin-left:var(--sidebar)}.topbar{height:81px;padding:0 43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(248,248,243,.94)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#9a9f91}.breadcrumb svg{width:16px;height:16px;color:#9aa38d}.breadcrumb strong{color:#607156;font-weight:500}.breadcrumb-divider{color:#c5cbbd;margin:0 4px}.topbar-actions{display:flex;align-items:center;gap:19px}.private-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d9782}.private-label svg{width:14px;height:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 18px;border-radius:7px;font-weight:500;font-size:12px;transition:background .15s,transform .15s;white-space:nowrap;border:1px solid transparent}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#1a3528}.button-secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.button-light{background:#f6f6ec;color:var(--ink)}.button-danger{background:#a34238;color:#fff}.compact{min-height:35px;padding:8px 13px;font-size:10px;gap:7px}.compact svg{width:14px;height:14px}.full-width{width:100%}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border-radius:6px;color:#8a967b;flex-shrink:0}.icon-button:hover{background:#e8ecdf;color:var(--forest)}.icon-button svg{width:18px;height:18px}.icon-button.small{width:25px;height:25px}.small svg{width:15px;height:15px}.mobile-menu,.mobile-brand{display:none}main{padding:46px 43px 0;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:36px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:1.45px;color:#899276}.tiny-sparkle{font-size:15px;line-height:15px;color:#8b9a70;margin-right:3px}h1{font:400 50px/.99 var(--serif);letter-spacing:-2.1px;margin:19px 0 18px;color:#2c3d2e}h1 em{font-weight:400;color:#7c8d68}p{margin:0}h2,h3{margin:0}.page-description{color:#93998a;font-size:11px;letter-spacing:.1px}.heading-aside{padding:12px 18px 0 0;text-align:center;transform:rotate(-6deg)}.handwritten{font:italic 17px/1.45 var(--serif);color:#a3ac92;letter-spacing:.3px}.heading-doodle{display:block;font:50px/1 var(--serif);color:#a7b18e;margin-top:10px;transform:rotate(-12deg)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2,.library-title h2{font-size:13px;font-weight:600;letter-spacing:-.2px}.section-heading h2 span{font-size:10px;font-weight:400;color:#a7ae9c;margin-left:6px}.text-button{background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:500;color:#7e8b6e;padding:4px 0;white-space:nowrap}.text-button:hover{color:var(--forest)}.text-button svg{width:13px;height:13px}.collection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.collection-card{display:flex;align-items:center;gap:13px;min-width:0;background:#fff;border:1px solid #e5e8de;border-radius:8px;padding:10px;text-align:left;transition:border-color .15s,transform .15s}.collection-card:hover{transform:translateY(-2px);border-color:#b9c4a7}.collection-thumbnails{width:67px;height:60px;position:relative;flex-shrink:0}.collection-thumbnails img{width:49px;height:55px;object-fit:cover;border:2px solid #fff;border-radius:4px;position:absolute;left:5px;top:1px;transform:rotate(-8deg)}.collection-thumbnails img+img{left:18px;top:3px;transform:rotate(9deg)}.collection-thumbnails .collection-placeholder{display:grid;place-items:center;height:55px;width:55px;margin:3px;border-radius:6px;background:#edf0e5;color:#8a9a72}.collection-card strong{font-size:11px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card small{font-size:9px;color:#a0a793;display:block;margin-top:3px}.collection-card>svg{width:15px;height:15px;margin-left:auto;margin-right:5px;color:#9eab8c}.collection-section{margin-bottom:32px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.library-title{display:flex;align-items:center;gap:9px;flex-shrink:0}.count-pill{border-radius:5px;background:#ecefe4;padding:1px 6px;font-size:9px;color:#8e9c7e}.example-pill{font-size:7px;letter-spacing:.6px;color:#9ca48e;border:1px solid #dce3d1;border-radius:3px;padding:3px 5px}.library-controls{display:flex;align-items:center;gap:13px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e5e9df;background:#fff;padding:7px 9px;border-radius:6px;width:205px;height:33px}.search-field svg{height:13px;width:13px;color:#a0aa93}.search-field input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:9px;color:var(--ink)}.search-field input::placeholder{color:#a2aa98}.search-field kbd{font:10px var(--sans);color:#b1b9a7;border:1px solid #e6e9e0;padding:0 4px;border-radius:3px}.sort-field{position:relative;display:flex;align-items:center;gap:3px}.sort-field select{border:0;background:none;appearance:none;padding:7px 16px 7px 0;font-size:10px;color:#909b81;max-width:110px;cursor:pointer}.sort-field svg{height:11px;width:11px;position:absolute;right:0;pointer-events:none;color:#909b81}.density-controls{display:flex;gap:1px;border-left:1px solid #e2e7da;padding-left:9px}.density-controls .icon-button{width:28px;height:28px}.density-controls .icon-button svg{height:15px;width:15px}.density-controls .active{background:#e8edde;color:#5f7750}.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;margin:-4px 0 18px;border:1px solid #e0e5d5;border-radius:6px;background:#f0f3e9;font-size:9px;color:#899578}.demo-notice strong{font-weight:600;color:#6e805d}.demo-notice .text-button{font-size:9px}.gallery-grid{column-count:4;column-gap:18px}.gallery-grid.compact{column-count:5}.image-card{position:relative;break-inside:avoid;margin-bottom:18px;border-radius:8px;overflow:hidden;background:#e9ebdf;isolation:isolate}.image-open{display:block;padding:0;background:none;width:100%;border:0;text-align:left;line-height:0}.image-card img{width:100%;height:auto;display:block;transition:transform .55s;min-height:120px;object-fit:cover}.image-card:hover img{transform:scale(1.04)}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,31,19,.13) 0%,transparent 40%,rgba(15,25,15,.52) 100%);pointer-events:none;opacity:0;transition:opacity .2s}.image-card:hover .image-overlay,.image-card:focus-within .image-overlay,.image-card.selected .image-overlay{opacity:1}.card-details{position:absolute;bottom:13px;left:13px;right:13px;pointer-events:none;color:white;opacity:0;transform:translateY(5px);transition:all .2s}.image-card:hover .card-details,.image-card:focus-within .card-details,.image-card.selected .card-details{opacity:1;transform:none}.card-details h3{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-details p{font-size:8px;color:#e0e6d6;margin-top:3px}.card-favorite,.card-select,.card-edit{position:absolute;top:10px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:#57694d;opacity:0;transition:opacity .15s,background .15s}.card-favorite svg,.card-select svg,.card-edit svg{width:13px;height:13px}.card-favorite{right:10px}.card-edit{right:10px;top:44px}.card-select{left:10px}.image-card:hover .card-favorite,.image-card:hover .card-select,.image-card:hover .card-edit,.image-card:focus-within .card-favorite,.image-card:focus-within .card-select,.image-card:focus-within .card-edit,.card-favorite.is-favorite,.card-select.is-selected{opacity:1}.card-favorite.is-favorite{color:#9d4b47}.card-favorite.is-favorite svg{fill:#9d4b47;stroke:#9d4b47}.card-select.is-selected{background:#264638;color:#fff}.image-card.selected{outline:3px solid #597b42;outline-offset:3px}.card-label{position:absolute;top:10px;left:10px;font-size:7px;font-weight:500;letter-spacing:.8px;pointer-events:none;border-radius:3px;padding:3px 5px;background:rgba(255,255,255,.8);color:#687958}.image-card .private-badge{position:absolute;left:10px;bottom:10px;background:#fffdf1ed;color:#6b775e;font-size:7px;letter-spacing:.5px;display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:3px;pointer-events:none;transition:opacity .2s}.private-badge svg{height:9px;width:9px}.image-card:hover .private-badge{opacity:0}.selection-bar{position:sticky;top:10px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;z-index:10;border-radius:7px;box-shadow:0 4px 18px #24372515;margin-bottom:18px;font-size:11px}.selection-bar>div{display:flex;align-items:center;gap:16px}.selection-bar .text-button,.selection-bar .icon-button{color:#eef1e6}.selection-bar .danger{color:#edb1a5}.inline-status{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#6f7e61;font-size:12px;margin-bottom:18px}.inline-status.error{color:#995043;background:#fff5ef;border-color:#eed8c9}.empty-state{text-align:center;padding:65px 20px 75px;border:1px dashed #d8e0ca;border-radius:12px;background:#f2f4eb}.empty-state .empty-icon{width:65px;height:65px;display:grid;place-items:center;background:#e8eddd;border-radius:50%;margin:0 auto 20px;color:#84966d}.empty-icon svg{width:27px;height:27px}.empty-state h3{font:30px var(--serif);color:#5a7050;margin-bottom:10px}.empty-state p{font-size:12px;color:#939e86;max-width:370px;margin:0 auto 22px}.empty-state .button{font-size:11px}.empty-state .text-button{display:flex;margin:17px auto 0}.library-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px 0 24px;border-top:1px solid var(--line);margin-top:27px;font-size:8px;color:#a6af99;letter-spacing:.15px}.library-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-sparkle{font-size:14px;color:#9da98b}.load-more-wrap{text-align:center;margin-top:23px}.load-more-wrap:has(.hidden){margin:0}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.summary-card{border:1px solid var(--line);border-radius:8px;background:white;padding:18px;display:flex;align-items:center;gap:12px}.summary-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#f1f3e9;color:#7c9167}.summary-card strong{display:block;font-size:21px;font-weight:500}.summary-card small{font-size:10px;color:#96a089}.admin-session-row{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:#8c9981;margin-top:-3px}.admin-session-row>div{display:flex;gap:16px}.integration-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:40px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px}.integration-card.wide{grid-column:1/-1}.integration-icon{background:#eaf0e1;color:#5b7950;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;margin-bottom:20px}.integration-card h2{font:26px var(--serif);letter-spacing:-.5px;margin-bottom:10px}.integration-card p{font-size:12px;color:#8c9780;line-height:1.85}.integration-card ol{padding-left:18px;color:#8c9780;font-size:12px;line-height:1.8;margin:15px 0}.integration-card .connection-status{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:500;letter-spacing:.4px;border-radius:4px;background:#f0f2e9;padding:5px 8px;margin-bottom:13px;color:#8b987c}.connection-status.connected{background:#e6efdf;color:#50733c}.connection-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.integration-card code{display:block;word-break:break-all;background:#f4f5ef;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:10px;color:#627855;margin:12px 0}.integration-card .button{margin-top:16px}.integration-note{padding:15px;background:#f6f3e8;border-radius:7px;margin-top:18px;font-size:11px!important;color:#948467!important}.integration-card .text-button{font-size:11px;margin-top:12px}.modal{border:1px solid #dfe5d7;border-radius:15px;background:#fbfcf6;color:var(--ink);padding:32px;width:min(580px,calc(100vw - 30px));max-height:calc(100dvh - 50px);box-shadow:0 30px 100px #1c301a30;overflow-y:auto}.modal::backdrop{background:rgba(27,39,29,.5);backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.modal h2{font:32px/1.15 var(--serif);letter-spacing:-.8px;margin-top:10px}.modal .eyebrow{font-size:8px;letter-spacing:1.15px}.modal p{color:#8f9a82;font-size:12px;line-height:1.8}.modal-close{position:absolute;top:16px;right:16px}.login-modal{width:min(410px,calc(100vw - 30px));text-align:center;padding:40px 35px 28px}.modal-brand-mark{display:grid;place-items:center;background:var(--forest);color:#fff;font-size:36px;width:48px;height:48px;border-radius:13px;margin:0 auto 25px}.login-modal .eyebrow{justify-content:center}.login-modal h2{font-size:38px;margin:12px 0}.login-modal p{max-width:290px;margin:auto}.login-modal form{text-align:left;margin-top:27px}.field-label{display:block;font-size:11px;font-weight:500;color:#738167;margin-bottom:17px}.text-input{display:block;width:100%;border:1px solid #dfe5d5;background:#fff;border-radius:6px;min-height:42px;padding:10px 12px;font-size:12px;color:var(--ink);margin-top:7px;outline-color:#a1b98b}.text-input::placeholder{color:#b1b9a7}.field-label small{display:block;font-size:10px;font-weight:400;color:#9ba58e;margin-top:5px}.login-modal .button{margin-top:21px}.modal p.small-note{font-size:10px;margin-top:19px;color:#a2ab98}.form-error{color:#a24f41!important;font-size:11px!important;margin:12px 0!important;max-width:none!important}.drop-zone{border:1px dashed #b4c39d;background:#f1f5e9;border-radius:10px;padding:30px 15px;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.drop-zone.drag-over{background:#e3edda;border-color:#5d8246}.upload-cloud{display:grid;place-items:center;background:#e4ecd9;border-radius:12px;width:46px;height:46px;margin:0 auto 14px;color:#7e9468}.upload-cloud svg{width:23px;height:23px}.drop-zone strong{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.drop-zone p{font-size:10px}.drop-zone small{display:block;color:#a4af96;font-size:9px;margin-top:11px}.link-text{color:#5b7a46;text-decoration:underline;text-underline-offset:3px}.upload-mobile-actions{display:flex;align-items:center;gap:14px;margin:13px 0 22px}.upload-mobile-actions .button{font-size:10px;min-height:34px;padding:7px 11px}.upload-mobile-actions>span{font-size:9px;color:#9aa58c}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.upload-queue{display:grid;gap:9px;max-height:270px;overflow:auto;padding:0 2px}.queue-item{display:flex;align-items:center;gap:11px;padding:9px;background:white;border:1px solid var(--line);border-radius:8px}.queue-item img{height:43px;width:43px;object-fit:cover;border-radius:5px}.queue-info{min-width:0;flex:1}.queue-info strong{display:block;font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-info small{display:block;font-size:8px;color:#a0aa94;margin-top:3px}.queue-info small.failed{color:#a15448}.queue-progress{height:3px;border-radius:3px;background:#e8eddf;margin-top:7px;overflow:hidden}.queue-progress span{height:100%;background:#88a167;display:block;transition:width .15s}.queue-check{color:#7f9c62}.queue-check svg{height:18px;width:18px}.queue-item .text-button{font-size:9px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.modal-footer>span{font-size:9px;color:#a0aa94;max-width:230px}.modal-footer .text-button{font-size:11px}.ai-row{display:flex;gap:12px;align-items:center;margin:22px 0}.ai-row .button{font-size:10px;min-height:35px;padding:7px 10px}.ai-row small{font-size:9px;color:#9aa58b}.confirm-modal{width:min(400px,calc(100vw - 30px));padding:30px}.confirm-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#a45043;background:#f8e7de;margin-bottom:20px}.confirm-modal h2{font-size:28px;margin:0 0 12px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#15231bf5;color:#fff;overflow:hidden}.lightbox::backdrop{background:#15231b}.lightbox-top{height:74px;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;color:#b3c0a8;font-size:10px}.lightbox-top>div{display:flex;gap:8px}.light-icon{color:#d1d9c8}.light-icon:hover{background:#ffffff15;color:white}.light-icon.active svg{fill:#e1c4ac;color:#e1c4ac}.lightbox-image-wrap{height:calc(100dvh - 178px);padding:10px 85px;display:flex;align-items:center;justify-content:center}.lightbox-image-wrap img{max-height:100%;max-width:100%;object-fit:contain;border-radius:4px;box-shadow:0 15px 70px #0003}.lightbox-arrow{position:absolute;top:47%;background:#ffffff0b;color:#d4ddca;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.lightbox-arrow:hover{background:#ffffff20}.lightbox-arrow.prev{left:24px}.lightbox-arrow.next{right:24px}.lightbox-bottom{height:104px;padding:20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-bottom h2{font:26px var(--serif);margin:0 0 4px}.lightbox-bottom p{font-size:10px;color:#93a288}.lightbox-bottom .button{font-size:11px}.toast-container{position:fixed;bottom:24px;left:calc(50% + 110px);transform:translateX(-50%);z-index:1000;display:grid;gap:8px;max-width:calc(100vw - 40px);pointer-events:none}.toast{background:#284737;color:#f4f6ed;box-shadow:0 6px 30px #1b341c25;padding:13px 19px;border-radius:8px;font-size:12px;display:flex;gap:9px;align-items:center;animation:toast-in .2s ease-out;pointer-events:auto}.toast.error{background:#8f493c}.toast svg{width:16px;height:16px;flex-shrink:0}.skeleton{background:linear-gradient(110deg,#e7eadf 8%,#eff2e8 18%,#e7eadf 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;height:230px}.skeleton:nth-child(3n+1){height:310px}.skeleton:nth-child(3n+2){height:190px}@keyframes shimmer{to{background-position-x:-200%}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(min-width:1600px){main{padding-top:55px}.page-heading{margin-bottom:45px}h1{font-size:62px}.gallery-grid{column-count:5}.gallery-grid.compact{column-count:6}.collection-card{padding:13px}.collection-thumbnails{width:78px;height:68px}.collection-thumbnails img{width:55px;height:63px}.collection-card strong{font-size:12px}.collection-section{margin-bottom:38px}.page-description{font-size:12px}.image-card{margin-bottom:22px}.gallery-grid{column-gap:22px}}@media(max-width:1200px){:root{--sidebar:218px}.sidebar{padding-left:14px;padding-right:14px}.topbar{padding:0 28px}main{padding:38px 28px 0}.gallery-grid{column-gap:14px}.image-card{margin-bottom:14px}.heading-aside{padding-right:0}.handwritten{font-size:14px}.library-controls{gap:9px}.search-field{width:175px}.collection-card{gap:9px}.collection-thumbnails{width:55px}.collection-thumbnails img{width:43px;height:52px}.collection-thumbnails img+img{left:12px}.collection-card>svg{display:none}.example-pill{font-size:6px}.library-toolbar{flex-wrap:wrap}.library-controls{margin-left:auto}}
@media(max-width:1000px){:root{--sidebar:200px}.brand{font-size:31px}.brand-description{font-size:9px;padding-left:8px}.nav-item{font-size:11px;gap:9px;padding-left:10px}.sidebar{padding-left:12px;padding-right:12px}.storage-card{padding:12px 10px;gap:7px}.storage-card strong{font-size:10px}.storage-card p{font-size:8px}.storage-icon svg{width:16px}.storage-card small{font-size:8px}.gallery-grid{column-count:3}.gallery-grid.compact{column-count:4}.heading-aside{display:none}.topbar{height:72px}.topbar-actions{gap:10px}.private-label{display:none}.collection-cards{gap:9px}.collection-card{padding:8px;gap:7px}.collection-thumbnails{width:45px;height:48px}.collection-thumbnails img{width:35px;height:45px;left:0}.collection-thumbnails img+img{left:8px}.collection-card strong{font-size:10px}.collection-card small{font-size:8px}.breadcrumb{gap:8px;font-size:10px}.search-field{width:185px}.density-controls{padding-left:5px}.library-title h2{font-size:12px}.integration-card{padding:22px}.integration-card h2{font-size:24px}}
@media(max-width:760px){:root{--sidebar:244px}.sidebar{transform:translateX(-100%);transition:transform .25s;padding:29px 21px 20px;z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;background:#16271c66;z-index:90;backdrop-filter:blur(2px)}.brand{font-size:35px}.brand-description{font-size:11px;padding-left:11px}.nav-item{font-size:12px;gap:11px;padding-left:12px}.collection-card strong{font-size:11px}.collection-card small{font-size:9px}.storage-card{padding:16px 13px;gap:10px}.storage-card strong{font-size:11px}.storage-card p{font-size:9px}.storage-card small{font-size:9px}.main-shell{margin-left:0}.topbar{height:68px;padding:0 21px;background:var(--forest);color:white;gap:11px;position:relative}.mobile-menu{display:inline-grid;color:#d5dfc8;width:25px}.mobile-brand{display:block;font:800 28px 'Manrope',var(--sans);letter-spacing:-2px;margin-top:-3px}.breadcrumb{display:none}.topbar-actions{margin-left:auto;gap:10px}.topbar-actions>.icon-button{color:#b1c2a3;width:25px}.topbar .button-dark{background:#dfe8d4;color:#294638;border-radius:6px}.compact{font-size:10px;padding:8px 11px}.mobile-menu:hover,.topbar-actions>.icon-button:hover{background:#ffffff15;color:white}main{padding:31px 21px 0}.page-heading{margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.25px}h1{font-size:45px;margin-top:16px;margin-bottom:15px;letter-spacing:-1.8px}.page-description{font-size:10px;max-width:270px}.collection-section{margin-bottom:27px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:12px}.collection-cards{display:flex;gap:11px;overflow-x:auto;margin:0 -21px;padding:2px 21px 7px;scrollbar-width:none}.collection-cards::-webkit-scrollbar{display:none}.collection-card{flex:0 0 190px;padding:10px;gap:11px}.collection-thumbnails{width:58px;height:53px}.collection-thumbnails img{width:42px;height:51px;left:3px}.collection-thumbnails img+img{left:14px}.library-toolbar{gap:14px;margin-bottom:16px}.library-title{width:100%;gap:8px}.library-title h2{font-size:13px}.library-controls{width:100%;margin:0;gap:12px}.search-field{flex:1;width:100%;height:35px}.search-field input{font-size:10px}.search-field kbd{display:none}.sort-field select{font-size:9px}.density-controls{gap:0;padding-left:6px}.density-controls .icon-button{width:24px}.example-pill{font-size:7px}.gallery-grid{column-count:2;column-gap:13px}.gallery-grid.compact{column-count:3;column-gap:9px}.image-card{margin-bottom:13px;border-radius:7px}.gallery-grid.compact .image-card{margin-bottom:9px}.card-details{left:10px;right:10px;bottom:10px}.card-details h3{font-size:10px}.card-details p{font-size:7px}.card-favorite,.card-select,.card-edit{width:25px;height:25px}.card-favorite{right:8px;top:8px}.card-select{left:8px;top:8px}.card-edit{right:8px;top:39px}.card-label{font-size:6px;top:8px;left:8px}.image-card img{min-height:100px}.demo-notice{font-size:8px;align-items:start;padding:9px 10px;gap:10px;margin-bottom:15px}.demo-notice .text-button{font-size:8px;line-height:1.3;padding-top:2px}.demo-notice .text-button svg{display:none}.demo-notice strong{display:block}.library-footer{font-size:7px;gap:9px;margin-top:21px;padding:21px 0}.library-footer>span:last-child{max-width:140px;text-align:right}.admin-summary{gap:9px;margin-bottom:25px}.summary-card{padding:12px 10px;display:block}.summary-icon{width:25px;height:25px;border-radius:6px;margin-bottom:8px}.summary-icon svg{width:15px;height:15px}.summary-card strong{font-size:20px}.summary-card small{font-size:8px}.admin-session-row{font-size:9px;margin-top:0;gap:12px}.admin-session-row>div{gap:12px}.admin-session-row .text-button{font-size:9px}.integration-cards{grid-template-columns:1fr;gap:15px}.integration-card.wide{grid-column:auto}.integration-card{padding:23px}.integration-card h2{font-size:26px}.integration-card p,.integration-card ol{font-size:11px}.toast-container{left:50%;bottom:20px;width:max-content}.toast{font-size:11px;padding:12px 15px}.modal{padding:24px 21px;max-height:calc(100dvh - 30px);border-radius:13px}.modal h2{font-size:29px}.modal .eyebrow{font-size:7px}.modal-header{margin-bottom:22px}.modal-header .icon-button{margin-top:-5px;margin-right:-7px}.login-modal{padding:35px 27px 26px}.login-modal h2{font-size:36px}.drop-zone{padding:25px 12px}.drop-zone strong{font-size:13px}.drop-zone p{font-size:9px}.upload-options{gap:12px}.field-label{font-size:10px}.text-input{font-size:11px;padding:10px;min-height:42px}.upload-mobile-actions{gap:10px}.upload-mobile-actions>span{font-size:8px;max-width:130px}.modal-footer{gap:10px}.modal-footer>span{font-size:8px;max-width:140px}.modal-footer .button{font-size:11px;padding:10px 13px}.upload-queue{max-height:200px}.lightbox-top{height:65px;padding:14px 17px}.lightbox-image-wrap{height:calc(100dvh - 180px);padding:10px 14px}.lightbox-arrow{top:calc(100dvh - 130px);width:31px;height:31px;z-index:2}.lightbox-arrow.prev{left:18px}.lightbox-arrow.next{right:18px}.lightbox-arrow svg{width:16px;height:16px}.lightbox-bottom{padding:38px 20px 15px;height:115px}.lightbox-bottom h2{font-size:20px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-bottom p{font-size:8px}.lightbox-bottom .button{padding:8px 11px;font-size:9px;min-height:34px}.lightbox-bottom .button svg{width:13px;height:13px}.selection-bar{font-size:10px;padding:9px 10px;gap:7px}.selection-bar>div{gap:10px}.selection-bar .text-button{font-size:8px}.ai-row{gap:10px}.ai-row small{font-size:8px}.empty-state{padding:45px 18px 50px}.empty-state h3{font-size:27px}.empty-state p{font-size:11px}}
@media(hover:none){.card-favorite,.card-select{opacity:1;background:#ffffffe3}.image-card .card-details{opacity:1;transform:none}.image-card .image-overlay{opacity:1;background:linear-gradient(180deg,transparent 60%,#1825145c)}.card-edit{display:none}.card-label{display:none}.image-card .private-badge{bottom:40px}.gallery-grid.compact .card-details{display:none}.gallery-grid.compact .card-select{width:21px;height:21px;left:6px;top:6px}.gallery-grid.compact .card-favorite{width:21px;height:21px;right:6px;top:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Pages publishing status is visible only inside the authenticated workspace. */
.publish-status { grid-column: 1 / -1; display: grid; gap: 7px; padding: 18px 20px; background: #eef1e7; border: 1px solid #dce3d3; border-radius: 12px; color: #344639; font-size: 13px; line-height: 1.6; }
.publish-status strong { font-size: 14px; }
.publish-status small { color: #6b7666; }