@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
.portrait-offset{margin-top:14px}.offset-heading{display:flex;align-items:center;justify-content:space-between}.offset-input{display:flex;align-items:center;gap:5px;color:#788a78;font-size:12px}.offset-input input[type=number]{width:76px;height:30px;padding:4px 6px;margin:0;font-size:13px}.offset-slider{display:flex;align-items:center;gap:8px;margin-top:7px}.offset-slider button{height:30px;width:30px;flex-shrink:0;border:1px solid #d8e0d8;border-radius:5px;background:#f5f8f1;font-size:16px}.offset-slider button:hover{background:#e7efdf}.offset-slider input[type=range]{min-width:0;flex:1}.offset-help{font-size:12px;line-height:1.7}@media(max-width:820px){.left-panel #photoEditor .portrait-offset,.left-panel #photoEditor .offset-help,.left-panel #photoEditor .composition-note{grid-column:1 / -1}.left-panel #photoEditor .preview-checker{grid-row:span 5}}
.batch-section{border-top:1px solid #e2e7e1;margin-top:20px;padding-top:20px}.batch-section .section-title{margin-bottom:9px}.batch-summary{font-size:12px;color:#5b765f}.batch-hint,.batch-status{font-size:12px;line-height:1.8;color:#778773;margin:8px 0 12px}.batch-row{padding:10px;border:1px solid #e2e7e1;border-radius:7px;background:#f8faf5;margin-bottom:9px}.batch-main{display:grid;grid-template-columns:32px minmax(0,1fr) 48px 18px;gap:7px;align-items:end}.batch-main label,.batch-extra label{font-size:12px}.batch-main select,.batch-main input[type=number]{font-size:12px;padding:6px 3px;height:33px;margin-top:5px}.batch-main input[type=color]{width:32px;height:33px;display:block;margin-top:5px;border:1px solid #d6dfd0;background:white;padding:2px;border-radius:5px;cursor:pointer}.remove-group{height:33px;background:none;border:0;padding:0;font-size:22px;color:#8b9a86}.remove-group:hover{color:#a43b3b}.batch-extra{display:flex;align-items:end;gap:9px;margin-top:8px}.hex-label{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hex-label input{width:80px;font-family:monospace;font-size:12px;border:1px solid #dfe5de;border-radius:4px;padding:5px;background:#fff;color:#4c6350}.batch-dimensions{display:flex;align-items:end;gap:5px;flex:1}.batch-dimensions label{flex:1;min-width:0}.batch-dimensions input{height:28px;margin-top:3px;padding:4px;font-size:12px}.batch-dimensions>span{padding-bottom:6px}.batch-extra:has(.batch-dimensions:not([hidden])){flex-wrap:wrap}.batch-extra:has(.batch-dimensions:not([hidden])) .hex-label{width:100%}.batch-section .add-group{margin-bottom:9px;background:none;border-style:dashed;font-size:13px}.batch-status.error{color:#b13c3c}.preset-details{margin-top:17px}.preset-details summary,.single-editor summary{font-size:13px;color:#5e775c;cursor:pointer;padding:7px 0}.preset-details .presets{margin-top:9px}.single-editor{border-top:1px solid #e2e7e1;padding-top:8px;margin-top:15px}.single-editor .properties{margin-top:8px;padding-top:5px;border:0}.composition-note{padding:10px;background:#f5f8f0;border-radius:6px}.right-panel .panel-footer{margin-top:12px}.canvas-area{position:sticky;top:0;align-self:start;height:calc(100vh - 146px);min-height:690px}@media(max-width:820px){.canvas-area{position:relative;height:auto;min-height:0}.right-panel .batch-section{border:0;margin:0;padding:0}.single-editor{grid-column:span 2}}@media(max-width:440px){.right-panel .batch-section{border-top:1px solid #e2e7e1;margin-top:20px;padding-top:20px}}
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#283c34;background:#f7f8f5;font-size:14px;--green:#305c49;--muted:#819087;--border:#e2e7e1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,label[tabindex]:focus-visible{outline:3px solid #b4cc91;outline-offset:2px}button{color:inherit}svg{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}.header{height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:22px;letter-spacing:2px}.brand-icon{background:var(--green);color:#fff;width:37px;height:42px;border-radius:9px;display:grid;place-items:center}.brand-icon svg{width:26px;height:26px}.brand-sub{font-size:11px;letter-spacing:2px;margin-left:5px;color:#9aa79e}.header-note{font-size:13px;color:#6e8275;display:flex;gap:8px;align-items:center}.status-dot{height:6px;width:6px;border-radius:50%;background:#76a681}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e0d8;background:#fff;padding:10px 15px;border-radius:7px;min-height:40px;font-weight:500}.btn:hover{background:#eef3ec}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:#244936}.btn.quiet{border-color:transparent;background:transparent}.btn.danger{color:#af4b4b}.full{width:100%}.toolbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#fff;border-bottom:1px solid var(--border)}.eyebrow{font-size:12px;color:#859289;letter-spacing:1px}.toolbar strong{font-weight:500;margin-left:8px}.toolbar-actions{display:flex;gap:10px;align-items:center}.divider{height:22px;border-right:1px solid var(--border);margin:0 5px}.workspace{display:grid;grid-template-columns:264px minmax(350px,1fr) 308px;min-height:calc(100vh - 146px)}.panel{background:#fff;padding:24px 20px}.left-panel{border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border);padding-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:15px;margin:0;display:flex;align-items:center;gap:10px;font-weight:600}.section-title h2>span:first-child{font-family:Georgia,serif;color:#9aaa94;font-size:15px;font-style:italic}.section-title #propertyTitle{font-family:inherit;color:inherit;font-style:normal}.upload-zone{display:flex;flex-direction:column;gap:9px;align-items:center;padding:28px 6px;border:1.5px dashed #becfbb;border-radius:10px;background:#f7faf4;cursor:pointer;text-align:center}.upload-zone.dragging{background:#e6efd9}.upload-icon{display:grid;place-items:center;width:43px;height:43px;background:#e9f0e2;border-radius:50%;color:#66845b;margin-bottom:3px}.upload-icon svg{width:23px;height:23px}.upload-zone strong{font-weight:500;font-size:14px}.upload-zone small{font-size:11px;color:#8a9988}.photo-list{display:flex;gap:6px;overflow-x:auto;margin:12px 0}.photo-thumb{width:48px;height:56px;object-fit:cover;border:2px solid transparent;border-radius:5px;cursor:pointer}.photo-thumb.active{border-color:var(--green)}.preview-checker{height:205px;background:repeating-conic-gradient(#f0f1ed 0% 25%,#fff 0% 50%) 50%/12px 12px;position:relative;display:grid;place-items:center;border-radius:6px;margin-bottom:12px;overflow:hidden}.preview-checker canvas{height:100%;max-width:100%;object-fit:contain}.image-badge{position:absolute;bottom:8px;right:8px;border-radius:4px;background:#fffD;font-size:11px;padding:3px 7px}.helper{font-size:12px;color:#859087;line-height:1.8}.slider-row{display:flex;justify-content:space-between;margin-top:18px;font-size:12px}.slider-row output{color:#8b998e}input[type=range]{width:100%;accent-color:var(--green);height:20px}label{display:block;font-size:12px;color:#65756b}select,input[type=number]{border:1px solid #dfe5de;border-radius:6px;background:#fff;padding:9px 10px;width:100%;margin-top:7px;color:#3c4c42;height:38px;font-size:13px}input[type=number]{min-width:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.compact{margin-top:12px}.check{display:flex;align-items:center;gap:7px;font-size:12px}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px}.text-btn{padding:5px 0;border:0;background:transparent;color:#6b846b;font-size:12px}.local-note{display:flex;gap:9px;border-top:1px solid var(--border);padding-top:20px;margin-top:25px;color:#86978a}.local-note svg{width:16px}.local-note p{font-size:11px;line-height:1.8;margin:0}.canvas-area{background:#eff1ed;display:flex;flex-direction:column;min-width:0}.canvas-top{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#617167}.canvas-top b{font-size:11px;font-weight:400;color:#93a094;margin-left:12px}.view-controls{display:flex;align-items:center;gap:8px;background:#fff9;border:1px solid #dfe5dc;padding:3px 5px;border-radius:6px}.view-controls button{border:0;background:none;padding:3px 6px}.view-controls span{font-size:11px;min-width:35px;text-align:center}.view-controls svg{width:13px;height:13px}.paper-viewport{flex:1;min-height:625px;overflow:auto;padding:35px 40px 48px;display:flex;justify-content:center;align-items:flex-start;background-image:radial-gradient(#ced6cb .7px,transparent .7px);background-size:12px 12px}.paper-wrap{position:relative;margin:0 auto;flex-shrink:0}.paper{background:white;position:relative;box-shadow:0 7px 25px #28352a14,0 1px 3px #28352a16}.safe-area{position:absolute;border:1px dashed #d6ded0;pointer-events:none}.empty-paper{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#95a491;padding:20px}.empty-paper svg{width:45px;height:45px;stroke-width:1;margin-bottom:10px;color:#b6c4ad}.empty-paper h1{font-family:Georgia,'Noto Sans SC',serif;font-size:19px;font-weight:500;color:#73836b}.empty-paper p{font-size:13px;line-height:2}.empty-paper>span{font-size:10px;letter-spacing:1px;margin-top:36px;color:#a1ad9c}.ruler-top,.ruler-left{position:absolute;color:#8f9b89;font-family:monospace;font-size:9px}.ruler-top{height:20px;top:-24px;width:100%;border-bottom:1px solid #cfd8c8}.ruler-left{width:20px;left:-26px;height:100%;border-right:1px solid #cfd8c8}.ruler-top span{position:absolute;border-left:1px solid #bdcbb5;height:5px;bottom:0;padding-left:3px;line-height:0}.ruler-left span{position:absolute;border-top:1px solid #bdcbb5;width:5px;right:0;padding-top:3px;writing-mode:vertical-rl}.paper-caption{display:block;text-align:center;font-size:10px;color:#98a491;position:absolute;bottom:-25px;width:100%;letter-spacing:1px}.canvas-bottom{padding:15px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:#80907f;border-top:1px solid #e0e6dc;background:#f4f6f0}.canvas-bottom span{display:flex;align-items:center;gap:5px}.canvas-bottom svg{width:13px;height:13px}.paper-switch{display:flex;background:#f2f4ef;padding:4px;border-radius:7px}.paper-switch button{width:50%;background:none;border:0;padding:8px;border-radius:5px;font-size:13px;color:#7a8979}.paper-switch button.active{background:#fff;box-shadow:0 1px 3px #16241510;color:var(--green);font-weight:600}.crop-check{align-self:end;min-height:38px}h3{font-size:12px;font-weight:500;margin:22px 0 12px;display:flex;justify-content:space-between}h3 span{font-size:10px;color:#a0aaa0;font-weight:400}.presets{display:grid;gap:7px}.presets>button{text-align:left;padding:11px 10px;display:grid;grid-template-columns:43px 1fr;column-gap:10px;border:1px solid var(--border);border-radius:7px;background:#fff}.presets>button:hover{background:#f4f8ef;border-color:#aec3a1}.presets strong{font-size:12px;font-weight:500}.presets small{font-size:10px;color:#9aa698;margin-top:4px}.preset-mini{grid-row:span 2;display:flex;gap:2px;align-items:center;justify-content:center;background:#f3f5f0;border:1px solid #e4e9df;border-radius:3px;height:34px}.preset-mini b{width:8px;height:15px;background:#a7bfd4;border:1px solid #90abc0}.preset-mini b:nth-child(2){background:#d6a6a2;border-color:#c99895}.preset-mini b:nth-child(3){background:#fff;border-color:#c4cfc0}.preset-mini.mixed b:nth-child(2){height:21px;width:12px}.preset-mini.two b{height:20px;width:12px}.saved-preset{display:flex;gap:6px;margin-top:9px}.saved-preset select{margin:0;font-size:11px;height:34px}.icon-btn{display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:white}.icon-btn svg{width:16px}.properties{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.label-row{font-size:12px;margin-top:17px;display:flex;justify-content:space-between}.label-row span{font-size:10px;color:#92a08f}.swatches{display:flex;gap:10px;margin:12px 0 17px}.swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px #dbe2d6}.swatch.active{box-shadow:0 0 0 2px #526b47}.custom-swatch{position:relative;width:32px;height:32px;border:1px dashed #c1cebb;border-radius:50%;display:grid;place-items:center;overflow:hidden;cursor:pointer}.custom-swatch svg{width:14px}.custom-swatch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.quantity-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quantity-row input{width:72px;margin:0;height:32px}.panel-footer{border-top:1px solid var(--border);padding:18px 0 12px;margin-top:22px}.panel-footer p{font-size:10px;text-align:center;color:#9ba695}.tile{position:absolute;cursor:grab;touch-action:none;user-select:none}.tile canvas{width:100%;height:100%;display:block}.tile.selected{outline:2px solid #628253;outline-offset:2px;z-index:2}.tile.selected:after{content:attr(data-size);position:absolute;left:0;bottom:-21px;background:#305c49;color:#fff;padding:2px 5px;white-space:nowrap;font:10px system-ui;border-radius:3px}.tile.marked{outline:1px solid #ccc;outline-offset:1px}.tile.marked.selected{outline:2px solid #628253}.selection-actions{display:flex;gap:8px;margin-top:12px}.selection-actions button{flex:1}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#283f33;color:white;padding:13px 22px;border-radius:8px;box-shadow:0 8px 24px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:10;font-size:13px}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dae3d4;border-radius:15px;padding:34px;width:530px;max-width:90vw;color:#3b5040;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#20302760;backdrop-filter:blur(3px)}dialog h2{font-size:22px;font-weight:500}dialog ol{padding-left:20px;line-height:1.9;font-size:14px}dialog li{margin-bottom:13px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:26px;color:#899a81}[hidden]{display:none!important}@media(min-width:1600px){.workspace{grid-template-columns:290px 1fr 330px}.panel{padding-left:26px;padding-right:26px}}@media(max-width:1100px){.workspace{grid-template-columns:224px minmax(300px,1fr) 270px}.panel{padding:20px 15px}.brand-sub{display:none}.header-note{font-size:11px}.canvas-top{padding:0 14px}.canvas-top b{display:none}.canvas-bottom{font-size:10px}.canvas-bottom>span:first-child{display:none}}@media(max-width:820px){.header{height:62px;padding:0 15px}.brand strong{font-size:18px}.header-note{display:none}.toolbar{height:65px;padding:0 15px}.toolbar>div:first-child{display:none}.toolbar-actions{width:100%;justify-content:space-between}.workspace{display:flex;flex-wrap:wrap}.left-panel{width:100%;border-bottom:1px solid var(--border)}.left-panel .upload-zone{padding:15px}.local-note{display:none}.left-panel #photoEditor{display:grid;grid-template-columns:130px 1fr;gap:8px 15px;align-items:center}.preview-checker{grid-row:span 7;height:180px;margin:0}.left-panel #photoEditor .helper{margin:0}.left-panel #photoEditor .two-col{margin:0}.left-panel #photoEditor .slider-row{margin:0}.canvas-area{width:100%}.paper-viewport{min-height:530px;padding:32px 35px 50px}.right-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.properties{border:0;margin:0;padding:0}.panel-footer{grid-column:span 2;margin:0}.canvas-bottom{justify-content:center}}@media(max-width:440px){.right-panel{display:block}.properties{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.panel-footer{margin-top:20px}.toolbar .btn{font-size:12px;padding:8px}.divider{display:none}.paper-viewport{justify-content:flex-start}}