@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,Microsoft YaHei,sans-serif;color:#ecebe5;background:#11110f;font-synthesis:none;--ink:#11110f;--paper:#f1f0e9;--muted:#8d8c84;--line:#30302c;--accent:#f05a28}*{box-sizing:border-box}body{margin:0;background:#11110f;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh;background:radial-gradient(circle at 33% 42%,#262621 0,transparent 33%),#11110f}header{height:70px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px}.brand{color:#f8f7f1;text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:20px;letter-spacing:1.8px}.brand b{color:var(--accent)}.header-note{margin-left:auto;color:#77776f;font:600 11px Barlow Condensed;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.header-note i{width:4px;height:4px;background:var(--accent);border-radius:50%}.export,.ghost{height:39px;border:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:600;font-size:13px}.export{background:var(--paper);color:#161613}.export:hover{background:#fff}.ghost{background:transparent;color:#d0cfc8;border:1px solid #3a3a35}.mobile-edit{display:none}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:calc(100vh - 70px)}.stage{min-width:0;padding:22px 38px 20px;display:flex;flex-direction:column}.stage-label{font:600 11px Barlow Condensed;letter-spacing:1.7px;color:#77776f;display:flex;justify-content:space-between;margin-bottom:13px}.preview-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent;transition:.2s}.preview-wrap.dragging{border-color:var(--accent);background:#f05a280d}.drop-target{width:min(520px,90%);aspect-ratio:1.6;border:1px dashed #4a4a43;background:#171714bf;color:#f1f0e9;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:.25s}.drop-target:hover{border-color:#8e8d83;background:#1c1c18}.aperture-mark{width:64px;height:64px;border:1px solid #4d4c46;border-radius:50%;display:grid;place-items:center;margin-bottom:21px;color:var(--accent)}.drop-target strong{font:600 24px Barlow Condensed;letter-spacing:1px}.drop-target small{color:#9c9b92;margin-top:7px}.drop-target em{font-style:normal;color:#5e5e57;font:500 10px Barlow Condensed;letter-spacing:1.1px;margin-top:24px}.photo{max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 24px 70px #00000061}.strip-photo{background:#fff;display:flex;flex-direction:column}.strip-photo>img{display:block;max-width:100%;max-height:calc(100vh - 285px);object-fit:contain}.info-strip{min-height:112px;color:#111;display:flex;align-items:center;padding:20px 4%;gap:20px}.identity{display:flex;flex-direction:column;min-width:38%}.identity strong{font:700 22px Barlow Condensed;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity span{font-size:13px;color:#666;margin-top:4px}.identity small{font-size:10px;color:#aaa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exposure{margin-left:auto;display:flex;align-items:center;gap:16px;border-left:1px solid #ddd;padding-left:18px}.exposure i{width:40px;height:40px;flex:none;position:relative}.exposure i:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.exposure div{display:flex;flex-direction:column}.exposure strong{font:600 18px Barlow Condensed;white-space:nowrap}.exposure span{font-size:12px;color:#777;margin-top:4px}.blur-photo{position:relative;aspect-ratio:1.34;width:min(900px,100%);isolation:isolate}.blur-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;object-fit:cover;z-index:-1}.blur-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-img{max-width:100%;max-height:84%;object-fit:contain;box-shadow:0 12px 38px #0000008c}.blur-caption{text-align:center;margin-top:13px;display:flex;flex-direction:column;text-shadow:0 1px 5px #000}.blur-caption strong{font:600 15px Barlow Condensed;letter-spacing:.4px}.blur-caption span{font-size:11px;color:#ffffffc7;margin-top:5px}.status{height:25px;margin-top:12px;color:#77776f;font-size:11px;display:flex;align-items:center;gap:8px}.status>span{width:6px;height:6px;border-radius:50%;background:#76a66f}.status>span.pulse{background:var(--accent);animation:pulse 1s infinite}.status b{font-weight:400;margin-left:auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}aside{border-left:1px solid var(--line);background:#171714;overflow:auto;position:relative}.close-panel{display:none}.panel-section{padding:22px 24px;border-bottom:1px solid var(--line)}.panel-section.first{padding-top:24px}.section-title{font:600 14px Barlow Condensed;letter-spacing:.8px;display:flex;justify-content:space-between;margin-bottom:17px}.section-title small{font-size:10px;color:#66665f;letter-spacing:1.2px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented button{height:68px;background:#20201c;border:1px solid #33332e;color:#99988f;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}.segmented button.active{border-color:#7b7a70;color:#f1f0e9;background:#262621}.mini{display:block;width:27px;height:21px;border:1px solid currentColor;position:relative}.strip-mini:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:currentColor}.blur-mini:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid currentColor}.field{display:block;margin-bottom:11px}.field>span{display:block;color:#77776f;font-size:10px;margin:0 0 5px 2px}.field input{width:100%;height:34px;background:#11110f;border:1px solid #30302b;color:#dddcd4;padding:0 10px;font-size:12px;outline:none}.field input:focus{border-color:#77766e}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.settings{min-height:125px}.range{display:block;margin:0 0 15px}.range>span{display:flex;justify-content:space-between;color:#88877e;font-size:11px}.range b{font-weight:500;color:#ccc}.range input{width:100%;accent-color:var(--accent);height:3px;margin-top:10px}.accent-row{display:flex;align-items:center;gap:10px;color:#88877e;font-size:11px}.accent-row span{margin-right:auto}.accent-row button{width:25px;height:25px;border:2px solid #171714;color:#fff;display:grid;place-items:center}.accent-row button.selected{outline:1px solid #777}.panel-actions{position:sticky;bottom:0;background:#171714ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:8px;border-top:1px solid var(--line)}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}@media(max-width:900px){header{padding:0 16px}.header-note,.top-export{display:none}.mobile-edit{display:flex;margin-left:auto}main{display:block;height:calc(100vh - 70px)}.stage{height:100%;padding:17px 14px 12px}.strip-photo>img{max-height:calc(100vh - 290px)}.info-strip{min-height:98px;padding:15px 4%}.identity strong{font-size:17px}.exposure{gap:9px;padding-left:10px}.exposure i{width:29px;height:29px}.exposure strong{font-size:13px}.exposure span{font-size:10px}aside{position:fixed;z-index:10;inset:0 0 0 auto;width:min(380px,94vw);transform:translate(102%);transition:.28s;box-shadow:-20px 0 60px #000}.close-panel{display:grid;place-items:center;position:absolute;right:17px;top:16px;width:35px;height:35px;background:#262621;border:1px solid #3b3a35;color:#ddd;z-index:2}.close-panel svg{width:17px}.panel-section.first{padding-top:68px}aside.open{transform:none}}@media(max-width:560px){.brand{font-size:17px}.stage-label{font-size:9px}.drop-target{aspect-ratio:1.05}.photo{width:100%}.strip-photo>img{width:100%;max-height:calc(100vh - 300px)}.info-strip{min-height:105px;align-items:flex-start;position:relative}.identity{min-width:42%;max-width:42%}.identity strong{font-size:15px}.identity small{display:none}.exposure{padding-left:8px;gap:7px}.exposure i{display:none}.exposure strong{font-size:12px;white-space:normal}.blur-photo{aspect-ratio:.8}.hero-img{max-height:76%}.status b{display:none}}.exposure>i{display:none}.exposure>.logo-mark{width:54px;height:42px;flex:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;font:800 11px Arial,sans-serif;line-height:1}.logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.logo-mark.none{color:#777}.blur-caption strong{display:flex;align-items:center;justify-content:center;gap:9px}.blur-caption strong .logo-mark{width:28px;height:22px;color:#fff}.setting-hint{display:flex;justify-content:space-between;color:#aaa99f;font-size:11px;margin-bottom:10px}.setting-hint b{font-weight:400;color:#65655e;font-size:9px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.logo-grid button{height:54px;position:relative;border:1px solid #33332e;background:#11110f;color:#d8d7d0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.logo-grid button:hover{border-color:#5d5c54}.logo-grid button.selected{border-color:#a6a49a;background:#24241f}.logo-grid .logo-mark{width:34px;height:22px}.logo-grid small{font-size:8px;color:#77766f}.logo-check{position:absolute;right:3px;top:3px;color:#f05a28}@media(max-width:900px){.exposure>.logo-mark{width:40px;height:30px}}@media(max-width:560px){.exposure>.logo-mark{display:none}}.param-list{display:flex;align-items:baseline;gap:.42em}.preview-wrap .strip-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;object-fit:contain;background:transparent;box-shadow:none}.preview-wrap .polaroid-canvas,.preview-wrap .blur-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:transparent;box-shadow:none}.segmented{grid-template-columns:repeat(3,1fr)}.segmented button{padding:0 5px;gap:6px}.polaroid-mini:after{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:7px;border:1px solid currentColor}.polaroid-note{margin:3px 0 0;color:#6f6e67;font-size:10px;line-height:1.6}.settings .logo-setting{margin-top:18px;padding-top:15px;border-top:1px solid #30302b}
