.clock-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;height:30px;margin-top:5px;padding:0 8px;border:1px solid #ecefed;border-radius:5px;background:#fbfcfb;color:#4d5650;font:inherit;font-size:10px;font-variant-numeric:tabular-nums;cursor:pointer}.clock-picker-trigger svg{flex-shrink:0;color:#89938b}.clock-picker-trigger:focus-visible{outline:2px solid #65866f;outline-offset:2px}.clock-dialog{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:520px;max-height:100dvh;margin:0 auto;padding:0;border:0;border-radius:22px 22px 0 0;background:#fff;color:#33453a;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -8px 40px #17211920;font-family:inherit}.clock-dialog::backdrop{background:#10171280}.clock-sheet{padding:10px 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}.clock-sheet-handle{width:36px;height:4px;margin:0 auto 6px;border-radius:4px;background:#d8e0da}.clock-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clock-sheet-header h2{margin:0;font-size:17px;font-weight:600}.clock-sheet-header button{min-width:60px;min-height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#758279;font:inherit;font-size:16px;cursor:pointer}.clock-sheet-header .clock-confirm{color:#52755d;font-weight:700}.clock-sheet-header button:focus-visible,.clock-wheel:focus-visible{outline:2px solid #65866f;outline-offset:-2px}.clock-summary{margin:8px 0 16px;text-align:center;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.clock-wheels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:360px;margin:0 auto}.clock-wheel-column{min-width:0;text-align:center}.clock-wheel-label{display:block;margin-bottom:8px;font-size:14px;color:#7c897f}.clock-wheel-window{position:relative;height:220px}.clock-wheel{position:relative;box-sizing:border-box;height:220px;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;touch-action:pan-y;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:10px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.clock-wheel-track{position:relative;width:100%}.clock-wheel::-webkit-scrollbar{display:none}.clock-wheel-item{position:absolute;left:0;right:0;box-sizing:border-box;height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;color:#8d9990;font-size:23px;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;-webkit-user-select:none}.clock-wheel-item.selected{color:#334f3b;font-weight:600}.clock-wheel-highlight{position:absolute;top:88px;left:0;right:0;height:44px;border-radius:9px;background:#edf3ee;pointer-events:none}.clock-hint{margin:14px 0 0;text-align:center;color:#8b968e;font-size:12px}@media(max-height:430px){.clock-summary,.clock-hint,.clock-sheet-handle{display:none}.clock-sheet{padding-top:4px}.clock-wheel-label{margin-bottom:2px}}:root{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252b30;background:#f6f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:13px;font-kerning:normal;--ink:#252b30;--muted:#899195;--line:#eceeef;--soft:#f6f7f7;--green:#5f8c72;--green-deep:#507961;--green-wash:#ecf3ee;--serif:Georgia,"Noto Serif SC",serif}*{box-sizing:border-box}body{margin:0;min-width:350px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #88ad94;outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed!important}.app-shell{height:100vh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:57px;flex:0 0 57px;display:flex;align-items:center;padding:0 25px;background:#fff;border-bottom:1px solid #edf0f0;gap:31px;z-index:3}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#28302b;font-size:16px;font-weight:700;letter-spacing:.01em}.brand-mark{width:25px;height:25px;border-radius:8px;background:#e8f0e9;color:#648d71;display:grid;place-items:center}.brand>i{font-style:normal;font-size:8px;letter-spacing:.15em;color:#98a19b;font-weight:500;margin:3px 0 0 2px}.breadcrumbs{height:100%;display:flex;align-items:center;gap:9px;color:#a0a6a7;font-size:11px;border-left:1px solid #f0f1f1;padding-left:24px}.breadcrumbs strong{color:#535b59;font-weight:600}.breadcrumbs svg{color:#bbc0c0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.local-badge{color:#687c70;font-size:10px;display:flex;align-items:center;gap:6px;border:1px solid #ebf0ec;background:#f8faf8;border-radius:20px;padding:6px 9px}.local-badge>span{width:6px;height:6px;background:#6f9a7e;border-radius:50%;box-shadow:0 0 0 3px #e8f0e9}.icon-button,.more-icon{display:grid;place-items:center;background:none;border:0;color:#9aa19f;padding:7px;cursor:pointer;border-radius:7px}.icon-button:hover,.more-icon:hover{background:#f4f6f5;color:#515b56}.primary{border:0;background:#65866f;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #557f661c;transition:background .16s,transform .16s}.primary:hover:not(:disabled){background:#537a61;transform:translateY(-1px)}.top-export{height:33px;padding:0 14px}.mobile-download{display:none}.workspace{height:calc(100vh - 57px);min-height:0;display:grid;grid-template-columns:388px minmax(0,1fr);gap:0}.left-panel{background:#fff;border-right:1px solid #e9ecec;position:relative;min-height:0;display:flex;flex-direction:column;z-index:2}.panel-scroll{overflow-y:auto;padding:27px 24px 24px;scrollbar-width:thin;scrollbar-color:#e4e8e5 transparent}.panel-scroll::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-thumb{background:#e4e8e5;border-radius:8px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:.18em;color:#9aab9e;font-weight:700;margin:0 0 7px}.panel-heading h1{font-family:var(--serif);font-size:20px;letter-spacing:.02em;font-weight:600;margin:0;color:#303735}.subheading{font-size:10px;color:#9aa19e;margin:8px 0 0;letter-spacing:.01em}.dropzone{width:100%;height:112px;margin-top:19px;background:linear-gradient(130deg,#fafcfb,#f8faf8);border:1px dashed #cbd9ce;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:border .16s,background .16s,transform .16s}.dropzone:hover,.dropzone.drag-over{background:#f2f7f3;border-color:#7f9c87;transform:translateY(-1px)}.upload-icon{width:27px;height:27px;border-radius:8px;color:#64866d;background:#eaf1eb;display:grid;place-items:center;margin-bottom:6px}.dropzone strong{font-size:11px;font-weight:600;color:#47544b}.dropzone>span:not(.upload-icon){font-size:9px;color:#9da6a0;margin-top:3px}.dropzone small{font-size:8px;color:#b0b7b2;margin-top:7px;letter-spacing:.01em}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h2{margin:0;color:#343a37;font-size:12px;font-weight:650}.section-header h2>span:not(.step-mark){font-size:10px;color:#99a09c;margin-left:5px;font-weight:500}.section-header p{font-size:9px;color:#a4aaa7;margin:4px 0 0}.photo-heading{margin-top:22px;margin-bottom:10px}.text-button{display:flex;gap:3px;align-items:center;padding:5px 7px;background:transparent;border:0;color:#698775;font-size:9px;font-weight:600;cursor:pointer}.text-button:hover{background:#f1f6f2;border-radius:5px}.photo-list{display:flex;flex-direction:column;gap:5px;max-height:209px;overflow-y:auto}.photo-row{height:53px;flex:0 0 53px;border:1px solid transparent;border-radius:7px;background:#fff;padding:5px 8px 5px 6px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.photo-row:hover{background:#fafbfa}.photo-row.active{background:#f6f9f6;border-color:#e4ece5}.thumb-wrap{position:relative;width:43px;height:39px;flex:0 0 43px;overflow:hidden;border-radius:5px;background:#edf0ec}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.photo-index{position:absolute;left:3px;bottom:2px;font-size:7px;color:#fff;background:#18201cb5;border-radius:2px;padding:1px 3px}.photo-info{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.photo-info strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#48504b;font-weight:550}.photo-info small{font-size:8px;color:#9ca5a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-status{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f1f2f2;color:#adb2af;flex:0 0 auto}.photo-status.ready{background:#eaf2ec;color:#65866f}.thin-divider{height:1px;background:#f0f1f0;margin:17px 0 16px}.template-heading h2{display:flex;align-items:center;gap:7px}.step-mark{width:16px;height:16px;border-radius:5px;background:#f0f4f1;color:#718876;display:inline-grid;place-items:center;font-size:8px;font-weight:650}.template-heading p{margin-top:4px}.template-heading>.more-icon{margin-top:-7px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.template-card{position:relative;border:1px solid #e9edeb;background:#fff;padding:5px;border-radius:7px;text-align:left;cursor:pointer;min-width:0;transition:border .15s,box-shadow .15s,transform .15s}.template-card:hover{border-color:#bdcfc1;transform:translateY(-1px)}.template-card.chosen{border-color:#8daa93;box-shadow:0 0 0 1px #cadbcd}.template-sample{height:43px;border-radius:4px;display:block;position:relative;overflow:hidden;background:linear-gradient(180deg,#dee8eb,#eff0e9 62%,#d8dfd4)}.sample-sky{position:absolute;width:21px;height:21px;border-radius:50%;background:#f6e5c0;top:4px;right:15px;filter:blur(1px)}.sample-hill{position:absolute;bottom:-12px;left:0;width:115%;height:35px;background:linear-gradient(145deg,#aab9a3,#889d90);border-radius:70% 80% 0 0;transform:rotate(-8deg)}.sample-text{position:absolute;left:7px;bottom:8px;width:39px;height:4px;border-bottom:1px solid currentColor;z-index:1;text-shadow:0 1px 2px #252a29}.sample-rule{position:absolute;width:17px;height:1px;background:currentColor;opacity:.7;left:7px;bottom:5px}.sample-film{filter:saturate(.7)}.sample-film .sample-hill{background:linear-gradient(145deg,#817a61,#574e3f)}.sample-minimal{background:linear-gradient(180deg,#e4e2dc,#eeece4 67%,#dad8d0)}.sample-minimal .sample-hill{background:linear-gradient(145deg,#b7b5ac,#a3a198)}.sample-minimal .sample-text{left:auto;right:6px}.sample-journal{background:linear-gradient(180deg,#e3dfcf,#f2e8cf 65%,#c4c7b3)}.sample-journal .sample-hill{background:linear-gradient(145deg,#a4a28b,#767c69)}.sample-journal .sample-text{left:7px;bottom:25px}.template-label{display:flex;align-items:center;gap:6px;margin:6px 2px 1px;min-width:0}.template-label strong{font-size:9px;font-weight:600;color:#4c554f;white-space:nowrap}.template-label small{font-size:8px;color:#abb1ac;white-space:nowrap}.template-check{position:absolute;right:7px;top:7px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#63866e;color:#fff;border:1px solid #ffffffad}.template-card:not(.chosen) .template-check{display:none}.recommended{position:absolute;left:9px;top:8px;color:#50745b;font-size:7px;padding:2px 5px;border-radius:5px;background:#eff4efd9}.editor-start{display:none}.annotation-heading{margin:18px 0 11px}.muted-icon{color:#aab0ac}.scope-switch{background:#f5f6f5;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px}.scope-switch button{display:flex;justify-content:center;align-items:center;gap:5px;border:0;background:none;border-radius:5px;height:28px;color:#989f9b;font-size:9px;cursor:pointer}.scope-switch button.on{background:#fff;color:#516b59;box-shadow:0 1px 4px #242a2412;font-weight:600}.scope-switch button:disabled{cursor:default}.metadata-hint,.follow-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;margin:9px 0 -1px;border-radius:6px;background:#faf7ef;color:#91876c;font-size:8px;gap:6px}.metadata-hint>span{display:flex;align-items:center;gap:5px}.metadata-hint button,.follow-banner button{border:0;background:none;color:#778d79;font-size:8px;white-space:nowrap;cursor:pointer}.follow-banner{background:#eff5f0;color:#677b6c}.annotation-card{padding:6px 0 5px}.annotation-toggle-row{display:flex;align-items:center;min-height:46px;gap:9px}.type-pill{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.date-pill{background:#eef3f5;color:#768f98}.place-pill{background:#f5f1e9;color:#ac9162}.note-pill{background:#f2eff6;color:#8d7a9c}.annotation-name{display:flex;flex-direction:column;gap:3px;flex:1}.annotation-name strong{font-size:10px;color:#46504a;font-weight:600}.annotation-name small{font-size:8px;color:#abb1ad}.toggle{width:27px;height:16px;border:0;background:#e8eae9;border-radius:20px;padding:2px;cursor:pointer;transition:background .16s}.toggle i{display:block;background:#fff;width:12px;height:12px;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .16s}.toggle.checked{background:#82a188}.toggle.checked i{transform:translate(11px)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:1px 0 9px 33px}.field-wrap{margin:0 0 9px 33px}.field-label{display:block;font-size:8px;color:#8b938e}.input-with-icon{position:relative;margin-top:5px}.input-with-icon input{width:100%;height:30px;border:1px solid #ecefed;border-radius:5px;background:#fbfcfb;padding:0 29px 0 8px;color:#4d5650;font-size:9px;outline:none}.input-with-icon input:focus{border-color:#b8cbbb;background:#fff}.input-with-icon input::placeholder{color:#c0c6c1}.input-with-icon>svg{position:absolute;right:8px;top:8px;color:#abb3ac;pointer-events:none}.input-with-icon input[type=date],.input-with-icon input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:light}.input-with-icon input[type=date]::-webkit-calendar-picker-indicator,.input-with-icon input[type=time]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;cursor:pointer}.counter{position:absolute;right:8px;top:8px;font-size:8px;color:#b0b7b2}.card-divider{height:1px;background:#f0f2f0;margin:1px 0}.batch-info{min-height:43px;border:1px solid #eef1ee;border-radius:6px;background:#fbfcfb;display:flex;align-items:center;padding:6px 8px;gap:8px;color:#929a94;margin:5px 0 12px}.info-dot{width:21px;height:21px;border-radius:6px;background:#eff4ef;color:#79957e;display:grid;place-items:center;flex:0 0 auto}.batch-info p{margin:0;flex:1;font-size:8px;line-height:1.6}.batch-info p strong{color:#68766c;font-weight:600}.panel-footer{height:37px;flex:0 0 37px;border-top:1px solid #eff0ef;background:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a2aaa4}.footer-secure{color:#809385}.right-panel{min-width:0;min-height:0;position:relative;background:#f5f6f5;display:flex;flex-direction:column}.preview-toolbar{height:47px;flex:0 0 47px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #e8ebe9;background:#fafbfa}.preview-title{display:flex;align-items:center;gap:8px;min-width:0;color:#9ca39e;font-size:9px}.preview-title strong{font-size:10px;color:#525c56;font-weight:600}.preview-title>span:not(.live-dot):not(.soft-divider){max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:6px;height:6px;border-radius:50%;background:#76a183;box-shadow:0 0 0 3px #eaf1eb}.soft-divider{color:#d3d7d4}.live-badge{border:0;background:#eff4ef;border-radius:3px;color:#78917d;font-size:7px;font-weight:700;letter-spacing:.06em;padding:3px 5px}.preview-tools{display:flex;align-items:center;gap:8px}.tool-button{height:28px;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#888f8a;padding:0 8px;border-radius:5px;font-size:9px;cursor:pointer}.tool-button:hover,.tool-button.tool-active{background:#edf2ed;color:#66816c}.tool-button:disabled{cursor:default}.toolbar-divider{height:15px;width:1px;background:#e7e9e7}.desktop-more{margin-left:1px}.preview-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:23px 31px 17px;background-color:#f2f3f2;background-image:radial-gradient(#dce0dd .65px,transparent .65px);background-size:14px 14px}.photo-preview-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.photo-preview{position:relative;overflow:hidden;max-width:100%;max-height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 14px 32px #333b351c;border-radius:2px;touch-action:none;-webkit-user-select:none;user-select:none}.photo-preview.portrait{height:min(100%,670px);aspect-ratio:.76;width:auto}.photo-preview.landscape{width:min(100%,940px);aspect-ratio:1.54;height:auto;max-height:100%}.preview-stamp{position:absolute;transform:translateY(-50%);white-space:nowrap;font-size:clamp(9px,1vw,16px);line-height:1.25;font-weight:600;letter-spacing:.025em;cursor:grab;-webkit-user-select:none;user-select:none;padding:1px 2px;touch-action:none;z-index:2}.preview-stamp:active{cursor:grabbing}.stamp-selected{outline:1px dashed #e6f1e8;border-radius:3px;outline-offset:3px}.stamp-film .stamp-inner{background:#1b1915a6;padding:.35em .5em}.stamp-journal .stamp-inner{background:#282219a1;padding:.3em .52em;border-radius:2px}.stamp-minimal{font-weight:500;letter-spacing:.035em}.guide-guide{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px dashed #ffffff90;opacity:0;pointer-events:none}.focus-mode .preview-caption,.focus-mode .preview-toolbar .preview-title{opacity:.18;transition:opacity .2s}.focus-mode .preview-stage{padding:0;background:#eef0ee}.focus-mode .photo-preview{border-radius:0;max-height:calc(100% + 30px);box-shadow:none}.preview-caption{position:absolute;bottom:2px;display:flex;align-items:center;justify-content:space-between;width:min(82%,740px);pointer-events:none;color:#9ba39d;font-size:8px;transition:opacity .2s}.preview-caption span{display:flex;align-items:center;gap:5px}.preview-caption button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#8a938c;font-size:8px;cursor:pointer;pointer-events:auto;padding:6px}.preview-caption button:hover{color:#57745e}.preview-warning{position:absolute;bottom:21px;right:22px;display:flex;align-items:center;gap:5px;font-size:8px;color:#958866;background:#fffdf6e8;border:1px solid #f2ebdb;border-radius:5px;padding:6px 8px;z-index:3}.preview-warning.place-warning{bottom:54px}.empty-preview{width:300px;max-width:100%;height:350px;border:1px dashed #d0d8d1;border-radius:9px;background:#f9faf9e8;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#929b94;transition:background .16s,border .16s}.empty-preview:hover{background:#fff;border-color:#8faa93}.empty-art{height:125px;width:174px;position:relative;margin-bottom:13px;background:linear-gradient(180deg,#eaf0ed,#f5f4e9);border-radius:8px;overflow:hidden}.art-sun{position:absolute;width:34px;height:34px;background:#efe3c9;border-radius:50%;top:19px;right:32px}.art-mountain{position:absolute;width:200px;height:87px;left:-15px;bottom:-21px;background:linear-gradient(140deg,#aab8aa,#849587);border-radius:45% 48% 0 0;transform:rotate(-9deg)}.art-camera{position:absolute;left:68px;top:49px;width:39px;height:31px;border-radius:7px;background:#ffffffb8;color:#67826c;display:grid;place-items:center;border:1px solid #fff;box-shadow:0 4px 9px #677f691b}.empty-preview>strong{font-family:var(--serif);font-size:15px;color:#5b665e;font-weight:600}.empty-preview>span:not(.empty-art){font-size:9px;margin-top:7px}.empty-cta{margin-top:16px;display:flex;align-items:center;gap:6px;color:#67816d;background:#eff4ef;border-radius:5px;padding:8px 12px;font-size:9px!important;font-weight:600}.empty-preview>small{font-size:8px;margin-top:17px;color:#afb6b0}.compare-tag{position:absolute;right:16px;top:15px;background:#1519189e;color:#fff;border-radius:3px;padding:4px 7px;font-size:8px}.before-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#14191a1b}.before-overlay span{background:#1b211f91;color:#fff;padding:4px 8px;border-radius:3px;font-size:8px}.preview-bottom{height:60px;flex:0 0 60px;background:#fff;border-top:1px solid #e8ebe9;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.bottom-meta{display:flex;align-items:center;gap:19px;font-size:8px;color:#9ba39d}.bottom-meta>span{display:flex;align-items:center;gap:5px}.bottom-meta>span+span{border-left:1px solid #ebedeb;padding-left:17px}.meta-tag{color:#74877a}.meta-tag svg{color:#879b8b}.export-actions{display:flex;align-items:center;gap:8px}.secondary{height:32px;padding:0 12px;border:1px solid #e8ece8;border-radius:6px;background:#fff;color:#667269;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.secondary:hover:not(:disabled){background:#f8faf8;border-color:#d8e2d9}.export-main{height:34px;padding:0 13px;font-size:9px}.export-main>svg:last-child{margin-left:3px;opacity:.7}.spinner{width:12px;height:12px;border-radius:50%;border:1.5px solid #ffffff71;border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-tabs{display:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #e3eae4;border-radius:7px;background:#fff;color:#526b58;box-shadow:0 6px 24px #1c261c1c;font-size:10px;z-index:10;animation:toastin .2s ease-out}@keyframes toastin{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#22282250;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-modal{position:relative;width:min(390px,100%);background:#fff;border-radius:13px;padding:26px 27px 23px;box-shadow:0 18px 60px #1721192c}.modal-close{position:absolute;right:13px;top:13px;border:0;background:none;color:#a5ada7;cursor:pointer;padding:6px}.help-icon{width:35px;height:35px;border-radius:10px;background:#eff4ef;color:#64846c;display:grid;place-items:center}.help-modal h2{font-family:var(--serif);font-size:18px;color:#333d35;margin:15px 0 6px}.help-modal>p{font-size:10px;color:#919b93;line-height:1.8;margin:0}.help-steps{margin:20px 0 18px;display:flex;flex-direction:column;gap:15px}.help-steps>div{display:flex;align-items:center;gap:10px}.help-steps b{width:25px;height:25px;border-radius:7px;background:#f2f5f2;color:#79907d;display:grid;place-items:center;font-size:8px}.help-steps span{display:flex;flex-direction:column;gap:3px}.help-steps strong{font-size:10px;color:#4b554d}.help-steps small{font-size:8px;color:#a3aba4}.help-done{width:100%;height:34px;font-size:10px}@media(min-width:1500px){.workspace{grid-template-columns:414px minmax(0,1fr)}.left-panel .panel-scroll{padding-left:28px;padding-right:28px}.dropzone{height:121px}.template-sample{height:49px}.panel-heading h1{font-size:22px}.photo-preview.portrait{height:min(100%,740px)}.preview-stage{padding-top:28px;padding-bottom:23px}}@media(max-width:1050px){.workspace{grid-template-columns:350px minmax(0,1fr)}.panel-scroll{padding-left:19px;padding-right:19px}.left-panel .panel-footer{padding-left:16px;padding-right:16px}.preview-stage{padding-left:18px;padding-right:18px}.preview-toolbar,.preview-bottom{padding:0 16px}.bottom-meta{gap:11px}.bottom-meta>span+span{padding-left:11px}.preview-title>span:not(.live-dot):not(.soft-divider){max-width:130px}.preview-tools{gap:2px}}@media(max-width:760px){body{min-width:350px}.app-shell{height:100dvh;min-height:560px}.topbar{height:51px;flex-basis:51px;padding:0 13px;gap:15px}.brand{font-size:15px}.brand>i{display:none}.brand-mark{width:24px;height:24px}.breadcrumbs{padding-left:12px;gap:5px;font-size:9px}.top-actions{gap:8px}.local-badge{font-size:8px;padding:5px 7px}.help-button,.top-export{display:none}.mobile-download{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:#64856f;color:#fff}.workspace{height:calc(100dvh - 104px);grid-template-columns:1fr;grid-template-rows:minmax(210px,43%) minmax(0,57%);overflow:auto}.left-panel{order:2;border:0;border-top:1px solid #e7ebe8;min-height:0}.panel-scroll{padding:17px 16px 18px;overflow:visible}.panel-heading{display:none}.dropzone{height:72px;margin-top:0;display:grid;grid-template-columns:34px 1fr;grid-template-rows:22px 18px;justify-content:start;align-content:center;padding:0 14px;text-align:left;column-gap:9px}.upload-icon{grid-row:1/3;width:31px;height:31px;margin:0;border-radius:9px}.dropzone strong{align-self:end}.dropzone>span:not(.upload-icon){align-self:start;margin:1px 0 0}.dropzone small{display:none}.photo-heading{margin-top:15px;margin-bottom:7px}.photo-heading .section-header p,.photo-heading p{font-size:8px}.photo-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:2px;gap:7px}.photo-row{height:52px;flex-basis:177px;width:177px;padding:5px}.thumb-wrap{height:39px;width:43px;flex-basis:43px}.photo-info strong{font-size:8px}.photo-info small{font-size:7px}.thin-divider{margin:11px 0}.template-heading{margin-bottom:8px}.template-grid{gap:6px;margin-top:8px}.template-sample{height:35px}.template-label{gap:4px;margin-top:4px}.template-label strong{font-size:8px}.template-label small{font-size:7px}.recommended{font-size:6px}.editor-start{display:flex;align-items:center;gap:8px;border:1px solid #edf0ed;border-radius:7px;padding:8px;margin-top:12px;color:#8f9991}.editor-icon{width:24px;height:24px;display:grid;place-items:center;background:#eff4ef;border-radius:6px;color:#719078}.editor-start div:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.editor-start strong{font-size:9px;color:#68736a}.editor-start span{font-size:7px;color:#a6aea7}.editor-start>svg{transform:rotate(0)}.annotation-heading{margin:13px 0 8px}.annotation-toggle-row{min-height:39px}.annotation-name small{font-size:7px}.annotation-name strong{font-size:9px}.annotation-card{padding-top:3px}.field-grid,.field-wrap{margin-left:32px}.panel-footer{display:none}.right-panel{order:1;min-height:0}.preview-toolbar{height:37px;flex-basis:37px;padding:0 12px}.preview-title{font-size:8px;gap:6px}.preview-title strong{font-size:9px}.preview-title>span:not(.live-dot):not(.soft-divider){max-width:105px}.live-badge{font-size:6px;padding:2px 4px}.preview-tools{gap:0}.tool-button{font-size:8px;height:26px;padding:0 6px;gap:3px}.tool-button svg{width:13px}.toolbar-divider{height:13px}.desktop-more{display:none}.preview-stage{padding:12px 10px 18px;background-size:12px 12px}.photo-preview.portrait{height:min(100%,100%);aspect-ratio:.78}.photo-preview.landscape{width:100%;aspect-ratio:1.38}.preview-stamp{font-size:clamp(8px,2.5vw,12px)}.preview-caption{width:92%;bottom:0;font-size:7px}.preview-caption button{font-size:7px;padding:4px}.preview-warning{right:8px;bottom:19px;font-size:7px;padding:4px 6px}.preview-warning.place-warning{bottom:43px}.preview-bottom{height:46px;flex-basis:46px;padding:0 10px}.bottom-meta{gap:7px;font-size:7px}.bottom-meta>span+span{padding-left:7px}.bottom-meta .meta-tag{display:none}.export-actions{gap:5px}.secondary{height:29px;padding:0 8px;font-size:8px}.secondary svg{width:13px}.export-main{height:30px;padding:0 9px;font-size:8px;gap:5px}.export-main svg{width:13px}.mobile-tabs{height:53px;position:fixed;z-index:5;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e9ece9;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:#9ca59d;font-size:7px}.mobile-tabs button.tab-selected{color:#66836d}.mobile-tabs svg{width:16px;height:16px}.toast{bottom:67px;max-width:calc(100vw - 30px);white-space:nowrap;font-size:9px}.empty-preview{height:95%;max-height:270px}.empty-art{height:88px;width:127px;margin-bottom:8px}.art-sun{width:26px;height:26px;top:12px;right:24px}.art-mountain{height:64px}.art-camera{left:48px;top:34px;width:33px;height:27px}.empty-preview>strong{font-size:12px}.empty-preview>span:not(.empty-art){font-size:8px}.empty-cta{margin-top:10px;padding:6px 9px;font-size:8px!important}.empty-preview>small{margin-top:10px;font-size:7px}}@media(max-width:410px){.topbar{padding:0 10px;gap:10px}.breadcrumbs{font-size:8px;padding-left:9px}.local-badge{font-size:7px}.panel-scroll{padding-left:12px;padding-right:12px}.preview-tools .tool-button span{display:none}.workspace{grid-template-rows:minmax(195px,42%) minmax(0,58%)}.bottom-meta{font-size:6.5px}.bottom-meta>span+span{padding-left:5px}.export-main{padding:0 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.photo-remove{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#a1aaa3;opacity:0;cursor:pointer}.photo-row:hover .photo-remove,.photo-row:focus-within .photo-remove{opacity:1}.photo-remove:hover{background:#f7eaea;color:#a35454}.follow-link{display:inline;border:0;background:none;color:#67866d;padding:0 0 0 5px;font-size:7px;cursor:pointer}.follow-link:hover{text-decoration:underline}.photo-preview{-webkit-text-size-adjust:none;text-size-adjust:none}.photo-preview{background:none!important}.photo-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:auto;-webkit-user-select:none;user-select:none}.preview-stamp{letter-spacing:0;padding:0}.preview-caption .drag-mode,.layout-actions{display:flex;align-items:center;gap:3px;pointer-events:auto}.preview-caption .drag-mode button{padding:5px 6px;border-radius:4px}.preview-caption .drag-mode button.active{background:#ffffffbc;color:#627d67}.layout-actions{gap:6px}.time-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.display-control{display:flex;align-items:center;gap:5px;color:#88928b;font-size:8px}.custom-time-button{height:25px;padding:0 8px;border:1px solid #e8ece8;border-radius:5px;background:#fff;color:#8b948d;font-size:8px;cursor:pointer}.custom-time-button:hover{border-color:#b8cbbb;color:#58745f}.custom-time-button.on{border-color:#cfddd1;background:#f0f5f1;color:#56765e;font-weight:600}.time-source-note{margin:0 0 8px 33px;color:#9aa39c;font-size:8px;line-height:1.6}@media(max-width:760px){.photo-remove{opacity:1;width:22px;height:22px;flex-basis:22px}.preview-caption .drag-mode button{font-size:7px;padding:4px 3px;gap:3px}.layout-actions{gap:0}.follow-link{font-size:7px}}.photo-content{cursor:zoom-in}.preview-nav,.fullscreen-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 7px}.preview-nav button,.fullscreen-nav button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffa8;border-radius:50%;background:#ffffffd9;color:#52665a;box-shadow:0 2px 10px #17211924;cursor:pointer;pointer-events:auto;transition:background .15s,transform .15s}.preview-nav button:hover,.fullscreen-nav button:hover{background:#fff;transform:scale(1.06)}.fullscreen-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:54px 18px 66px;background:#111613f0;overscroll-behavior:contain}.fullscreen-photo-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.fullscreen-photo{box-shadow:0 12px 42px #0006;border-radius:3px}.fullscreen-photo .photo-content{cursor:default}.fullscreen-close{position:absolute;top:12px;right:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#ffffff18;color:#fff;cursor:pointer}.fullscreen-close:hover{background:#ffffff30}.fullscreen-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:14px;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid #ffffff25;border-radius:9px;background:#131714bd;color:#e7ece8;font-size:11px;white-space:nowrap}.fullscreen-caption .drag-mode{display:flex;gap:4px}.fullscreen-caption .drag-mode button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:#d2d9d3;font-size:11px;cursor:pointer}.fullscreen-caption .drag-mode button.active{background:#ffffff20;color:#fff}@media(max-width:520px){.fullscreen-scrim{padding:56px 8px 76px}.fullscreen-close{top:9px;right:9px;width:40px;height:40px}.preview-nav{padding:0 3px}.preview-nav button{width:32px;height:32px}.fullscreen-nav{padding:0 2px}.fullscreen-nav button{width:36px;height:36px}.fullscreen-caption{bottom:9px;flex-direction:column;gap:5px;font-size:10px}.fullscreen-caption .drag-mode button{font-size:10px;padding:6px 8px}}@media(max-width:760px){html,body,#root{width:100%;max-width:100%;overflow-x:clip}body{min-width:0}.app-shell{width:100%;max-width:100vw;overflow-x:clip}.workspace{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto}.left-panel,.right-panel{width:100%;min-width:0}.photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;gap:7px;max-height:288px;padding:0 2px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#e4e8e5 transparent}.photo-row{width:100%;min-width:0;height:52px;flex:initial;gap:6px;padding:5px}.thumb-wrap{width:34px;height:39px;flex:0 0 34px}}.export-one-short{display:none}@media(max-width:760px){.export-one-full{display:none}.export-one-short{display:inline}.export-one{height:29px;padding:0 6px;font-size:8px;gap:3px;white-space:nowrap}.export-one svg{width:13px}}.toast.toast-center{top:50%;bottom:auto;animation:toast-center-in .2s ease-out}@keyframes toast-center-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}to{opacity:1;transform:translate(-50%,-50%)}}.toast{width:max-content;max-width:min(560px,calc(100vw - 32px));white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;line-height:1.5;font-size:clamp(10px,2.8vw,14px);padding:clamp(9px,2.8vw,14px) clamp(13px,4vw,20px)}@media(max-width:760px){.toast{max-width:calc(100vw - 24px);font-size:clamp(10px,3.2vw,13px);bottom:67px}.toast.toast-center{bottom:auto}}.preview-stamp.stamp-selected{outline:1px solid #ffffffd9;outline-offset:3px;box-shadow:0 0 0 4px #5f8c7270;border-radius:2px}.resize-handle{position:absolute;z-index:4;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#5f8c72;box-shadow:0 1px 5px #17211980;touch-action:none}.resize-nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.resize-ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.resize-sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.resize-se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}@media(max-width:760px){.resize-handle{width:14px;height:14px;border-width:2px}}.custom-add-button,.custom-remove-button{display:grid;place-items:center;flex:0 0 auto;border:1px solid #e6ece7;border-radius:6px;background:#fff;color:#6c8a73;cursor:pointer}.custom-add-button{width:27px;height:27px}.custom-add-button:hover{background:#eff5f0;border-color:#ccdbce}.custom-text-field{display:flex;align-items:flex-end;gap:6px;margin:0 0 8px 33px}.custom-text-field .field-label{flex:1;min-width:0}.custom-remove-button{width:25px;height:26px;margin-bottom:0;color:#a0a8a1}.custom-remove-button:hover{background:#fbf2f1;color:#a76460;border-color:#ead5d2}@media(max-width:760px){.custom-add-button{width:24px;height:24px}.custom-text-field{margin-left:32px;gap:5px}.custom-remove-button{width:23px;height:24px}}.time-format-settings{margin:1px 0 9px 33px;padding:8px;border:1px solid #edf0ed;border-radius:6px;background:#fbfcfb;display:flex;flex-direction:column;gap:7px}.format-field-label{font-size:8px;color:#8b938e}.format-field-options{display:flex;flex-wrap:wrap;gap:5px 10px}.format-field-options label{display:inline-flex;align-items:center;gap:3px;color:#68736a;font-size:8px;cursor:pointer}.format-field-options input{width:12px;height:12px;margin:0;accent-color:#65866f}.format-date-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;min-width:0}.format-date-row .format-field-options,.format-time-row{flex-wrap:nowrap;gap:5px 9px}.date-separator-control{display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap;color:#8b938e;font-size:8px}.date-separator-control select{width:66px;max-width:90px;height:24px;padding:0 16px 0 7px;border:1px solid #e7ece7;border-radius:4px;background:#fff;color:#5e6c61;font-size:8px}.time-format-preview{display:flex;align-items:baseline;gap:7px;min-width:0;color:#a0a9a1;font-size:8px}.time-format-preview strong{min-width:0;overflow-wrap:anywhere;color:#627565;font-size:9px;font-weight:600}@media(max-width:760px){.time-format-settings{margin-left:32px;padding:7px;gap:6px}.format-field-options{gap:5px 8px}.format-date-row{gap:6px}.format-date-row .format-field-options,.format-time-row{gap:5px 6px}.date-separator-control{gap:3px}.date-separator-control select{width:48px;max-width:52px;padding:0 12px 0 4px}.time-format-preview{font-size:7px}.time-format-preview strong{font-size:8px}}.text-style-trigger{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #e9eeea;border-radius:5px;background:#fff;color:#76877a;font-size:8px;white-space:nowrap;cursor:pointer}.text-style-trigger:hover,.text-style-trigger.active{background:#eff5f0;border-color:#d5e1d7;color:#57755f}.text-style-panel{display:flex;flex-direction:column;gap:8px;margin:-3px 0 10px;padding:9px 10px;border:1px solid #e9eeea;border-radius:7px;background:#fafcfb}.text-style-row{display:flex;align-items:center;gap:8px;min-height:25px}.text-style-label{width:29px;flex:0 0 29px;color:#8b938e;font-size:8px}.text-color-options{display:flex;align-items:center;gap:7px}.text-color-swatch{width:19px;height:19px;padding:0;border:1px solid #dfe5e0;border-radius:50%;cursor:pointer}.text-color-swatch.active{outline:2px solid #84a18a;outline-offset:2px}.custom-color-picker{position:relative;display:flex;align-items:center;gap:4px;color:#7f8c81;font-size:8px;cursor:pointer}.custom-color-picker input{width:20px;height:20px;padding:1px;border:1px solid #dfe5e0;border-radius:50%;background:#fff;cursor:pointer}.custom-color-picker input::-webkit-color-swatch-wrapper{padding:2px}.custom-color-picker input::-webkit-color-swatch{border:0;border-radius:50%}.custom-color-picker.active input{outline:2px solid #84a18a;outline-offset:2px}.text-font-select{height:25px;min-width:80px;padding:0 19px 0 6px;border:1px solid #e5ebe6;border-radius:5px;background:#fff;color:#667269;font-size:8px}.text-style-emphasis{display:flex;gap:4px;margin-left:auto}.text-style-emphasis button{width:26px;height:25px;border:1px solid #e5ebe6;border-radius:5px;background:#fff;color:#89938b;font-size:12px;cursor:pointer}.text-style-emphasis button.active{border-color:#b9cdbd;background:#eef5ef;color:#526f59}.text-style-emphasis button:disabled{border-color:#e8ece8;background:#f3f5f3;color:#b9c0ba;cursor:not-allowed}.text-style-panel>small{color:#a1aaa2;font-size:7px}@media(max-width:760px){.text-style-panel{gap:7px;padding:8px}.text-style-row{gap:7px}.text-color-options{gap:6px}.text-font-select{min-width:74px}}.photo-preview-wrap{display:grid;grid-template-columns:max-content 138px 42px;justify-content:center;gap:12px}.photo-preview-wrap>.photo-preview{grid-column:1;grid-row:1;justify-self:center}.preview-caption{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;grid-column:2;grid-row:1;width:100%;align-self:center;display:flex;flex-direction:column;gap:12px;pointer-events:auto;color:#738077;font-size:11px}.preview-caption .drag-mode,.preview-caption .layout-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}.preview-caption .drag-mode button,.preview-caption .layout-actions button{min-height:42px;justify-content:center;padding:9px 8px;border:1px solid #e3eae4;border-radius:7px;background:#ffffffd9;color:#65756a;font-size:11px;gap:7px}.preview-caption .drag-mode button.active{border-color:#c6d8c9;background:#eaf2eb;color:#50745a}.preview-caption .layout-actions button:hover,.preview-caption .drag-mode button:hover{background:#fff;color:#4c7055}.preview-nav{padding-right:0}.fullscreen-scrim{gap:16px;align-items:stretch}.fullscreen-photo-stage{flex:1;width:auto}.fullscreen-caption{position:relative;left:auto;bottom:auto;transform:none;flex:0 0 144px;max-width:144px;align-self:center;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:10px;border-color:#ffffff25;white-space:normal;text-align:center}.fullscreen-caption>span{font-size:10px;line-height:1.5;white-space:normal}.fullscreen-caption .drag-mode{display:flex;flex-direction:column;gap:8px}.fullscreen-caption .drag-mode button{min-height:42px;justify-content:center;padding:9px 8px;border:1px solid #ffffff25;border-radius:7px;font-size:11px}@media(max-width:760px){.photo-preview-wrap{grid-template-columns:max-content 96px 34px;justify-content:center;gap:8px}.preview-caption{gap:8px}.preview-caption .drag-mode,.preview-caption .layout-actions{gap:6px}.preview-caption .drag-mode button,.preview-caption .layout-actions button{min-height:38px;padding:7px 4px;font-size:9px;gap:4px}.preview-caption .drag-mode button svg,.preview-caption .layout-actions button svg{width:13px;height:13px}.preview-nav{padding-right:0}.fullscreen-scrim{gap:8px}.fullscreen-caption{flex-basis:104px;max-width:104px;gap:8px;padding:7px}.fullscreen-caption>span{font-size:8px}.fullscreen-caption .drag-mode{gap:6px}.fullscreen-caption .drag-mode button{min-height:38px;padding:7px 4px;font-size:9px;gap:4px}.fullscreen-caption .drag-mode button svg{width:13px;height:13px}}.photo-save-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#101712e8}.photo-save-panel{display:flex;flex-direction:column;width:min(680px,100%);max-height:calc(100dvh - 32px);min-height:0;padding:16px;border-radius:14px;background:#fff;overflow-y:auto}.photo-save-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-save-panel h2{margin:0;font-size:18px}.photo-save-panel p{margin:10px 0;font-size:14px;line-height:1.6;color:#607165}.photo-save-share{min-height:44px;flex-shrink:0;margin-bottom:12px;font-size:14px}.photo-save-image-wrap{min-height:0;text-align:center}.photo-save-image{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto}.photo-save-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0;color:#607165;font-size:14px}.photo-save-pagination button{min-height:44px;min-width:44px}.photo-preview-wrap{display:flex;align-items:center;justify-content:center;gap:0}.photo-preview-wrap>.photo-preview{grid-column:auto;grid-row:auto;justify-self:auto}.preview-nav{padding:0 7px}.fullscreen-scrim{gap:0}.fullscreen-photo-stage{flex:initial;width:100%}.color-palette{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.color-palette .text-color-options{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dfe6e0 transparent;padding:2px 3px}.palette-actions{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:4px;border-left:1px solid #e9eeea}.palette-actions button{width:23px;height:23px;display:grid;place-items:center;padding:0;border:1px solid #e3eae4;border-radius:5px;background:#fff;color:#708575;cursor:pointer}.palette-actions button:hover:not(:disabled){background:#eff5f0;border-color:#cbd9cd}.palette-actions button:disabled{color:#c2c9c3;background:#f5f6f5}.palette-add-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px 37px;padding:7px 8px;border:1px solid #e7ece8;border-radius:6px;background:#fff}.palette-add-panel>label{display:flex;align-items:center;gap:8px;color:#7c887e;font-size:8px}.palette-add-panel input[type=color]{width:34px;height:27px;padding:2px;border:1px solid #dfe6e0;border-radius:5px;background:#fff;cursor:pointer}.palette-add-panel>div{display:flex;align-items:center;gap:5px}.palette-add-panel button{height:26px;padding:0 9px;border:1px solid #e5ebe6;border-radius:5px;background:#fff;color:#738077;font-size:8px;cursor:pointer}.palette-add-panel .palette-save{border-color:#65866f;background:#65866f;color:#fff}.palette-add-panel .palette-save:hover{background:#537a61}.palette-add-panel .palette-cancel:hover{background:#f5f7f5}@media(max-width:760px){.color-palette{gap:4px}.color-palette .text-color-options{gap:5px}.palette-actions{gap:3px;padding-left:4px}.palette-actions button{width:21px;height:21px}.palette-add-panel{margin-left:34px;padding:6px}.palette-add-panel input[type=color]{width:30px;height:25px}}.brand{min-width:0}.brand-mark{flex-shrink:0}.brand-name{font-size:14px;white-space:nowrap}@media(max-width:760px){.topbar{gap:8px}.brand{gap:6px}.brand-name{font-size:11px}.breadcrumbs{display:none}}.preview-photo-column{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;max-width:100%}.preview-photo-column>.photo-preview{flex-shrink:0}.photo-delete-button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border:1px solid #dfe5e0;border-radius:50%;background:#ffffffd9;color:#a7625b;cursor:pointer}.photo-delete-button:hover:not(:disabled){background:#fcf0ee;color:#9b4941}.fullscreen-scrim .photo-delete-button{border-color:#ffffff40;background:#ffffff18;color:#ffdad5}.fullscreen-scrim .photo-delete-button:hover:not(:disabled){background:#ffffff30}