@font-face{font-family:Flip;src:local("Avenir Next"),local("Inter")}*{box-sizing:border-box}body{margin:0;font-family:Flip,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#232b27;background:#f5f2ec;font-size:15px;line-height:1.5}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #196943;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,5vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:750}h2{font-size:21px;letter-spacing:-.035em}h3{font-size:18px;letter-spacing:-.02em}p{line-height:1.65}.muted{color:#6d746d}.small{font-size:13px}.centered{text-align:center;justify-content:center}.app-header{height:89px;border-bottom:1px solid #e1e0d7;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 36px}.brand{display:flex;align-items:center;gap:20px;border:0;background:none;padding:0}.brand img{width:84px;height:36px;object-fit:contain}.brand-divider{height:26px;width:1px;background:#cccfc5}.brand strong{font-size:35px;font-weight:750;letter-spacing:-.06em;line-height:1}.brand strong span{color:#ef7215}.header-right{display:flex;gap:18px;align-items:center}.local-pill{display:flex;align-items:center;gap:7px;color:#42634d;font-size:12px;font-weight:600}.icon-button{border:0;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0}.icon-button:hover{background:#e8e8de}main{max-width:1240px;margin:0 auto;padding:0 36px 36px}.home-hero{min-height:440px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;padding:68px 0 57px;gap:36px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:19px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#ef7215}.home-hero h1 span{color:#648069}.home-hero p{margin:22px 0 27px;color:#687166;font-size:17px}.button{border:1px solid transparent;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:#ef7215;color:#fff;box-shadow:0 3px #a64c0920}.primary:hover:not(:disabled){background:#df6510}.light{background:#fffefa;border-color:#dddfd4}.light:hover:not(:disabled){background:#eeeee4}.dark{background:#243c2e;color:#fff}.dark:hover:not(:disabled){background:#162e20}.danger{background:#aa3026;color:#fff}.big{padding:15px 23px;font-size:14px;min-height:51px}.full{width:100%;margin-top:10px}.hero-art{position:relative;height:292px;width:310px;justify-self:center}.paper{background:#fffef9;width:195px;height:250px;position:absolute;left:46px;top:12px;border-radius:4px;box-shadow:0 12px 35px #3a45251a}.paper-back{transform:rotate(-12deg);background:#dce2d3;left:34px;top:18px}.paper-front{transform:rotate(9deg);padding:22px}.paper-front img{width:48px;display:block;margin-bottom:28px}.paper-stroke{height:7px;border-radius:5px;width:105px;background:#56795e;margin:15px 0;transform:rotate(-3deg)}.paper-stroke.orange{background:#ef7215;width:126px;transform:rotate(2deg)}.paper-stroke.short{width:76px;transform:rotate(-1deg)}.paper-scribble{font-size:32px;font-style:italic;color:#456e4e;font-family:Georgia,serif;transform:rotate(-12deg);margin-left:66px;line-height:1}.paper-check{display:grid;place-items:center;position:absolute;right:-20px;bottom:9px;width:58px;height:58px;border-radius:50%;background:#244e36;color:#fff;box-shadow:0 4px 12px #244e3620}.hero-caption{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:15px;bottom:-6px;right:3px;transform:rotate(-6deg);color:#697a63}.projects-section{border-top:1px solid #dcded4;padding-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{display:flex;align-items:center;gap:10px}.section-heading h2>span{font-size:11px;border:1px solid #d4d8ca;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;letter-spacing:0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;font-size:12px;font-weight:600;padding:9px;color:#465c49;border-radius:8px;text-decoration:none}.text-button:hover{background:#e8e9e0}.empty-list{min-height:130px;border:1px dashed #cdd4c5;border-radius:13px;color:#7d8776;display:flex;align-items:center;justify-content:center;gap:13px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{position:relative;border:1px solid #dddfd4;background:#fffefa;border-radius:13px;overflow:hidden}.project-open{padding:0;border:0;background:none;display:block;width:100%;text-align:left}.project-cover{position:relative;height:176px;background:#e7eadf;display:flex;align-items:center;justify-content:center;color:#9aaa90;padding:18px;overflow:hidden}.project-cover>.page-image{width:100%;height:100%}.project-count{position:absolute;bottom:10px;right:12px;background:#fffffff2;padding:3px 8px;border-radius:5px;font-size:10px;color:#475140}.project-info{padding:19px 20px 22px}.project-info small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7b8275}.project-info h3{margin:6px 0 18px;overflow-wrap:anywhere}.project-info>span{font-size:11px;font-weight:650;color:#52694d;display:flex;align-items:center;gap:5px}.project-delete{position:absolute;bottom:14px;right:12px;color:#7b8275}.home-bottom{display:flex;align-items:flex-start;gap:11px;margin-top:42px;color:#7d8977;font-size:12px}.home-bottom svg{margin-top:2px;flex-shrink:0}.home-bottom strong{color:#66715f;font-size:12px}.home-bottom p{font-size:11px;margin-top:3px}.project-heading{padding-top:24px}.back-link{border:0;background:none;display:flex;align-items:center;gap:7px;padding:0;color:#75806e;font-size:11px;font-weight:600}.title-row{display:flex;align-items:center;justify-content:space-between;margin:27px 0 28px;gap:15px}.title-row .eyebrow{margin-bottom:11px}.title-row h1{font-size:clamp(30px,4vw,42px);overflow-wrap:anywhere}.project-sub{font-size:12px;color:#7c8376;margin-top:13px}.project-sub span{margin:0 7px}.toolbar{border-top:1px solid #dcdfd3;border-bottom:1px solid #dcdfd3;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.actions{display:flex;align-items:center;gap:9px}.sort-hint{font-size:11px;color:#818a78;display:flex;gap:5px;align-items:center;padding:24px 0 15px}.pages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.page-card{border:1px solid #dce0d3;border-radius:12px;background:#fffefa;overflow:hidden;position:relative;box-shadow:0 3px 7px #26362404}.page-card.dragging{z-index:10;box-shadow:0 10px 35px #26362430;opacity:.85}.page-topline{display:flex;align-items:center;padding:8px 10px;gap:8px}.page-number{font-size:10px;font-weight:750;color:#55664b}.page-type{font-size:10px;color:#8c9384;flex:1}.drag-handle{touch-action:none;border:0;background:none;padding:5px;color:#a1a993;display:flex;cursor:grab}.page-preview{width:100%;height:231px;display:block;padding:14px 16px;border:0;background:#eaece3;overflow:hidden}.page-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-cell{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-image img{width:100%;height:100%;object-fit:contain;display:block}.collage-image{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}.collage-image.count-1{display:flex}.collage-image.count-2{grid-template-rows:1fr}.collage-image.count-3 .image-cell:last-child{grid-column:span 2}.image-loading{font-size:10px;color:#839078}.page-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px 0 12px}.page-title{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:0;background:none}.page-actions{display:flex;align-items:center;gap:5px;padding:1px 9px 9px}.page-actions button{width:28px;height:27px;border:0;background:none;display:grid;place-items:center;color:#8c9781;border-radius:5px}.page-actions button:hover{background:#f0f1e9}.page-actions button:last-child{margin-left:auto}.add-page-card{min-height:315px;border:1px dashed #c9d2bf;border-radius:12px;background:#eeefe6;color:#8c9c7f;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;font-size:12px}.project-footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:18px;border-top:1px solid #dfe3d5;color:#7a8870;font-size:11px}.project-footer>span{display:flex;align-items:center;gap:6px}.empty-pages{text-align:center;padding:65px 15px 75px}.empty-art{position:relative;width:95px;height:95px;display:grid;place-items:center;border-radius:22px;background:#e8ecde;color:#69835d;transform:rotate(-6deg);margin:0 auto 27px}.small-plus{position:absolute;right:-7px;bottom:5px;background:#ef7215;color:#fff;border-radius:50%;padding:3px}.empty-pages h2{font-size:25px;line-height:1.25}.empty-pages p{font-size:13px;color:#7a8571;margin:14px auto 24px}.overlay{position:fixed;inset:0;background:#13251c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;padding:28px 18px;display:flex;align-items:center;justify-content:center;overflow-y:auto}.modal{background:#fffef9;width:100%;max-width:495px;max-height:calc(100dvh - 56px);overflow-y:auto;padding:26px;border:1px solid #e2e5d8;border-radius:18px;box-shadow:0 20px 70px #0c291e33;outline:none}.modal.wide{max-width:680px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.modal-head h2{font-size:23px}.modal p{font-size:13px}.modal label{display:block;margin:17px 0;font-size:12px;font-weight:650}.modal input:not([type=checkbox]){width:100%;display:block;border:1px solid #d5dccb;border-radius:9px;background:#fff;padding:12px;margin-top:7px;color:#293526;min-height:45px;outline-offset:2px}.optional{font-size:10px;color:#959c8c;font-weight:400;margin-left:4px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px;border-top:1px solid #e7eadf;padding-top:19px}.portal-details{border-top:1px solid #e6e9dd;padding-top:15px;margin-top:20px}.portal-details summary{font-size:12px;color:#6d7b61;cursor:pointer}.checkbox{display:flex!important;gap:9px;align-items:center;font-weight:400!important}.checkbox input{accent-color:#ef7215;width:18px;height:18px;flex-shrink:0}.photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;max-height:330px;overflow-y:auto;padding:3px}.photo-choice{height:135px;border:2px solid transparent;border-radius:9px;background:#e9eddf;padding:5px;position:relative;overflow:hidden}.photo-choice.chosen{border-color:#ef7215;background:#fff3e6}.choice-number{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fffefa;font-size:12px;color:#7f8d73}.chosen .choice-number{background:#ef7215;color:#fff}.collage-summary{font-size:12px;color:#6f7f64;border-radius:8px;background:#edf0e5;padding:10px}.edit-preview{height:250px;background:#e9ecdf;padding:15px;border-radius:10px}.edit-tools{display:flex;gap:8px;flex-wrap:wrap}.export-icon{width:76px;height:76px;border-radius:20px;background:#fbe9d9;color:#df6b17;display:grid;place-items:center;margin:8px auto 19px}.export-title{text-align:center;overflow-wrap:anywhere}.export-title+p{margin-top:8px;margin-bottom:17px}.train-section{border-top:1px solid #e1e6d7;margin-top:23px;padding-top:20px}.train-section strong{font-size:13px}.train-section p{margin-top:5px}.ready-message{display:flex;align-items:center;justify-content:center;gap:6px;color:#4c714a;font-size:12px;margin:10px 0 15px}.help-section h3{font-size:15px;margin:23px 0 8px}.help-section p{color:#748069}.help-section p:last-child{margin-top:20px}.camera-preview{position:relative;background:#17261b;border-radius:12px;overflow:hidden;max-height:57dvh;aspect-ratio:3/4;margin-top:18px}.camera-preview video{width:100%;height:100%;object-fit:contain;display:block}.camera-guide{position:absolute;inset:12% 13%;border:1px dashed #ffffff70;border-radius:4px;display:grid;place-items:center;color:#ffffff80;pointer-events:none}.camera-error{position:absolute;inset:20px;display:flex;align-items:center;text-align:center;color:#fff;font-size:14px}.camera-controls{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:12px}.camera-controls>span{font-size:12px;color:#6e7b62}.shutter{width:66px;height:66px;border-radius:50%;background:#ef7215;color:#fff;border:5px solid #f8cfaa;display:grid;place-items:center}.camera-preview.flash:after{content:"";position:absolute;inset:0;background:#ffffffa0}.crop-frame{position:relative;max-width:480px;margin:25px auto;touch-action:none;-webkit-user-select:none;user-select:none}.crop-frame>img{width:100%;display:block;border-radius:4px;max-height:55dvh;object-fit:fill}.crop-frame svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.crop-frame polygon{fill:#ef721518;stroke:#ef7215;stroke-width:.6;vector-effect:non-scaling-stroke}.crop-handle{position:absolute;width:32px;height:32px;border:2px solid white;background:#ef7215;color:#fff;border-radius:50%;transform:translate(-50%,-50%);padding:0;font-size:11px;box-shadow:0 2px 8px #0005;touch-action:none}.crop-handle.active{box-shadow:0 0 0 5px #ef721540}.error-banner{position:relative;z-index:60;background:#fff0ea;color:#962e20;border-bottom:1px solid #f6c0b0;padding:13px 24px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px}.error-banner button{display:flex;border:0;background:none;color:inherit;padding:3px}.inline-error{color:#a53622;padding:9px 0}.toast,.working{position:fixed;z-index:100;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#274533;color:#fff;font-size:12px;padding:13px 19px;border-radius:12px;box-shadow:0 5px 20px #203b2630;max-width:calc(100vw - 28px);width:max-content}.toast{bottom:calc(24px + env(safe-area-inset-bottom))}.working{top:12px;background:#fffefa;color:#4d6541;border:1px solid #cdd8c2}.spin{animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}progress{width:100%;accent-color:#ef7215;margin-top:17px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1300px){.page-preview{height:260px}}@media(max-width:1000px){.pages-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar .button{padding:10px 12px}.toolbar{gap:8px}.toolbar .actions{gap:6px}.hero-art{transform:scale(.9)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){body{font-size:14px}.app-header{height:72px;padding:0 20px}.brand{gap:14px}.brand img{width:65px;height:30px}.brand strong{font-size:31px}.brand-divider{height:23px}.header-right{gap:7px}.local-pill{font-size:10px;gap:4px}.local-pill svg{width:13px}.header-right>.icon-button{width:30px}main{padding:0 20px 25px}.home-hero{padding:44px 0 34px;gap:12px;min-height:365px;grid-template-columns:1fr 112px}.home-hero h1{font-size:42px;position:relative;z-index:1}.home-hero p{font-size:13px;margin:20px 0 25px}.eyebrow{font-size:9px;letter-spacing:.11em}.hero-art{width:160px;transform:scale(.62);transform-origin:center right;margin-left:-100px;margin-right:-20px;align-self:start;margin-top:15px;opacity:.85}.hero-caption{display:none}.paper{left:-20px}.paper-back{left:-30px}.home-hero .big{padding:13px 17px;font-size:12px;position:relative;z-index:1}.section-heading h2{font-size:19px}.section-heading .text-button{font-size:10px;padding:4px}.empty-list{font-size:12px;min-height:112px}.projects-grid{gap:14px}.project-cover{height:143px;padding:12px}.project-info{padding:14px 14px 23px}.project-info h3{font-size:16px;line-height:1.2;margin:8px 0 14px}.project-info small{font-size:8px}.project-info>span{font-size:9px}.project-delete{right:4px;bottom:9px;width:29px}.home-bottom{margin-top:29px}.project-heading{padding-top:20px}.title-row{margin:24px 0 22px;gap:5px}.title-row h1{font-size:31px}.title-row .eyebrow{margin-bottom:9px}.project-sub{font-size:10px;margin-top:11px}.toolbar{flex-wrap:wrap;padding:14px 0;gap:10px;position:relative}.toolbar>.actions:first-child{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.toolbar>.actions:first-child .button{padding:10px 5px;gap:5px;font-size:10px;min-height:42px}.toolbar .button svg{width:16px}.toolbar>.actions:last-child{width:100%;justify-content:space-between;gap:12px}.toolbar .undo{height:35px}.toolbar .export{min-height:37px;flex:1;font-size:11px}.sort-hint{font-size:9px;padding:18px 0 13px}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.page-preview{height:198px;padding:12px 9px}.page-topline{padding:6px 8px;gap:6px}.page-type,.page-number{font-size:9px}.page-title{font-size:10px}.page-bottom{padding:5px 6px 0 9px}.page-actions{padding-bottom:6px}.add-page-card{min-height:290px;font-size:11px}.project-footer{font-size:9px;gap:10px;margin-top:24px}.project-footer .text-button{font-size:10px;padding:7px 0}.project-footer>span{gap:4px}.empty-pages{padding:45px 0}.empty-pages h2{font-size:23px}.empty-pages p{font-size:12px}.empty-pages .actions{flex-direction:column;gap:10px}.empty-pages .button{width:100%;max-width:290px}.overlay{padding:14px 10px;align-items:center}.modal{max-height:calc(100dvh - 28px);padding:21px 18px;border-radius:16px}.modal-head{margin-bottom:14px}.modal-head h2{font-size:21px}.modal label{font-size:12px}.modal input:not([type=checkbox]){font-size:16px}.modal-actions .button{padding:10px 13px;font-size:12px}.photo-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.photo-choice{height:122px}.crop-handle{width:34px;height:34px}.camera-preview{max-height:58dvh}.working{font-size:11px;top:9px;padding:10px 14px}.toast{font-size:11px;bottom:calc(16px + env(safe-area-inset-bottom))}.error-banner{font-size:11px;padding:10px 16px}.help-section h3{font-size:14px}}@media(max-width:370px){.home-hero{grid-template-columns:1fr 70px}.home-hero h1{font-size:36px}.header-right .local-pill span{display:none}.pages-grid{gap:9px}.page-preview{height:170px}.toolbar>.actions:first-child .button{font-size:9px;gap:4px}.toolbar>.actions:first-child .button svg{width:14px}.photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.project-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){.home-hero{display:block;position:relative;min-height:0;padding:40px 0 35px}.home-hero h1{font-size:40px}.hero-art{display:none}.home-hero p{font-size:14px}}@media(max-width:370px){.home-hero h1{font-size:35px}}.crop-frame{width:fit-content}.crop-frame>img{width:auto;height:auto;max-width:100%;max-height:55dvh;object-fit:contain}.error-banner{position:fixed;top:0;left:0;right:0;z-index:120}