:root{--ink:#20221f;--muted:#71766d;--line:#dedfd9;--paper:#fff;--lime:#c8f15d;--lime-deep:#b6e43a;--cream:#f5f4ed;--panel:#fbfbf8}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 82% 12%,#c8f15d1f,#0000 28%),#efefe9;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #7a9d2259}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fbfbf8db;border-bottom:1px solid #20221f1a;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,4vw,64px);display:flex;position:relative}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand small{color:var(--muted);letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:500;display:block}.brand-mark{background:var(--ink);border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;width:39px;height:39px;padding:7px;display:grid;transform:rotate(-2deg)}.brand-mark i{background:var(--lime);border-radius:2px}.privacy-pill{border:1px solid var(--line);color:#656a61;background:#ffffffa6;border-radius:99px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.install-button{background:var(--lime);color:#283014;cursor:pointer;border:1px solid #a5c34f;border-radius:99px;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.install-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px}.privacy-pill span{background:#78a81e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #78a81e1f}.workspace{grid-template-columns:minmax(300px,360px) minmax(520px,1fr);align-items:start;gap:clamp(32px,5vw,78px);width:min(1480px,100%);min-height:calc(100vh - 118px);margin:0 auto;padding:38px clamp(24px,4vw,64px) 42px;display:grid}.control-panel{padding-top:8px}.eyebrow{color:#61751f;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px}.intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(32px,3.2vw,46px);line-height:1.16}.intro p{max-width:340px;color:var(--muted);margin:16px 0 25px;font-size:14px;line-height:1.8}.drop-zone{cursor:pointer;background:#ffffff8a;border:1.5px dashed #b7baaf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:134px;transition:all .18s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{background:#c8f15d1f;border-color:#8aac2d;transform:translateY(-1px)}.drop-zone input{display:none}.drop-zone strong{margin-top:8px;font-size:14px}.drop-zone>span:last-child{color:#8b8f87;margin-top:4px;font-size:10px}.upload-icon{background:var(--lime);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.upload-icon svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.status-line{color:#777c72;align-items:center;gap:8px;min-height:35px;padding:11px 3px 7px;font-size:11px;display:flex}.status-line>span{background:#b2b5ad;border-radius:50%;width:6px;height:6px}.status-line .ready-dot{background:#81ad23}.settings{border-top:1px solid var(--line);padding:18px 0 6px}.setting-block{margin-bottom:18px}.setting-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.setting-label em,.setting-label output{color:#7d8278;font-size:11px;font-style:normal;font-weight:500}.segmented{border:1px solid var(--line);background:#e9eae4;border-radius:11px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:#74796f;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:35px;font-size:12px;display:flex}.segmented button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 7px #24272014}.paper-icon{border:1.3px solid;border-radius:1px;display:inline-block}.paper-icon.portrait{width:8px;height:11px}.paper-icon.landscape{width:11px;height:8px}input[type=range]{appearance:none;background:linear-gradient(90deg,#a5ce39,#d8dbcf);border-radius:9px;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#769b1f;border:3px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 5px #20221f33}.switch-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;min-height:47px;display:grid}.switch-row>span{font-size:12px;font-weight:700}.switch-row small{color:#8a8e85;margin-top:3px;font-size:10px;font-weight:400;display:block}.switch-row input{opacity:0;position:absolute}.switch-row i{background:#cfd1ca;border-radius:99px;width:36px;height:21px;padding:3px;transition:all .16s}.switch-row i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .16s;display:block;box-shadow:0 1px 3px #0000002e}.switch-row input:checked+i{background:#86ad26}.switch-row input:checked+i:after{transform:translate(15px)}.actions{grid-template-columns:1.42fr 1fr;gap:9px;margin-top:14px;display:grid}.actions button,.actions a{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:45px;font-size:12px;font-weight:800;text-decoration:none;transition:all .16s;display:flex}.actions button:hover:not(:disabled),.actions a:hover{transform:translateY(-1px)}.actions button:disabled{cursor:not-allowed;opacity:.42}.actions svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.secondary-button{background:#ffffffb8;border:1px solid #cfd1ca}.save-fallback{color:#687a31;text-align:center;text-underline-offset:3px;margin-top:11px;font-size:11px;-webkit-text-decoration:underline #687a3159;text-decoration:underline #687a3159;display:block}.save-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#181a16b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.save-dialog{background:#f7f7f2;border-radius:22px;width:min(920px,100%);max-height:calc(100vh - 56px);padding:27px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000004d}.save-close{color:#62675e;cursor:pointer;background:#fff;border:1px solid #d4d6ce;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:23px;line-height:1;display:grid;position:absolute;top:20px;right:20px}.save-heading{padding-right:52px}.save-heading span{color:#6f8e1f;letter-spacing:.06em;font-size:11px;font-weight:800}.save-heading h2{letter-spacing:-.035em;margin:6px 0 7px;font-size:26px}.save-heading p{color:#747970;margin:0;font-size:13px;line-height:1.7}.save-heading small{color:#92968e;margin-top:7px;font-size:10px;display:block}.save-image-frame{background-color:#e4e5de;background-image:linear-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(90deg,#ffffff4d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d7d9d1;border-radius:14px;place-items:center;height:min(58vh,610px);margin-top:20px;padding:17px;display:grid}.save-image-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 35px #1e201b2e}.save-dialog-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.save-dialog-actions a,.save-dialog-actions button{border-radius:10px;justify-content:center;align-items:center;min-height:41px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.save-dialog-actions a{color:#555b51;background:#fff;border:1px solid #cfd1ca;text-decoration:none}.save-dialog-actions button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.preview-area{min-width:0}.preview-toolbar{justify-content:space-between;align-items:center;min-height:47px;margin-bottom:13px;display:flex}.preview-toolbar>div{align-items:baseline;gap:12px;display:flex}.preview-toolbar strong{font-size:14px}.preview-toolbar span{color:#858980;font-size:10px}.clear-button{color:#777c73;cursor:pointer;background:#ffffffad;border:1px solid #d7d9d2;border-radius:8px;padding:7px 11px;font-size:11px}.paper-stage{background-color:#e5e5df;background-image:linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(90deg,#ffffff47 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dcddd6;border-radius:24px;place-items:center;min-height:675px;padding:34px;display:grid;box-shadow:inset 0 1px 1px #fffc}.paper{padding:var(--paper-margin);background:var(--paper);transition:width .26s,aspect-ratio .26s;box-shadow:0 26px 70px #22241f24,0 3px 9px #22241f17;container-type:inline-size}.paper.portrait{aspect-ratio:210/297;width:min(58%,452px)}.paper.landscape{aspect-ratio:297/210;width:min(88%,690px)}.photo-grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr));gap:var(--paper-gap);width:100%;height:100%;display:grid}.photo-cell,.empty-cell{min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.photo-cell{background:linear-gradient(135deg,#f7f7f3,#eeeee8);place-items:center;display:grid}.photo-cell.with-border{outline-offset:-1px;outline:1px solid #c8cac3}.photo-cell img{object-fit:contain;width:100%;height:100%;display:block}.photo-cell figcaption{color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1f211de0;border-radius:9px;justify-content:center;align-items:center;gap:2px;min-width:108px;height:29px;padding:3px;transition:all .15s;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%,5px)}.photo-cell:hover figcaption,.photo-cell:focus-within figcaption{opacity:1;pointer-events:auto;transform:translate(-50%)}.photo-cell figcaption button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:23px;height:23px;padding:0;display:grid}.photo-cell figcaption button:hover{background:#ffffff26}.photo-cell figcaption button:disabled{opacity:.25}.photo-cell figcaption span{text-align:center;width:20px;font-size:10px}.photo-cell figcaption .remove{color:#f6a49b;font-size:18px}.empty-cell{color:#a4a79f;cursor:pointer;background:#fafaf7;border:1px dashed #d7d8d3;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-cell span{border:1px solid #d5d7d0;border-radius:50%;width:26px;height:26px;font-size:19px;font-weight:300;line-height:23px}.empty-cell small{font-size:8px}.preview-help{color:#858a80;justify-content:center;align-items:center;gap:12px;width:min(610px,92%);margin:17px auto 0;font-size:10px;display:flex}.preview-help span{white-space:nowrap;align-items:center;gap:6px;display:flex}.preview-help i{color:#666b62;border:1px solid #cfd1c9;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.preview-help b{background:#d0d2cb;width:38px;height:1px}footer{color:#8a8e85;border-top:1px solid #20221f14;justify-content:space-between;align-items:center;min-height:42px;padding:0 clamp(24px,4vw,64px);font-size:10px;display:flex}footer p{margin:0}@media (width<=980px){.workspace{grid-template-columns:1fr}.control-panel{width:min(620px,100%);margin:0 auto}.paper-stage{min-height:620px}}@media (width<=620px){.topbar{height:67px;padding:0 18px}.privacy-pill{max-width:148px;padding:7px 10px;line-height:1.25}.install-button{justify-content:center;width:37px;padding:0;font-size:0}.workspace{gap:30px;padding:26px 18px 34px}.intro h1{font-size:34px}.paper-stage{border-radius:18px;min-height:455px;padding:19px}.paper.portrait{width:min(76%,420px)}.paper.landscape{width:100%}.preview-help b{width:12px}.preview-help{gap:6px}footer{gap:10px;padding:11px 18px;line-height:1.5}.save-overlay{padding:12px}.save-dialog{border-radius:18px;max-height:calc(100vh - 24px);padding:21px 16px 16px}.save-close{top:14px;right:14px}.save-heading h2{font-size:22px}.save-image-frame{height:54vh;padding:10px}.save-dialog-actions{flex-direction:column;align-items:stretch}}@page{size:A4 portrait;margin:0}@media print{html,body{width:100%;height:100%;background:#fff!important}body *{visibility:hidden}#print-sheet,#print-sheet *{visibility:visible}#print-sheet{position:fixed;inset:0;aspect-ratio:auto!important;width:210mm!important;height:297mm!important;box-shadow:none!important}#print-sheet.landscape{width:297mm!important;height:210mm!important}.photo-cell figcaption{display:none!important}.empty-cell{border:0!important}}