.pf-platform,.pf-auth,.pf-loading{--pf-paper:#f7f6ef;--pf-surface:#fffefa;--pf-ink:#263e34;--pf-muted:#657168;--pf-line:#dfe2d8;--pf-clay:#a65d43;--pf-forest:#294d40;font:14px/1.5 var(--sans,"Onest",sans-serif);color:var(--pf-ink);background:var(--pf-paper);height:100dvh;overflow:auto;caret-color:var(--pf-clay);accent-color:var(--pf-forest)}.pf-platform *,.pf-auth *,.pf-loading *{box-sizing:border-box}.pf-platform h1,.pf-platform h2,.pf-platform h3,.pf-auth h1,.pf-auth h2{margin:0;font-family:var(--sans,"Onest",sans-serif);font-weight:600;line-height:1.2;letter-spacing:-.025em}.pf-platform p,.pf-auth p{margin:0}.pf-platform button,.pf-auth button{font-family:inherit;line-height:1.4;letter-spacing:normal;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pf-platform button:disabled,.pf-auth button:disabled{cursor:wait;opacity:.58}.pf-platform button:focus-visible,.pf-platform input:focus-visible,.pf-platform textarea:focus-visible,.pf-platform select:focus-visible,.pf-auth button:focus-visible,.pf-auth input:focus-visible{outline:2px solid var(--pf-clay);outline-offset:3px}.pf-platform ::selection,.pf-auth ::selection{background:#cfdfd0;color:#173c2b}.pf-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--hand,"Bad Script",cursive);font-size:34px;line-height:1;letter-spacing:-.03em;color:inherit;white-space:nowrap}.pf-brand svg{flex-shrink:0}.pf-brand-compact{font-size:25px;gap:7px}.pf-brand-compact svg{width:19px}.pf-icon{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--pf-muted);padding:0;flex-shrink:0}.pf-icon:hover{background:#e9ece4;color:var(--pf-ink)}.pf-button{border:1px solid transparent;border-radius:7px;padding:11px 17px;min-height:42px;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .16s,color .16s}.pf-primary{background:var(--pf-forest);color:#fffdf5}.pf-primary:hover:not(:disabled){background:#1d3f32}.pf-secondary{background:#fffefa;color:var(--pf-ink);border-color:#d4dacf}.pf-secondary:hover:not(:disabled){background:#edf0e7;border-color:#acb9aa}.pf-full{width:100%}.pf-text-button{font-size:12px;color:var(--pf-muted);background:transparent;border:0;padding:6px 0;min-height:30px}.pf-text-button:hover{color:var(--pf-clay)}.pf-field{font-size:12px;font-weight:500;line-height:1.5;color:var(--pf-ink);display:block;margin-bottom:17px}.pf-field>span{font-weight:400;color:var(--pf-muted);font-size:11px;float:right}.pf-field input,.pf-field textarea,.pf-field select{font:400 14px/1.5 var(--sans,"Onest",sans-serif);display:block;border:1px solid #ccd4c9;background:#fffefa;color:var(--pf-ink);width:100%;border-radius:6px;padding:10px 11px;margin-top:7px;min-width:0;resize:vertical;transition:border-color .15s}.pf-field input::placeholder,.pf-field textarea::placeholder{color:#778075;opacity:1}.pf-field input:hover,.pf-field textarea:hover,.pf-field select:hover{border-color:#9eae9c}.pf-field input:disabled,.pf-field textarea:disabled{background:#f4f4ee;color:#687467}.pf-field-note{font-size:11px;line-height:1.6;color:var(--pf-muted);max-width:65ch}.pf-error{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#f8e8e1;color:#833f2d;font-size:12px;line-height:1.55;border-radius:6px;padding:12px 14px;margin:12px 0}.pf-error .pf-icon{color:#833f2d;margin:-5px -6px -5px 0}.pf-global-error{position:fixed;bottom:24px;right:24px;max-width:420px;z-index:100}.pf-page-error{max-width:1248px;margin:0 auto;padding:0 40px}.pf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.pf-loading p{font-size:13px;color:var(--pf-muted)}.pf-auth{display:grid;grid-template-columns:1.03fr 1fr;min-height:700px}.pf-auth-story{background:#294d40;color:#fff7dc;padding:48px 64px 30px;position:relative;display:flex;flex-direction:column;overflow:hidden}.pf-auth-copy{margin:88px 0 35px;position:relative;z-index:1}.pf-auth-copy h1{font-size:39px;font-weight:500;line-height:1.18;letter-spacing:-.035em}.pf-auth-copy p{margin-top:21px;font-size:14px;line-height:1.7;max-width:350px;color:#d4dec7}.pf-auth-book{display:flex;width:380px;aspect-ratio:1.414;align-self:center;flex-shrink:0;transform:rotate(-5deg);margin:20px 0 40px;box-shadow:0 24px 40px -15px #102e29a6}.pf-book-page{background:#f5efd9;color:#2c4d3f;width:50%;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.pf-book-page:first-child{box-shadow:inset -8px 0 12px -10px #293e38aa}.pf-book-right{background:#eed9af;box-shadow:inset 8px 0 12px -10px #293e3888}.pf-book-hand{font:16px/1.5 var(--hand,"Bad Script",cursive);text-align:center}.pf-book-date{font-size:8px;letter-spacing:.05em;color:#5e6d53}.pf-book-window{background:#c36c51;color:#fff3d4;flex:1;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pf-book-window span{font-size:30px;line-height:1.05;font-weight:600;letter-spacing:-.04em;align-self:center}.pf-auth-foot{margin-top:auto!important;font-size:11px;color:#c2d1ba}.pf-auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:64px 35px;background:#fcfbf6}.pf-auth-form{width:365px;max-width:100%}.pf-auth-form h2{font-size:28px;margin-bottom:12px}.pf-auth-form>p{font-size:13px;line-height:1.65;color:var(--pf-muted);max-width:50ch}.pf-auth-switch{display:flex;background:#eeefe7;border-radius:7px;padding:4px;margin:29px 0 25px}.pf-auth-switch button{flex:1;font-size:12px;padding:9px;border:0;border-radius:5px;color:#5c6b5f;background:transparent}.pf-auth-switch button.is-active{background:#fffefa;color:var(--pf-ink);box-shadow:0 2px 4px #253c2d12}.pf-auth-form .pf-field{font-size:12px;margin-bottom:19px}.pf-auth-form form>.pf-field-note{margin:-10px 0 20px}.pf-auth-form form>.pf-button{margin-top:6px;min-height:45px}.pf-auth-private{display:flex;align-items:flex-start;gap:8px;font-size:11px!important;line-height:1.6!important;margin-top:25px!important}.pf-auth-private svg{flex-shrink:0;margin-top:1px}.pf-auth-mobile-brand{display:none}.pf-header{height:85px;border-bottom:1px solid var(--pf-line);background:var(--pf-surface);padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-brand-button{background:none;border:0;color:var(--pf-forest);padding:0}.pf-header-actions{display:flex;align-items:center;gap:37px}.pf-nav-active{font-size:13px;color:var(--pf-forest);background:none;border:0;padding:10px 0}.pf-profile-wrap{position:relative}.pf-profile-button{font-size:12px;border:0;background:transparent;padding:8px 0;color:var(--pf-ink)}.pf-avatar{width:32px;height:32px;border-radius:50%;background:#dde5d7;color:#35533f;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.pf-profile-menu{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:17px;background:#fffefa;border:1px solid var(--pf-line);border-radius:9px;z-index:20;box-shadow:0 13px 30px -14px #283d2a33}.pf-profile-menu>strong,.pf-profile-menu>span{display:block;overflow-wrap:anywhere}.pf-profile-menu>strong{font-size:13px}.pf-profile-menu>span{font-size:11px;color:var(--pf-muted);margin-top:3px}.pf-profile-menu>button{border:0;background:transparent;color:var(--pf-ink);margin-top:15px;padding:11px 0 0;border-top:1px solid var(--pf-line);width:100%;justify-content:flex-start;font-size:12px}.pf-dashboard{max-width:1280px;margin:0 auto;padding:51px 40px 0}.pf-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.pf-dashboard-heading h1{font-size:31px;letter-spacing:-.035em}.pf-dashboard-heading p{font-size:13px;color:var(--pf-muted);margin-top:10px}.pf-dashboard-heading .pf-button{align-self:center}.pf-dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--pf-line);margin-bottom:29px;padding-bottom:18px}.pf-filters{display:flex;gap:6px}.pf-filters button{font-size:12px;color:var(--pf-muted);border:0;background:transparent;padding:8px 13px;border-radius:6px;min-height:35px}.pf-filters button.is-active{background:#e5eadf;color:#2e4f3b}.pf-filters button:hover:not(.is-active){background:#eceee5}.pf-filters button>span{font-size:10px;background:#f7f8ef;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.pf-search{display:flex;align-items:center;gap:10px;border:1px solid #d8ddcf;border-radius:6px;padding:0 11px;min-height:38px;width:255px;background:#fffefa;color:#6c7768}.pf-search input{border:0;outline:0!important;min-width:0;width:100%;font:12px/1.5 var(--sans,"Onest",sans-serif);color:var(--pf-ink);background:transparent;padding:8px 0}.pf-search input::placeholder{color:#75806f}.pf-search:focus-within{outline:2px solid var(--pf-clay);outline-offset:2px}.pf-search .pf-icon{width:20px;height:24px}.pf-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 29px;align-items:start}.pf-project-card{min-width:0}.pf-project-cover{width:100%;aspect-ratio:1.37;display:flex;position:relative;border:0;background:#e4e9df;border-radius:9px;overflow:hidden;padding:22px!important}.pf-project-cover>img{display:block;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 7px 6px #26392826);transition:transform .2s}.pf-project-cover:hover>img{transform:translateY(-3px)}.pf-cover-1{background:#efe0ce}.pf-cover-2{background:#c7dce0}.pf-cover-3{background:#e8c9cf}.pf-cover-empty{width:65%;height:96%;background:#fcf7e8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px;box-shadow:0 10px 20px -10px #253e2d55;color:#31523e;gap:16px}.pf-cover-empty>span{font-size:17px;line-height:1.25;font-weight:600;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pf-cover-empty>small{font-size:9px;font-weight:400;color:#6d7963}.pf-cover-open{position:absolute;bottom:16px;left:50%;translate:-50% 0;background:#fffef5;color:#304a39;font-size:11px;padding:8px 13px;border-radius:6px;display:flex;align-items:center;gap:17px;opacity:0;transition:opacity .15s;white-space:nowrap}.pf-project-cover:hover .pf-cover-open,.pf-project-cover:focus-visible .pf-cover-open{opacity:1}.pf-shared-badge{position:absolute;top:13px;right:13px;font-size:10px;padding:5px 8px;display:flex;align-items:center;gap:5px;background:#fffef4;color:#34513d;border-radius:5px}.pf-project-info{display:grid;grid-template-columns:minmax(0,1fr) 28px;padding:13px 1px 0;align-items:start}.pf-project-title{font-size:16px;font-weight:500;justify-content:flex-start!important;text-align:left;color:var(--pf-ink);border:0;padding:3px 0;background:none;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35!important}.pf-project-title:hover{color:var(--pf-clay)}.pf-project-info>.pf-icon{margin-top:-1px}.pf-project-info p,.pf-project-updated,.pf-project-bank{grid-column:1/-1}.pf-project-info p{display:flex;gap:8px;font-size:11px;color:#596956;margin-top:8px}.pf-project-info p>span{color:#909b85}.pf-project-updated{font-size:10px;color:#74806a;margin-top:3px}.pf-project-bank{border:0;border-top:1px solid #e0e4d7;justify-content:flex-start!important;padding:12px 0 0;margin-top:16px;background:none;font-size:11px;color:#59704f}.pf-project-bank>svg:last-child{margin-left:auto}.pf-project-bank:hover{color:var(--pf-clay)}.pf-dashboard-footer{margin:56px 0 0;border-top:1px solid var(--pf-line);padding:26px 0 30px;display:flex;align-items:center;justify-content:space-between;color:#708069;font-size:10px}.pf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--pf-muted);padding:45px 25px;gap:17px}.pf-empty>svg{color:#78916f}.pf-empty h2{font-size:20px;font-weight:500;color:var(--pf-ink);max-width:390px}.pf-empty p{font-size:12px;line-height:1.75;max-width:400px}.pf-empty .pf-button{margin-top:5px}.pf-dashboard-empty{grid-column:1/-1;min-height:340px}.pf-create-panel{background:#e9ede3;border-radius:9px;padding:23px 25px;margin:-14px 0 30px}.pf-create-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pf-create-heading h2{font-size:18px}.pf-create-panel form{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) auto;align-items:end;gap:18px}.pf-create-panel .pf-field{margin:0}.pf-create-panel form>.pf-button{margin-bottom:1px}.pf-create-panel>.pf-field-note{margin-top:15px}.pf-project-skeleton>div,.pf-photo-skeleton{aspect-ratio:1.37;background:#e5e8df;border-radius:8px}.pf-project-skeleton>span{display:block;width:70%;height:14px;background:#e0e5d8;margin-top:17px;border-radius:3px}.pf-project-skeleton>span:last-child{width:40%;height:9px;margin-top:12px;background:#e8ebdf}.pf-skeleton-line{height:60px;background:#ecede5;border-radius:5px;margin:15px 0}.pf-dialog{--pf-ink:#263e34;--pf-muted:#657168;--pf-forest:#294d40;--pf-clay:#a65d43;--pf-line:#dfe2d8;font:14px/1.5 var(--sans,"Onest",sans-serif);color:var(--pf-ink);width:540px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 60px);border:0;border-radius:12px;padding:27px 30px 30px;box-shadow:0 20px 60px #162b2940;overflow:auto;background:#fffefa}.pf-dialog::backdrop{background:#172a2266}.pf-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-dialog-heading h2{font-size:23px}.pf-dialog-subtitle{font-size:12px;color:var(--pf-muted);margin-top:4px!important}.pf-invite-form{padding:24px 0 22px;border-bottom:1px solid var(--pf-line);margin-bottom:23px}.pf-invite-form h3,.pf-members h3{font-size:13px;font-weight:500;margin:0 0 17px}.pf-invite-form>.pf-field-note{margin-top:13px}.pf-invite-result{background:#f0f2e9;border-radius:7px;margin-top:18px;padding:15px}.pf-invite-result .pf-field{margin-bottom:10px}.pf-invite-result input{font-size:11px}.pf-invite-result .pf-button{font-size:11px;min-height:35px;padding:8px 12px}.pf-members+.pf-members{border-top:1px solid var(--pf-line);padding-top:23px;margin-top:22px}.pf-member{display:flex;align-items:center;gap:10px;margin:15px 0}.pf-member-name{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.pf-member-name>strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.pf-member-name>span{font-size:10px;color:var(--pf-muted);overflow-wrap:anywhere}.pf-role{font-size:10px;color:var(--pf-muted);white-space:nowrap}.pf-member>select{border:1px solid #d9dfd0;border-radius:5px;background:#fffefa;color:#52644c;font:11px var(--sans);padding:6px;max-width:105px}.pf-member>.pf-icon{width:24px}.pf-invite-banner{display:flex;align-items:center;gap:20px;padding:20px 40px;background:#e1e9d8;border-bottom:1px solid #d0dbc4}.pf-invite-banner>div{flex:1}.pf-invite-banner strong{font-size:14px;font-weight:500}.pf-invite-banner p{font-size:11px;color:#5c7051;margin-top:3px}.pf-invite-banner .pf-button{min-height:37px;font-size:12px;padding:9px 15px}.pf-bank{max-width:1440px;padding:33px 40px 55px;margin:0 auto}.pf-bank-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.pf-bank-heading h1{font-size:28px;margin-top:12px}.pf-bank-heading p{font-size:12px;color:var(--pf-muted);margin-top:8px}.pf-bank-heading p>span{margin:0 7px}.pf-upload-zone{padding:24px 26px;background:#e9ede2;border:1px dashed #b5c2a8;border-radius:8px;transition:background .15s;margin-bottom:27px}.pf-upload-zone.is-dragging{background:#d5e2ca;border-color:#3e6643}.pf-upload-title{display:flex;align-items:center;gap:15px;margin-bottom:22px}.pf-upload-title>svg{color:#628057}.pf-upload-title h2{font-size:15px;font-weight:500}.pf-upload-title p{font-size:11px;color:#64715c;margin-top:5px}.pf-upload-options{display:flex;align-items:flex-end;gap:13px}.pf-upload-options>.pf-field{margin:0;flex:1;max-width:340px}.pf-upload-options>.pf-year-field{max-width:115px}.pf-upload-options>.pf-button{margin-left:auto;font-size:12px}.pf-upload-options .pf-field input{font-size:12px;padding:9px 11px}.pf-bank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.pf-bank-toolbar>.pf-search{width:410px;max-width:100%;min-height:41px}.pf-bank-toolbar>span{font-size:11px;color:var(--pf-muted);text-align:right}.pf-bank-content{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.pf-bank-content.has-inspector{grid-template-columns:minmax(0,1fr) 285px}.pf-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}.has-inspector .pf-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-photo{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;text-align:left;border:0;padding:0;background:transparent;min-width:0;border-radius:6px}.pf-photo>img{width:100%;aspect-ratio:1;object-fit:contain;background:#e8eade;border-radius:5px}.pf-photo:hover>img{outline:1px solid #94a58a;outline-offset:3px}.pf-photo.is-selected>img{outline:2px solid #9c6046;outline-offset:3px}.pf-photo>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0 0;max-width:100%;min-width:0}.pf-photo strong{font-size:11px;font-weight:500;line-height:1.4;color:var(--pf-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.pf-photo small{font-size:9px;line-height:1.5;color:#69775f;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pf-bank-empty{grid-column:1/-1;min-height:300px}.pf-photo-inspector{border:1px solid var(--pf-line);border-radius:8px;background:#fffefa;padding:19px;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto}.pf-inspector-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pf-inspector-heading h2{font-size:14px}.pf-selected-photo{width:100%;height:180px;object-fit:contain;background:#f0f0e8;border-radius:4px;margin-bottom:19px}.pf-photo-inspector .pf-field{font-size:11px;margin-bottom:13px}.pf-photo-inspector .pf-field input,.pf-photo-inspector .pf-field textarea{font-size:12px;padding:8px 10px;margin-top:5px}.pf-photo-inspector .pf-field-note{font-size:10px;margin:10px 0 17px}.pf-photo-inspector .pf-button{font-size:12px;min-height:38px}.pf-photo-skeleton{aspect-ratio:1}.pf-editor-platform{display:flex;flex-direction:column;overflow:hidden}.pf-editor-topbar{height:40px;min-height:40px;background:#f1f3e9;border-bottom:1px solid #dce1d1;display:flex;justify-content:space-between;align-items:center;padding:0 26px}.pf-editor-topbar>div{display:flex;align-items:center;gap:22px}.pf-editor-topbar .pf-text-button{font-size:11px}.pf-editor-topbar .pf-role{padding-right:2px}.pf-editor-mount{flex:1;min-height:0;overflow:hidden}.pf-editor-mount>.app{height:100%;min-height:0}.pf-editor-mount .app .book{width:min(100%,calc((100dvh - 430px)*1.414*var(--zoom)))}.pf-editor-mount .app .book.single-page{width:min(65%,calc((100dvh - 430px)*.707*var(--zoom)))}@media(min-width:1600px){.pf-dashboard{padding-top:64px}.pf-auth-story{padding-left:90px;padding-right:90px}.pf-auth-copy{margin-top:110px}.pf-auth-book{width:440px}.pf-bank-content.has-inspector{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:1100px){.pf-auth-story{padding:40px}.pf-auth-copy{margin-top:90px}.pf-auth-copy h1{font-size:32px}.pf-auth-book{width:320px}.pf-project-grid{gap:28px 20px}.pf-dashboard{padding:40px 30px 0}.pf-header{padding:0 30px}.pf-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.has-inspector .pf-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-bank-content.has-inspector{grid-template-columns:minmax(0,1fr) 260px}.pf-bank{padding-left:30px;padding-right:30px}.pf-create-panel form{grid-template-columns:minmax(0,1fr) 170px}.pf-create-panel form>.pf-button{grid-column:1/-1;justify-self:start}.pf-project-title{font-size:14px}.pf-cover-empty{padding:16px;gap:12px}.pf-cover-empty>span{font-size:14px}.pf-cover-empty>svg{width:32px}.pf-cover-open{display:none}}@media(max-width:800px){.pf-auth{grid-template-columns:.8fr 1fr}.pf-auth-story{padding:35px 25px}.pf-auth-copy h1{font-size:27px}.pf-auth-copy p{font-size:12px}.pf-auth-book{width:270px;align-self:flex-start;transform:rotate(-5deg) translate(-7px)}.pf-book-page{padding:18px 14px}.pf-book-hand{font-size:13px}.pf-book-window span{font-size:24px}.pf-auth-form-wrap{padding:40px 30px}.pf-auth-form h2{font-size:25px}.pf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-dashboard-heading h1{font-size:28px}.pf-dashboard-toolbar{gap:12px}.pf-search{width:210px}.pf-filters button{padding:8px 10px;font-size:11px}.pf-bank-content.has-inspector{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.pf-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.has-inspector .pf-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-bank-heading h1{font-size:25px}.pf-upload-options{flex-wrap:wrap}.pf-upload-options>.pf-field{max-width:none}.pf-upload-options>.pf-year-field{max-width:100px}.pf-upload-options>.pf-button{margin-left:0}.pf-bank-toolbar>span{display:none}.pf-bank-toolbar>.pf-search{width:100%}.pf-invite-banner{padding:20px 25px;gap:14px}.pf-invite-banner .pf-button{font-size:11px}.pf-invite-banner strong{font-size:12px}}@media(max-width:600px){.pf-auth{display:block;min-height:100dvh}.pf-auth-story{display:none}.pf-auth-form-wrap{min-height:100dvh;padding:45px 27px}.pf-auth-form{width:370px}.pf-auth-mobile-brand{display:block;margin-bottom:50px;color:var(--pf-forest)}.pf-auth-form h2{font-size:27px}.pf-auth-form>p{font-size:12px}.pf-auth-switch{margin-top:25px}.pf-header{height:70px;padding:0 20px}.pf-header .pf-brand{font-size:29px;gap:7px}.pf-header .pf-brand svg{width:22px}.pf-header-actions{gap:0}.pf-nav-active{display:none!important}.pf-profile-button>span:not(.pf-avatar){display:none}.pf-profile-button{gap:6px!important}.pf-dashboard{padding:31px 20px 0}.pf-dashboard-heading{align-items:flex-start;margin-bottom:27px;flex-direction:column;gap:18px}.pf-dashboard-heading h1{font-size:27px}.pf-dashboard-heading p{font-size:12px;margin-top:8px}.pf-dashboard-heading>.pf-button{align-self:flex-start;font-size:12px;padding:10px 15px;min-height:40px}.pf-dashboard-toolbar{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:24px;padding-bottom:19px}.pf-filters{gap:5px}.pf-filters button{font-size:12px;padding:8px 12px}.pf-dashboard-toolbar>.pf-search{width:100%}.pf-project-grid{gap:28px 16px}.pf-project-cover{padding:13px!important;aspect-ratio:.86;border-radius:7px}.pf-cover-empty{width:93%;height:85%;padding:15px 10px;gap:12px}.pf-cover-empty>span{font-size:13px}.pf-cover-empty>small{font-size:8px}.pf-project-info{padding-top:10px;grid-template-columns:minmax(0,1fr) 22px}.pf-project-title{font-size:13px;line-height:1.4!important}.pf-project-info>.pf-icon{width:23px}.pf-project-info p{font-size:9px;gap:4px;margin-top:7px;flex-wrap:wrap}.pf-project-updated{font-size:9px;line-height:1.5}.pf-project-bank{font-size:10px;gap:5px!important;margin-top:12px;line-height:1.35!important;min-height:37px}.pf-project-bank>svg:last-child{display:none}.pf-project-bank>svg{width:13px;flex-shrink:0}.pf-shared-badge{top:8px;right:8px;font-size:8px;padding:4px 5px;gap:3px}.pf-shared-badge svg{width:10px}.pf-dashboard-footer{padding:24px 0;margin-top:40px;gap:20px}.pf-dashboard-footer>span:last-child{font-size:9px;max-width:160px;text-align:right}.pf-empty{padding:38px 7px;gap:16px}.pf-empty h2{font-size:19px}.pf-empty p{font-size:12px}.pf-dashboard-empty{min-height:320px}.pf-create-panel{padding:18px;margin:0 0 24px}.pf-create-panel form{display:flex;flex-direction:column;gap:15px;align-items:stretch}.pf-create-panel h2{font-size:17px}.pf-create-panel .pf-button{width:100%;font-size:12px}.pf-create-panel .pf-field input,.pf-create-panel .pf-field select{font-size:13px}.pf-dialog{padding:22px 20px;max-height:calc(100dvh - 30px);border-radius:9px}.pf-dialog-heading h2{font-size:21px}.pf-member{gap:8px}.pf-member .pf-avatar{width:27px;height:27px;font-size:11px}.pf-member-name>strong{font-size:11px}.pf-member-name>span{font-size:9px}.pf-member>select{font-size:10px;width:88px}.pf-invite-banner{flex-wrap:wrap;gap:12px;padding:18px 20px;align-items:flex-start}.pf-invite-banner>div{width:calc(100% - 55px);flex:auto}.pf-invite-banner>.pf-button{margin-left:37px}.pf-invite-banner>.pf-icon{margin-left:auto}.pf-page-error{padding:0 20px}.pf-bank{padding:20px 20px 40px}.pf-bank-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.pf-bank-heading h1{font-size:26px;margin-top:10px}.pf-bank-heading p{font-size:11px;line-height:1.6}.pf-bank-heading>.pf-button{font-size:12px;min-height:38px;padding:9px 13px}.pf-upload-zone{padding:20px 17px;margin-bottom:22px}.pf-upload-title{gap:11px;align-items:flex-start;margin-bottom:18px}.pf-upload-title>svg{flex-shrink:0;margin-top:1px;width:20px}.pf-upload-title h2{font-size:14px;line-height:1.4}.pf-upload-title p{font-size:11px;line-height:1.6;margin-top:5px}.pf-upload-options{gap:12px}.pf-upload-options>.pf-field{min-width:130px}.pf-upload-options>.pf-year-field{min-width:75px;max-width:85px}.pf-upload-options>.pf-button{width:100%;margin-top:3px}.pf-upload-options .pf-field{font-size:11px}.pf-upload-options .pf-field input{font-size:12px}.pf-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.pf-photo strong{font-size:10px}.pf-photo small{font-size:8px}.pf-photo>span{padding-top:8px;gap:3px}.pf-bank-content.has-inspector{grid-template-columns:minmax(0,1fr)}.has-inspector .pf-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-photo-inspector{position:fixed;inset:90px 15px 15px auto;width:min(310px,calc(100vw - 30px));z-index:30;max-height:none;box-shadow:0 15px 50px #1f382a50}.pf-editor-topbar{padding:0 14px}.pf-editor-topbar>div{gap:15px}.pf-editor-topbar .pf-role{display:none}.pf-editor-topbar .pf-text-button{font-size:10px;gap:5px}.pf-editor-mount .app .book{width:100%}.pf-editor-mount .app .book.single-page{width:min(62%,calc((100dvh - 390px)*.707)))}.pf-global-error{bottom:15px;right:15px;left:15px;max-width:none}}@media print{.pf-editor-topbar,.pf-header,.pf-invite-banner{display:none!important}.pf-platform,.pf-editor-mount{height:auto;overflow:visible;display:block}.pf-editor-mount>.app{height:auto}}@media(prefers-reduced-motion:reduce){.pf-platform *,.pf-auth *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.pf-leave-dialog .pf-dialog-heading{align-items:flex-start}.pf-leave-dialog .pf-dialog-heading h2{font-size:22px;line-height:1.25;max-width:380px}.pf-leave-copy{font-size:13px;line-height:1.7;margin-top:19px!important;color:var(--pf-muted)}.pf-leave-warning{font-size:12px;line-height:1.65;color:#8a4733;background:#f8ebe4;border-radius:6px;padding:12px 14px;margin-top:17px!important}.pf-leave-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.pf-discard{background:#fffefa;color:#8a4733;border-color:#dcbbae}.pf-discard:hover{background:#f9ede6}.pf-beta-note{font-size:11px!important;line-height:1.7!important;color:#54704e!important;margin:25px 0!important;padding:12px 0;border-block:1px solid #dde4d5}.pf-security-check{margin:19px 0;min-height:65px;max-width:100%}.pf-security-check>p{font-size:11px;line-height:1.7;color:#833f2d;margin-top:8px}.pf-security-check button{font-size:11px;text-decoration:underline;text-underline-offset:3px}.pf-auth .pf-error button{font-size:12px;text-decoration:underline;text-underline-offset:3px}.pf-security-check>.pf-security-status{color:var(--pf-muted,#657168);margin:0 0 8px}@media(max-width:600px){.pf-auth .pf-field input{font-size:16px}.pf-security-check{margin-block:17px}}@font-face{font-family:Onest;src:url(/assets/onest-400-DtsNxyxG.ttf);font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-500-CLByrvaZ.ttf);font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-600-C4TM7z39.ttf);font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-700-CwBmjppN.ttf);font-weight:700;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-800-Dq5hCLCm.ttf);font-weight:800;font-display:swap}@font-face{font-family:PTSerif;src:url(/assets/pt-serif-400-GUoREz2r.ttf);font-weight:400;font-display:swap}@font-face{font-family:BadScript;src:url(/assets/bad-script-400-CkeCyQ7x.ttf);font-weight:400;font-display:swap}:root{--sans:Onest,Arial,sans-serif;--serif:PTSerif,Georgia,serif;--hand:BadScript,cursive;--display:Onest,Arial,sans-serif;--ink:#2e3b33;--muted:#74766b;--line:#e8e6df;--paper:#fffefa;--clay:#ab6048;--green:#30483b;font-family:var(--sans);color:var(--ink);font-synthesis:none;font-size:12px;background:#f5f4ef;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;padding:0}button:disabled{opacity:.32;cursor:default}button:not(:disabled),a{transition:background .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--clay);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #b36d5555;outline-offset:1px}::selection{background:#d8b5a6;color:#233a30}input,textarea{caret-color:var(--clay)}*{scrollbar-width:thin;scrollbar-color:#c8c9bc transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c8c9bc;border-radius:5px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}a{color:inherit;text-decoration:none}input,textarea,select{min-width:0}textarea{resize:vertical}button:hover:not(:disabled){color:var(--clay)}.app{height:100dvh;min-height:650px;display:flex;flex-direction:column;overflow:hidden}.main-header{height:63px;flex-shrink:0;background:#fffefa;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 28px}.brand{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-1.6px;display:flex;align-items:baseline;line-height:1}.brand>span:first-child{color:var(--clay)}.brand .brand-description{font:10px var(--sans);letter-spacing:0;color:#797a70;margin-left:17px;padding-left:17px;border-left:1px solid #dadbd2}.header-center{display:flex;align-items:center;gap:10px;font-size:11px;color:#606b60}.local-badge{background:#edf0e7;color:#54644b;font-size:9px;border-radius:4px;padding:4px 7px;margin-left:9px}.help-link{font-size:10px;color:#686e61;gap:9px}.help-link>span{width:16px;height:16px;border:1px solid #8a9386;border-radius:50%;font-size:10px}.project-header{height:86px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#fffefa;border-bottom:1px solid var(--line)}.project-title-row{display:flex;align-items:center;gap:11px}.project-heading h1{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.55px;border-radius:3px;max-width:65ch}.project-heading h1:focus{outline:1px solid #b36d5588}.project-heading p{font-size:10px;display:flex;gap:7px;align-items:center;color:#737b70;margin-top:7px}.save-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9768;flex-shrink:0}.save-dot.saving{background:#c79a56}.small-divider{height:10px;width:1px;background:#dedfd5;margin:0 5px}.project-actions{display:flex;gap:12px;align-items:center}.primary,.soft-button{height:37px;padding:0 15px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:var(--clay);color:#fff9ee}.primary:hover:not(:disabled){background:#95513c;color:#fff}.soft-button{border:1px solid #d7dacf;background:#fffefa}.soft-button:hover:not(:disabled){background:#f3f1e9;color:var(--ink)}.icon-button{width:30px;height:30px;border-radius:4px;color:#6b7368}.icon-button:hover:not(:disabled){background:#eeeae1}.menu-wrap{position:relative}.dropdown{position:absolute;right:0;top:38px;width:200px;background:#fffefa;z-index:30;border-radius:7px;box-shadow:0 6px 30px #2b38252b;padding:6px}.dropdown button{width:100%;justify-content:flex-start;padding:12px 10px;font-size:11px;border-radius:4px}.dropdown button:hover{background:#f1efe8}.workspace{display:flex;flex:1;min-height:0}.library{width:270px;flex-shrink:0;background:#fffefa;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.library-tabs{height:65px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 10px;flex-shrink:0}.library-tabs button{flex-direction:column;gap:5px;font-size:9px;color:#72796c;position:relative}.library-tabs button.active{color:var(--clay)}.library-tabs button.active:after{content:"";position:absolute;height:2px;background:var(--clay);bottom:0;left:12px;right:12px}.library-body{padding:22px 18px;overflow-y:auto;flex:1;min-height:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2,.library-body h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.section-heading>span{font-size:10px;color:#7f8478}.search-field{display:flex;align-items:center;gap:7px;border:1px solid #e1e3d9;border-radius:5px;padding:0 9px;height:36px;color:#92998c}.search-field input{width:100%;border:0;background:none;outline:none;font-size:9px}.search-field input::placeholder{color:#838b7f}.filter-line{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:12px 0}.filter-line select{max-width:103px;border:0;background:transparent;font-size:10px;padding:2px 0}.filter-button{font-size:9px;padding:5px 7px;color:#6c7769;border-radius:4px}.filter-button.active{background:#e6ecdd;color:#405535}.upload-button{height:35px;width:100%;border:1px dashed #bac5b0;border-radius:5px;color:#596e4f;font-size:10px;background:#f8f9f3}.upload-button:hover{background:#eef2e5}.photo-count-line{display:flex;justify-content:space-between;font-size:9px;color:#6f7868;margin:21px 0 12px}.photo-count-line>span:first-child{color:#454f40}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.library-photo{min-width:0;position:relative}.photo-main{width:100%;aspect-ratio:1/1.13;border-radius:4px;overflow:hidden;position:relative;background:#e7e8de;display:block}.photo-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.library-photo:hover .photo-main img{transform:scale(1.035)}.library-photo.active .photo-main{outline:2px solid #a96148;outline-offset:2px}.photo-event{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;margin-top:6px;color:#727a6c}.used-mark{position:absolute;bottom:5px;right:5px;display:grid;place-items:center;background:#fffbed;box-shadow:0 1px 6px #22362b20;color:#476541;border-radius:50%;width:17px;height:17px}.add-photo-button{position:absolute;right:5px;top:5px;border-radius:4px;background:#fffef2ee;width:22px;height:22px;opacity:0}.library-photo:hover .add-photo-button,.add-photo-button:focus-visible{opacity:1}.library-footer{height:71px;flex-shrink:0;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:0 21px;color:#7d846f;background:#fafbf5}.tiny-heart{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ecefdf}.library-footer p{font-size:10px;line-height:1.6}.library-footer strong{font-weight:500;color:#546244}.sidebar-description{font-size:10px;color:#7c8474;line-height:1.8;margin:13px 0 25px}.template-list{display:flex;flex-direction:column;gap:19px}.template-option{display:block;width:100%;text-align:left}.template-option.active .template-drawing{outline:2px solid var(--clay);outline-offset:2px}.template-option strong{font-size:11px;font-weight:500;display:block;margin:9px 0 4px}.template-option>span{font-size:9px;color:#7c8474}.template-drawing{height:110px;width:100%;background:#f6f0e5;position:relative;border-radius:3px}.template-drawing i{position:absolute;background:#c0c6ae}.template-drawing i:first-child{left:15%;top:25%;width:42%;height:55%}.template-drawing i:nth-child(2){left:62%;top:25%;width:24%;height:25%}.template-drawing i:nth-child(3){left:62%;top:55%;width:24%;height:25%}.template-drawing b{position:absolute;left:15%;top:12%;height:2%;width:40%;background:#a1a78f}.template-gallery i:first-child{width:70%;height:27%}.template-gallery i:nth-child(2){left:15%;top:57%;width:33%;height:28%}.template-gallery i:nth-child(3){left:52%;top:57%;width:33%;height:28%}.template-scrapbook i{background:#aebba4;border:4px solid white;transform:rotate(-5deg)}.template-scrapbook i:nth-child(2){transform:rotate(5deg)}.template-hero i:first-child{width:70%;height:60%}.template-hero i:nth-child(n+2){display:none}.template-air i:first-child{width:40%;left:30%;height:53%}.template-air i:nth-child(n+2){display:none}.text-preset{width:100%;padding:22px 0;border-bottom:1px solid var(--line);justify-content:space-between;text-align:left;font-size:12px}.title-preset{font:700 25px var(--display);letter-spacing:-.035em}.hand-preset{font:25px var(--hand)}.writing-tip{display:flex;gap:12px;font-size:10px;line-height:1.8;margin-top:40px;color:#768168}.decoration-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.decoration-grid button{height:105px;flex-direction:column;font-size:10px;background:#f7f3e9;border-radius:5px}.decoration-grid svg{width:50px;height:50px}.empty-state{text-align:center;margin:45px 0;color:#7b8470;display:flex;align-items:center;flex-direction:column;gap:14px;font-size:10px}.empty-state button{text-decoration:underline;text-underline-offset:3px}.editor{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:#eeeee7}.editor-toolbar{height:46px;flex-shrink:0;border-bottom:1px solid #dfe1d5;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#f8f8f2}.tool-group{display:flex;align-items:center;gap:4px}.toolbar-label{font-size:10px;min-width:78px;margin-left:4px;color:#747c6b}.tool-divider{width:1px;height:15px;background:#dfe2d6;margin:0 8px}.zoom-value{font-size:10px;width:38px;color:#69735d;font-variant-numeric:tabular-nums}.canvas-area{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:20px 36px 13px;overflow:auto}.spread-heading{width:min(100%,850px);display:flex;align-items:center;justify-content:space-between;margin:0 auto 17px;gap:10px;color:#767e6b;font-size:9px;flex-shrink:0}.spread-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.spread-heading button{font-size:8px;white-space:nowrap;color:#8a927d}.book-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:1;padding:0 1px;--page-ratio:210/297;--zoom:1}.book{display:flex;justify-content:center;aspect-ratio:420/297;width:min(100%,calc((100dvh - 390px)*1.414*var(--zoom)));max-width:1100px;box-shadow:0 12px 22px -12px #3f493d3b,0 2px 6px #344a3720;transform-origin:center}.book.single-page{aspect-ratio:210/297;width:min(65%,calc((100dvh - 390px)*.707*var(--zoom)))}.page-wrap{width:50%;position:relative;aspect-ratio:var(--page-ratio);container-type:inline-size}.single-page .page-wrap{width:100%}.album-page{width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.page-wrap:first-child:not(:only-child):after{content:"";position:absolute;right:0;top:0;bottom:0;width:5%;background:linear-gradient(90deg,transparent,#313b2b0c);pointer-events:none}.page-wrap:nth-child(2):after{content:"";position:absolute;left:0;top:0;bottom:0;width:4%;background:linear-gradient(90deg,#313b2b0b,transparent);pointer-events:none}.album-object{position:absolute;transform-origin:center;line-height:1.05;overflow:visible;white-space:pre-wrap}.object-photo{overflow:hidden;background:transparent}.object-photo img{display:block;width:100%;height:100%;pointer-events:none}.object-text span{display:block;white-space:pre-wrap}.object-text{font-weight:400;line-height:1.05;overflow:visible;overflow-wrap:break-word}.object-decoration .decoration-svg{width:100%;height:100%;display:block}.frame-white{padding:1.2cqw;background:#fffefa;box-shadow:0 .6cqw 1.2cqw -.8cqw #45392a66}.frame-polaroid{padding:1.2cqw 1.2cqw 5cqw;background:#fff;box-shadow:0 .6cqw 1.2cqw -.8cqw #45392a66}.frame-corners{padding:1.2cqw}.frame-corners>img{box-shadow:0 .3cqw .7cqw -.4cqw #202a3555}.photo-mounts{position:absolute;inset:0;pointer-events:none}.photo-mount{position:absolute;width:2cqw;height:2cqw;background:var(--mount-color,#eee5d0);clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 .12cqw .12cqw #202a3533)}.photo-mount.tl{top:0;left:0}.photo-mount.tr{top:0;right:0;transform:rotate(90deg)}.photo-mount.bl{bottom:0;left:0;transform:rotate(-90deg)}.photo-mount.br{bottom:0;right:0;transform:rotate(180deg)}.object-text.caption-sticker{padding:.45cqw .8cqw;border-radius:.35cqw;box-shadow:0 .35cqw .9cqw -.55cqw #202a3566;overflow:hidden}.object-text.caption-sticker>span{max-width:100%;overflow-wrap:anywhere}.sticker-color-options{margin-bottom:20px}.album-object.editable{cursor:grab;touch-action:none}.album-object.editable:active{cursor:grabbing}.album-object.editable:hover{outline:1px solid #a66b4d66}.album-object.selected{outline:1px solid #ac7757;overflow:visible;z-index:10}.object-photo.selected{overflow:hidden}.selection-dot{position:absolute;width:6px;height:6px;background:#fffef2;border:1px solid #a66b4d;z-index:11}.selection-dot.tl{top:-3px;left:-3px}.selection-dot.tr{top:-3px;right:-3px}.selection-dot.bl{bottom:-3px;left:-3px}.selection-dot.br{bottom:0;right:0;width:10px;height:10px;cursor:nwse-resize;border-radius:0}.page-number{position:absolute;top:97%;right:4%;font-size:1.666667cqw;line-height:1.16;color:#8c8b7e;pointer-events:none;font-family:var(--sans);font-weight:500}.canvas-caption{width:min(100%,850px);margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#858b78;flex-shrink:0}.canvas-caption>span:first-child{display:flex;align-items:center;gap:5px}.paper-dot{height:9px;width:9px;border-radius:50%;background:#fff9ec;border:1px solid #c6c5b4}.page-navigation{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:22px;color:#777f6c;font-size:9px}.nav-total{color:#a0a48e}.square-format .book{aspect-ratio:2/1}.square-format .page-wrap{aspect-ratio:1}.square-format .single-page{aspect-ratio:1;width:min(65%,calc((100dvh - 390px)*var(--zoom)))}.inspector{width:244px;flex-shrink:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#fffefa;min-height:0}.inspector-heading{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#7a806f;flex-shrink:0}.inspector-heading h2{font-size:11px;font-weight:500;color:#495541}.inspector-body{padding:22px 20px;overflow:auto;flex:1}.story-card{text-align:center;padding:9px 0 20px}.story-card>svg{color:#9d6c50;stroke-width:1;margin-bottom:18px}.story-card h3{font:32px/.98 var(--serif);letter-spacing:-.7px}.story-card p{font-size:10px;color:#7b8170;line-height:1.9;margin:20px 0 15px}.story-card>span{font-size:9px;color:#89917b;letter-spacing:1.3px}.story-progress{margin:20px 0 25px}.story-progress>span{font-size:8px;display:flex;justify-content:space-between;color:#838a77}.story-progress strong{font-weight:500;color:#657454}.story-progress>div{height:3px;background:#e8ebdf;margin-top:10px}.story-progress i{height:100%;display:block;background:#9cae89}.editing-hint{display:flex;gap:9px;font-size:9px;line-height:1.7;color:#8a907e}.editing-hint svg{margin-top:2px;color:#8e9b7f}.section-rule{height:1px;background:var(--line);margin:23px 0}.field-label{font-size:9px;color:#69745e;display:block;margin:0 0 17px;line-height:1.4}.field-label>span{float:right;color:#8d957d}.field-label input:not([type=range]),.field-label textarea,.field-label select{display:block;width:100%;background:#fafaf5;border:1px solid #e0e4d6;border-radius:4px;font-size:10px;padding:9px;margin-top:8px;line-height:1.6;color:#40513a}.field-label textarea.caption-input{font-size:13px;line-height:1.6}.field-label input[type=range]{display:block;accent-color:#aa7055;width:100%;margin:12px 0 0;height:4px}.color-options{display:flex;gap:10px;margin:13px 0 22px}.color-options button{height:22px;width:22px;border-radius:50%;position:relative}.color-options button.active:after{content:"";position:absolute;inset:-3px;border:1px solid #a2775e;border-radius:50%}.paper-options button{box-shadow:0 0 0 1px #d8dacd;color:#7f826e}.plain-action{display:flex;width:100%;font-size:9px;justify-content:flex-start;padding:12px 0;color:#66765a}.plain-action svg:last-child:not(:first-child){margin-left:auto}.plain-action.danger{color:#a28777;font-size:8px;margin-top:12px}.inspector-footer{height:42px;border-top:1px solid var(--line);flex-shrink:0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:8px;color:#8b947d}.object-actions{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.object-actions button{font-size:9px;color:#7e8673}.inspector-photo{height:110px;background:#f4f2e9;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:3px;overflow:hidden}.inspector-photo img{max-width:100%;height:100%;object-fit:contain}.inspector-photo.large{height:190px}.photo-inspector-title{font-size:11px;font-weight:500;line-height:1.5}.muted{font-size:9px;color:#8a927e;margin:8px 0 22px;line-height:1.6}.effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 22px}.effects-grid button{padding:8px 4px;font-size:9px;background:#f4f3ec;border:1px solid transparent;border-radius:3px}.effects-grid button.active{border-color:#b99075;color:#9a6248}.rotation-buttons{display:flex;justify-content:space-between;gap:4px;margin:15px 0}.rotation-buttons button{font-size:8px;gap:3px;padding:5px 1px;color:#818a73}.inspector-decoration{height:130px;display:grid;place-items:center;margin-bottom:25px}.inspector-decoration svg{height:100px}.full-width{width:100%;margin:0 0 20px}.missing-photo{font:3cqw var(--sans);padding:10%;background:#ece8dd;height:100%;display:grid;place-items:center}.filmstrip{height:132px;flex-shrink:0;display:flex;background:#fffefa;border-top:1px solid var(--line)}.filmstrip-label{width:159px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 27px;position:relative;color:#728363}.filmstrip-label>svg{margin-bottom:8px}.filmstrip-label strong{font-size:10px;font-weight:500;color:#526248}.filmstrip-label>span{font-size:8px;margin-top:4px;color:#89957a}.filmstrip-label>button{position:absolute;right:15px;top:29px;background:#f1f4e9;width:23px;height:23px;border-radius:50%}.filmstrip-scroll{display:flex;align-items:center;gap:20px;overflow-x:auto;flex:1;padding:14px 26px 8px}.spread-thumbnail{display:flex;flex-direction:column;gap:9px;flex-shrink:0;position:relative}.thumbnail-pages{display:flex;width:113px;height:80px;background:#f8f5ec;box-shadow:0 2px 5px #2a392717;overflow:hidden;pointer-events:none}.thumbnail-pages .album-page{width:50%;flex:1;height:100%;aspect-ratio:210/297}.thumbnail-pages.is-cover{width:57px}.thumbnail-pages.is-cover .album-page{width:100%}.spread-thumbnail>span{font-size:8px;color:#88917b;display:flex;align-items:center;gap:5px}.spread-thumbnail.active .thumbnail-pages{outline:1.5px solid #b16e4f;outline-offset:4px}.spread-thumbnail.active>span{color:#9b654b}.spread-thumbnail>span>i{width:3px;height:3px;background:#9b654b;border-radius:50%}.mini-page{pointer-events:none}.add-page-thumbnail{height:79px;width:57px;border:1px dashed #c4cdb9;border-radius:2px;flex-shrink:0;flex-direction:column;color:#8c9a7d;margin-bottom:15px}.add-page-thumbnail span{font-size:7px}.toast{position:fixed;bottom:155px;left:50%;transform:translate(-50%);background:#344c3e;color:#fff9ed;border-radius:7px;box-shadow:0 7px 30px #2a3e2833;padding:14px 20px;z-index:100;font-size:11px;max-width:90vw;animation:toast-in .22s ease-out}.toast svg{color:#c8d8b6}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#f7f4ea}.loading-screen .brand{margin-bottom:40px}.loading-screen h1{font:36px var(--serif)}.loading-screen p{color:#7b856d;font-size:12px}.spin{animation:spin 1s linear infinite}.reader{position:fixed;inset:0;background:#e8e9df;z-index:80;display:flex;flex-direction:column;padding:0 45px;animation:reader-in .4s cubic-bezier(.16,1,.3,1)}.reader-top{height:92px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.reader-top>span{font-size:12px;color:#6c775d}.reader-book .book{width:min(1050px,calc((100dvh - 190px)*1.414));max-height:calc(100dvh - 190px)}.reader-book .book.single-page{width:min(500px,calc((100dvh - 190px)*.707))}.reader-navigation{height:90px;display:flex;align-items:center;justify-content:center;gap:35px;font-size:10px;color:#6b795a;flex-shrink:0}.reader-navigation .icon-button{width:42px;height:42px}.print-layout{display:none}.readonly .album-object{outline:0!important}.readonly .object-photo{pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{translate:0 8px;opacity:0}}@keyframes reader-in{0%{clip-path:inset(8% 3%);opacity:.7}to{clip-path:inset(0);opacity:1}}@media(min-width:1550px){.library{width:292px}.inspector{width:265px}.library-body{padding:24px}.photo-main{aspect-ratio:1}.main-header,.project-header{padding-right:35px;padding-left:35px}.project-heading h1{font-size:23px}.canvas-area{padding:25px 45px 15px}.book{width:min(100%,calc((100dvh - 400px)*1.414*var(--zoom)))}.book.single-page{width:min(65%,calc((100dvh - 400px)*.707*var(--zoom)))}}@media(max-width:1150px){.library{width:224px}.library-body{padding:18px 13px}.inspector{width:210px}.inspector-body{padding:19px 16px}.canvas-area{padding:18px 24px 10px}.spread-heading button{font-size:0;gap:0}.spread-heading button svg{width:12px}.spread-heading>span{max-width:90%}.brand .brand-description{display:none}.project-heading h1{font-size:18px}.project-actions{gap:8px}.project-header{padding:0 20px}.primary,.soft-button{font-size:10px;padding:0 12px}.photo-grid{gap:13px 8px}.search-field input{font-size:8px}.toolbar-label{min-width:68px}.editor-toolbar{padding:0 13px}.tool-group{gap:1px}.tool-divider{margin:0 4px}.story-card h3{font-size:29px}.filmstrip-label{width:130px;padding-left:20px}.filmstrip-scroll{gap:17px}.thumbnail-pages{width:102px;height:72px}.thumbnail-pages.is-cover{width:51px}}@media(max-width:930px){.inspector{position:absolute;right:0;top:195px;bottom:132px;z-index:25;width:235px;box-shadow:-7px 2px 25px #30452d12}.inspector-hidden .inspector,.header-center{display:none}.project-heading h1{max-width:46vw;font-size:17px}.canvas-area{padding:20px 25px}.book{width:min(100%,calc((100dvh - 385px)*1.414*var(--zoom)))}.project-heading p{font-size:8px}.local-badge{display:none}.book.single-page{width:min(65%,calc((100dvh - 385px)*.707*var(--zoom)))}.reader-top>span{font-size:10px;max-width:40%;text-align:center}.inspector:not(:has(.object-actions)):has(.story-card){display:none}}@media(max-width:700px){.app{min-height:580px}.main-header{height:53px;padding:0 17px}.brand{font-size:33px}.help-link{font-size:9px}.project-header{height:96px;padding:12px 15px;align-items:flex-start;flex-direction:column;gap:8px}.project-title-row h1{max-width:90vw;font-size:16px}.project-heading p{margin-top:3px;font-size:7px}.project-actions{position:absolute;right:13px;top:110px;gap:6px}.project-actions .soft-button{height:28px;font-size:0;width:30px;padding:0}.project-actions .primary{height:28px;font-size:9px;padding:0 9px}.project-actions .icon-button{height:28px;width:23px}.project-heading p{max-width:calc(100vw - 200px);flex-wrap:wrap;gap:4px}.project-heading p .small-divider,.project-heading p .small-divider~span{display:none}.library{display:none;position:absolute;left:0;top:195px;bottom:112px;z-index:26;width:250px;box-shadow:8px 2px 25px #30452d12}.library.mobile-open{display:flex}.library-tabs{height:59px}.editor-toolbar{height:46px}.canvas-area{padding:18px 12px 10px;overflow:auto}.spread-heading{margin-bottom:15px}.spread-heading>span{font-size:8px}.book{width:100%}.book.single-page{width:min(62%,calc((100dvh - 350px)*.707)))}.book-stage{flex:1}.canvas-caption{font-size:7px;margin-top:15px}.page-number{font-size:6px}.inspector{top:195px;bottom:112px;width:225px}.filmstrip{height:112px}.filmstrip-label{width:81px;padding-left:13px}.filmstrip-label strong{font-size:8px}.filmstrip-label>span{font-size:7px}.filmstrip-label>button{top:15px;right:9px;width:18px;height:18px}.filmstrip-label>svg{width:15px}.filmstrip-scroll{padding:12px 17px 6px;gap:16px}.thumbnail-pages{width:92px;height:65px}.thumbnail-pages.is-cover{width:46px}.spread-thumbnail>span{font-size:7px}.page-navigation{height:38px;font-size:8px;gap:13px}.reader{padding:0 12px}.reader-top{height:76px}.reader-top>span{font-size:9px}.reader-top .soft-button{font-size:0;padding:0;width:32px;height:32px}.reader-book .book{width:100%}.reader-navigation{height:80px}.reader-book .book.single-page{width:min(75%,calc((100dvh - 190px)*.707)))}.toast{bottom:125px;font-size:10px}.loading-screen h1{font-size:29px;text-align:center}.loading-screen p{max-width:80%;text-align:center;font-size:11px}}.library-body h2,.section-heading h2{font-size:15px}.search-field input{font-size:10px}.filter-line select,.filter-button,.upload-button{font-size:11px}.photo-event{font-size:10px;line-height:1.35;color:#64705d}.photo-count-line{font-size:10px}.project-heading h1{font-size:22px}.primary,.soft-button{font-size:12px}.field-label{font-size:11px;color:#58654d}.field-label input:not([type=range]),.field-label textarea,.field-label select{font-size:12px}.plain-action{font-size:11px}.effects-grid button{font-size:10px}.sidebar-description{font-size:11px;color:#65705b}.library-tabs button{font-size:10px}.inspector-heading h2{font-size:12px}.editing-hint,.story-card p{font-size:11px;color:#6a755f}.spread-heading,.canvas-caption,.page-navigation,.toolbar-label{color:#65715a}.story-progress>span{font-size:9px;color:#64705c}.template-option>span{color:#65705b;font-size:10px}.template-option strong{font-size:12px}.rotation-buttons button{font-size:9px;color:#64705c}.object-actions button{font-size:10px;color:#64705c}.toast{display:flex;align-items:center;gap:9px}@media(max-width:1150px){.project-heading h1{font-size:18px}.filter-line select,.filter-button{font-size:9px}.primary,.soft-button{font-size:10px}.photo-event{font-size:9px}}@media(max-width:700px){.project-heading h1{font-size:16px}.project-actions .soft-button{font-size:0}.project-actions .primary{font-size:9px}.field-label{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.font-hand{line-height:1.45}.font-display{line-height:1.02;letter-spacing:-.035em}.font-sans{line-height:1.16}.font-serif{line-height:1.2;letter-spacing:-.02em}.object-text{isolation:isolate}.text-oval{position:absolute;inset:-10% -5%;width:110%;height:120%;pointer-events:none}.outline-oval>span{padding:0 4%}.outline-underline>span{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.055em}.color-options{flex-wrap:wrap;row-gap:13px}.object-decoration{pointer-events:auto}.album-object.selected{z-index:1000!important}.brand{font-weight:400;letter-spacing:-1.1px}.brand .brand-description{letter-spacing:0}.layer-actions{display:flex;gap:7px;margin-bottom:22px}.layer-actions button{font-size:10px;text-align:center;background:#f1f1e9;padding:8px 6px;border-radius:4px;flex:1}.book .album-page{isolation:isolate}.frame-white{box-shadow:0 .5cqw 1.5cqw -.8cqw #202a3566}.template-editorial i:first-child{left:6%;top:9%;width:59%;height:80%;background:#b4c6b9}.template-editorial i:nth-child(2){left:70%;top:41%;width:24%;height:37%;background:#e1b3a0}.template-editorial i:nth-child(3){display:none}.template-editorial b{left:71%;top:17%;width:20%;height:8%;background:#2b5048}.template-mosaic{background:#cae2e5}.template-mosaic i:first-child{left:6%;top:20%;width:52%;height:72%}.template-mosaic i:nth-child(2){left:62%;top:20%;width:32%;height:34%}.template-mosaic i:nth-child(3){left:62%;top:58%;width:32%;height:34%;background:#dfb695}.template-mosaic b{left:6%;top:8%;width:41%;height:4%;background:#2b5048}.template-layered{background:#234f49}.template-layered i:first-child{left:5%;top:8%;width:53%;height:48%;background:#a7b8c0}.template-layered i:nth-child(2){left:63%;top:8%;width:32%;height:48%;background:#d4b79a}.template-layered i:nth-child(3){left:46%;top:62%;width:49%;height:31%;background:#798f77}.template-layered b{left:6%;top:71%;width:32%;height:5%;background:#f1efcb}.template-duo{background:#efd5c8}.template-duo i:first-child{left:6%;top:8%;width:41%;height:71%}.template-duo i:nth-child(2){left:53%;top:19%;width:41%;height:71%;background:#b3bfcb}.template-duo i:nth-child(3){display:none}.template-duo b{top:88%;left:7%;width:33%;height:3%}.template-panorama{background:#263f56}.template-panorama i:first-child{left:5%;top:18%;width:90%;height:42%;background:#a5c7d0}.template-panorama i:nth-child(2){left:5%;top:65%;width:43%;height:25%;background:#f4d59b}.template-panorama i:nth-child(3){left:52%;top:65%;width:43%;height:25%}.template-panorama b{background:#fff3d5;left:6%;top:7%;height:4%;width:50%}.template-notebook i:first-child{left:8%;top:24%;width:46%;height:62%}.template-notebook i:nth-child(2){left:60%;top:45%;width:32%;height:41%;background:#b3bfcb}.template-notebook i:nth-child(3){display:none}.template-notebook b{left:8%;top:10%;width:65%;height:3%;background:#505e47}.template-list{gap:23px}.template-option.active strong{color:var(--clay)}@page{size:A4 portrait;margin:0}@media print{html,body,#root,.app{width:210mm;height:auto;min-height:0;overflow:visible;background:#fff}.main-header,.project-header,.workspace,.filmstrip,.reader,.toast{display:none!important}.print-layout{display:block}.print-page{width:210mm;height:297mm;break-after:page;page-break-after:always;overflow:hidden;position:relative;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page .album-page{width:100%;height:100%}.print-page .frame-white,.print-page .frame-polaroid,.print-page .frame-corners>img{box-shadow:none}.print-page .object-text{overflow:visible}.square-print .print-page{height:210mm}.print-page .album-object{outline:0!important}.print-page .selection-dot{display:none!important}}.editor-fields{border:0;padding:0;margin:0;min-width:0}.editor-fields:disabled{opacity:.8}.collaborators{display:flex;align-items:center;padding:0 5px}.collaborators>span{display:grid;place-items:center;width:27px;height:27px;color:#fffdf5;border:2px solid #fffefa;border-radius:50%;font:600 11px var(--sans);margin-left:-5px}.remote-collaborator{position:absolute;left:0;top:0;max-width:100%;font:500 10px/1.4 var(--sans);letter-spacing:0;color:#fffdf5;padding:2px 5px;z-index:100;white-space:nowrap;pointer-events:none}.remote-selected:after{content:"";position:absolute;inset:0;border:1px solid #a46b8a;pointer-events:none}.thumbnail-placeholder{width:100%;height:100%;background:#edece2}.editor-sync-error{background:#f6e7dc;color:#803b2e;padding:10px 25px;font-size:12px;line-height:1.5}.metadata-builder,.custom-template-library{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.metadata-builder h2,.custom-template-library h2{display:flex;gap:8px;align-items:center}.metadata-builder>p,.custom-template-library>p{font-size:11px;line-height:1.7;color:#65705b;margin:13px 0 18px}.metadata-builder>label{display:block;font-size:11px;font-weight:500;color:#52624c;margin:15px 0}.metadata-builder select,.metadata-builder input:not([type=checkbox]){width:100%;display:block;border:1px solid #ccd4c8;border-radius:5px;padding:9px 8px;background:#fffefa;margin-top:7px;font:400 11px var(--sans)}.metadata-builder .builder-checkbox{display:flex;align-items:flex-start;gap:7px;line-height:1.5}.builder-checkbox input{accent-color:var(--green)}.builder-count{display:flex;justify-content:space-between}.template-import-actions{display:flex;gap:10px;flex-wrap:wrap}.template-import-actions button,.custom-template>div:last-child button{padding:8px 9px;border:1px solid #d2d8ca;border-radius:5px;font-size:10px;color:#52624c;background:#fffefa}.template-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#76816e;font-size:11px;padding:25px 0}.custom-template{margin-top:22px}.custom-template>strong,.custom-template>span{display:block;font-size:12px;margin-top:8px}.custom-template>span{font-size:10px;line-height:1.7;color:#65705b}.custom-template>div:last-child{display:flex;justify-content:space-between;margin-top:12px;gap:8px}.data-template-drawing{height:145px;position:relative;overflow:hidden}.data-template-drawing i,.data-template-drawing b{position:absolute;display:block}.data-template-drawing i{background:#a3b9aa}.data-template-drawing b{opacity:.8}.metadata-builder .full-width{font-size:11px}@media(max-width:700px){.collaborators>span{width:21px;height:21px;font-size:9px}.project-actions .collaborators{display:none}.editor-sync-error{font-size:10px;padding:7px 15px}.remote-collaborator{font-size:7px}}@media print{.editor-sync-error,.remote-collaborator{display:none!important}.remote-selected:after{display:none!important}}.empty-album-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:25px;text-align:center;background:#fffefa;width:100%;min-height:230px;color:#405c4b}.empty-album-canvas h2{font-size:22px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.empty-album-canvas p{font-size:12px;line-height:1.65;max-width:40ch;color:#667362}.empty-compose-action{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:7px}.empty-album-canvas .primary{max-width:100%;font-size:11px}.empty-album-canvas>svg{color:#849780}@media(max-width:700px){.empty-album-canvas{gap:12px;padding:20px 15px}.empty-album-canvas h2{font-size:18px}.empty-album-canvas p{font-size:11px}.empty-album-canvas>svg{width:27px}}.template-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);margin:18px 0 22px;gap:6px}.template-mode-switch button{font-size:10px;line-height:1.4;padding:8px 2px 12px;color:#6a7665;min-height:42px;border-bottom:2px solid transparent}.template-mode-switch button[aria-pressed=true]{border-color:var(--clay);color:#944e39}.template-workbench>.metadata-builder,.template-workbench>.custom-template-library{border:0;padding-top:0;margin-top:0}.comments-panel{width:310px;flex-shrink:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#fffefa;border-inline-start:1px solid var(--line);color:#304337;font:13px/1.55 var(--sans)}.comments-panel[hidden]{display:none}.comments-heading{height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.comments-heading h2{display:flex;align-items:center;gap:8px;font:600 14px var(--sans);letter-spacing:-.02em}.comments-heading h2>span{color:#66735e;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.comments-page{padding:16px 17px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.comments-page>label:first-child{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.comments-page select{width:100%;max-width:100%;font:12px/1.5 var(--sans);padding:8px;border:1px solid #ccd4c9;border-radius:5px;background:#fafbf5;color:#304337}.comments-filter,.comment-bind{display:flex;align-items:center;gap:7px;font-size:11px;color:#5b6a55;margin-top:11px;cursor:pointer}.comments-filter input,.comment-bind input{accent-color:#355641;margin:0;width:14px;height:14px}.comments-list{flex:1 1 0;min-height:0;overflow:auto;padding:0 17px}.comments-empty{padding:35px 3px 30px;color:#5b6a55}.comments-empty>svg{color:#6c8166;margin-bottom:14px}.comments-empty h3{font-size:15px;font-weight:500;margin-bottom:8px;letter-spacing:-.02em;color:#304337}.comments-empty p{font-size:12px;line-height:1.7}.comment-thread{padding:17px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comment-meta{display:flex;align-items:center;gap:7px;margin-bottom:6px}.comment-meta strong{font-size:11px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.comment-meta time{font-size:9px;color:#64705b;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.comment-icon{width:24px;height:26px;flex-shrink:0;border-radius:4px;color:#6e7966}.comment-icon:hover{background:#f5e9e1;color:#8e4c37}.comment-message p{font-size:12px;line-height:1.7;white-space:pre-wrap;color:#304337}.comment-reply{padding-inline-start:13px;margin-top:13px;border-inline-start:1px solid #d8dfcf}.comment-thread-actions{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:10px;color:#556d4b;flex-wrap:wrap}.comment-thread-actions button{min-height:26px;gap:4px;text-underline-offset:3px}.comment-thread-actions button:hover{text-decoration:underline}.comment-thread-actions>span{display:inline-flex;align-items:center;gap:4px;color:#63745a}.comment-thread.is-resolved .comment-message p{color:#65715e}.comment-anchor{font-size:10px;color:#596e50;margin-bottom:10px;gap:5px;text-align:left;min-height:24px}.comment-composer{padding:15px 17px 17px;flex-shrink:0;border-top:1px solid var(--line);background:#fafbf5}.comment-composer>label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.comment-composer textarea{display:block;width:100%;min-height:80px;max-height:170px;resize:vertical;border:1px solid #c7d0c1;border-radius:5px;background:#fffefa;padding:9px 10px;font:12px/1.6 var(--sans);color:#304337}.comment-composer textarea::placeholder{color:#68755e;opacity:1}.comment-composer>.comment-bind{display:flex;margin:10px 0 0;font-size:11px;font-weight:400}.comment-composer>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.comment-composer small{font-size:9px;color:#66725e}.comment-composer .primary{font-size:11px;height:33px;padding:0 11px}.comment-reply-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5d7453;margin-bottom:9px}.comment-reply-label button{width:26px;height:25px}.comments-error{padding:13px 0;color:#883e2c;font-size:11px;line-height:1.65}.comments-error button{font-size:11px;min-height:29px;gap:6px;text-decoration:underline;text-underline-offset:3px}.comments-status{padding:20px 17px;font-size:12px;color:#65725c;line-height:1.7}.comments-toggle.active{background:#e9efdf;border-color:#b6c5a8;color:#355641}.serif-preset{font:21px/1.5 var(--serif)}.font-library-note{font-size:10px;line-height:1.8;color:#5e6c55;margin-top:20px}.template-detail-field{display:block;margin:20px 0;font:11px/1.6 var(--sans);color:#526449}.template-detail-field select{display:block;width:100%;font:11px/1.6 var(--sans);padding:9px 7px;background:#fffefa;border:1px solid #cdd6c5;border-radius:5px;color:#304337;margin:7px 0}.template-detail-field small{display:block;font-size:10px;line-height:1.7;color:#62725a}@media(max-width:1150px){.comments-panel{width:280px}.project-actions{gap:7px}.comments-toggle{padding-inline:10px}}@media(max-width:930px){.comments-panel{position:absolute;right:0;top:235px;bottom:132px;z-index:27;width:310px;box-shadow:-7px 4px 25px #30452d1f}.comments-toggle>span{display:none}.comments-toggle{width:35px;padding:0}}@media(max-width:700px){.comments-panel{top:235px;bottom:112px;width:min(340px,100vw)}.comment-composer textarea,.comments-page select{font-size:16px}.project-actions .comments-toggle{font-size:inherit}.comments-toggle>span{display:none}.comments-panel .icon-button{width:36px;height:36px}.comment-thread-actions button{min-height:34px}.comment-composer small{max-width:105px}.comments-heading{height:46px}}@media(max-height:680px){.comments-panel{overflow-y:auto}.comments-list{flex:1 0 auto;min-height:70px;overflow:visible}.comments-page,.comment-composer{padding-block:10px}.comment-composer textarea{min-height:62px;height:62px}.comment-composer>div:last-child{margin-top:9px}}@media print{.comments-panel{display:none!important}}.comment-draft-recovery{font-size:11px;line-height:1.6;color:#516b48;gap:7px;text-decoration:underline;text-underline-offset:3px;margin-bottom:13px;min-height:28px}