@import "https://api.fontshare.com/v2/css?f[]=clash-grotesk@400,500,600,700&display=swap";:root{color:#eeedea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"ss01" on;background:#171817;font-family:Clash Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #d0cec7}::selection{color:#161716;background:#d8d5cb}.editor-layout{grid-template-columns:304px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.sidebar{z-index:1;background:#1b1c1b;border-right:1px solid #30312f;flex-direction:column;padding:31px 23px 18px;display:flex;position:relative}.sidebar-intro{border-bottom:1px solid var(--line);padding:0 2px 24px}.eyebrow,.workspace-label{color:#92938d;letter-spacing:.13em;margin:0;font-family:DM Mono,monospace;font-size:8px}.sidebar-intro h1{color:#eeedea;letter-spacing:-.065em;margin:14px 0 8px;font-size:25px;font-weight:500;line-height:1.08}.intro-copy{color:#999a94;letter-spacing:.01em;margin:0;font-size:10px}.control-section{border-bottom:1px solid var(--line);padding:19px 1px 18px}.mode-switch{background:#171817;border:1px solid #3a3b38;border-radius:3px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.mode-option{color:#8b8c86;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:7px;height:32px;font-size:10px;transition:color .15s,background .15s;display:inline-flex}.mode-option.active{color:#e8e7e2;background:#30312e;box-shadow:0 1px 2px #10110f}.mode-option:hover:not(.active){color:#d2d1cb}.mode-icon{gap:2px;width:13px;height:13px;display:grid}.grid-icon{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.mode-icon i{border:1px solid;border-radius:.5px;display:block}.free-icon{display:block;position:relative}.free-icon i{width:7px;height:6px;position:absolute}.free-icon i:first-child{top:1px;left:0}.free-icon i:nth-child(2){top:0;right:0}.free-icon i:nth-child(3){bottom:0;left:3px}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;color:#d3d2cd;background:#202120;border:1px solid #3b3c39;border-radius:2px;width:100%;height:35px;padding:0 31px 0 10px;font-size:10px}.select-wrap svg{pointer-events:none;fill:none;stroke:#a4a49e;stroke-width:1.2px;width:11px;height:11px;position:absolute;top:12px;right:10px}.select-wrap option{color:#e8e7e2;background:#202120}.export-quality-section{padding-top:16px;padding-bottom:16px}.export-quality-note{font-size:8px}.border-section{padding-bottom:17px}.border-width-note{margin-top:3px;font-size:8px}.color-control{color:#a7a8a2;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;display:flex}.color-field{color:#babbb3;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:8px;display:inline-flex}.color-field input{cursor:pointer;background:#202120;border:1px solid #4a4b47;border-radius:2px;width:18px;height:18px;padding:2px}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:1px}.upload-section{padding-top:19px}.upload-section .section-heading{margin-bottom:11px}.upload-button{color:#d9d8d2;text-align:left;background:#202120;border:1px dashed #555650;border-radius:2px;align-items:center;gap:9px;width:100%;min-height:47px;padding:7px 9px;transition:border-color .15s,background .15s;display:flex}.upload-button:hover{background:#252624;border-color:#a9aaa3}.upload-plus{color:#deddd7;border:1px solid #51524d;border-radius:2px;place-items:center;width:24px;height:24px;font-size:17px;font-weight:300;line-height:1;display:grid}.upload-button strong,.upload-button small{display:block}.upload-button strong{font-size:9px;font-weight:600}.upload-button small{color:#81827c;margin-top:3px;font-size:8px}.upload-shortcut{color:#888982;margin-left:auto;font-size:12px}.photo-list{flex-direction:column;gap:4px;max-height:150px;margin-top:9px;display:flex;overflow:auto}.photo-row{border:1px solid #0000;border-radius:2px;align-items:center;gap:7px;min-height:32px;padding:3px 5px;display:flex}.photo-row.selected{background:#222321;border-color:#474842}.photo-select{color:#babbb3;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.photo-select img{object-fit:cover;border-radius:1px;flex:none;width:26px;height:24px}.photo-name{color:#a6a7a1;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.photo-index{color:#6f706a;font-family:DM Mono,monospace;font-size:8px}.remove-photo{color:#767771;background:0 0;border:0;width:20px;height:20px;padding:0;font-size:16px;line-height:1}.remove-photo:hover{color:#e8e7e2}.message{margin:9px 0 0;font-size:9px;line-height:1.5}.error-message{color:#d0a29a}.selected-controls{border-bottom:1px solid var(--line);padding:17px 1px}.crop-toggle{color:#d2d1cb;background:#252624;border:1px solid #555650;border-radius:2px;justify-content:center;align-items:center;gap:7px;width:100%;height:31px;margin-top:11px;font-size:9px;transition:background .15s,border-color .15s;display:flex}.crop-toggle:hover,.crop-toggle.active{background:#30312e;border-color:#aaa99f}.crop-toggle-icon{font-size:13px;line-height:1}.crop-helper{color:#c1c0b8}.clear-selection{color:#858680;background:0 0;border:0;padding:0;font-size:9px}.clear-selection:hover{color:#e8e7e2}.selected-meta{color:#a6a7a1;align-items:center;gap:8px;font-size:9px;display:flex;overflow:hidden}.selected-meta img{object-fit:cover;border-radius:1px;width:25px;height:24px}.selected-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-controls .helper-copy{margin-top:12px}.sidebar-footer{color:#777872;align-items:center;gap:9px;margin-top:auto;padding:20px 2px 0;font-size:8px;line-height:1.5;display:flex}.footer-mark{color:#cecdc6;letter-spacing:-.1em;font-size:16px;font-weight:700}.format-select{color:#b9bab4;background:#202120;border:1px solid #3e3f3b;border-radius:2px;margin-left:auto;padding:5px 7px;font-family:DM Mono,monospace;font-size:8px}.format-select span{color:#777872;margin-left:3px}@media (width>=1280px){.editor-layout{grid-template-columns:320px minmax(0,1fr)}.sidebar{padding-left:26px;padding-right:26px}}@media (height<=760px) and (width>=761px){.sidebar{padding-top:20px}.sidebar-intro{padding-bottom:16px}.sidebar-intro h1{margin-top:10px;font-size:22px}.control-section{padding-top:14px;padding-bottom:13px}.upload-section{padding-top:14px}}@media (width<=760px){.editor-layout{grid-template-columns:1fr;min-height:calc(100vh - 58px)}.sidebar{border-bottom:1px solid #30312f;border-right:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:20px 18px 12px;display:grid}.sidebar-intro{grid-column:1/-1;padding-bottom:16px}.sidebar-intro h1{margin:9px 13px 0 0;font-size:23px;display:inline-block}.intro-copy{display:inline-block}.control-section{padding-top:15px}.border-section{border-bottom:1px solid var(--line)}.upload-section{border-bottom:0}.sidebar-footer{border-top:1px solid var(--line);grid-column:1/-1;min-height:48px}.selected-controls{grid-column:1/-1}}@media (width<=460px){.sidebar{grid-template-columns:1fr}.sidebar-intro{grid-column:auto}.sidebar-intro h1,.intro-copy{display:block}.control-section{border-bottom:1px solid var(--line)}.selected-controls,.sidebar-footer{grid-column:auto}}.topbar{background:#191a19;border-bottom:1px solid #30312f;align-items:center;height:66px;padding:0 28px;display:flex}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.topbar-context{color:#b6b6b1;letter-spacing:.015em;align-items:center;gap:9px;margin-left:39px;font-size:11px;display:flex}.context-divider{color:#5a5b56;margin:0 2px}.topbar-right{align-items:center;gap:18px;margin-left:auto;display:flex}.save-note{color:#787a74;font-size:10px}.export-button{color:#242522;background:#d9d7cf;border:1px solid #d5d3cb;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-width:94px;height:35px;padding:0 13px;font-size:11px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.export-button:hover:not(:disabled){background:#f0eee7;transform:translateY(-1px)}.export-button:disabled{opacity:.4}.export-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}@media (width<=760px){.topbar{height:58px;padding:0 16px}.topbar-context{margin-left:18px;font-size:10px}.save-note{display:none}}@media (width<=460px){.topbar-context{gap:6px;margin-left:14px;font-size:9px}.export-button{min-width:75px;height:32px;padding:0 9px}}.workspace{background:#202120;flex-direction:column;min-width:0;min-height:calc(100vh - 66px);display:flex}.workspace-toolbar{color:#a3a49d;border-bottom:1px solid #30312f;flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 25px;font-size:9px;display:flex}.workspace-title,.workspace-tools{align-items:center;gap:11px;display:inline-flex}.workspace-label{color:#777872;font-size:8px}.workspace-divider,.canvas-size-divider{color:#5f605a}.canvas-size-label,.zoom-label{color:#999a94;font-family:DM Mono,monospace;font-size:9px}.zoom-label{color:#70716c}.stage-scroll{flex:1;justify-content:center;align-items:center;min-height:0;padding:28px 36px 20px;display:flex;overflow:auto}.stage-wrap{flex:0 auto;width:min(100%,480px);position:relative}.collage-stage{background:var(--paper);touch-action:none;width:100%;transition:outline-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 19px 50px #11120f55,0 2px 7px #11120f3b;container-type:size}.collage-stage.dragging-over{outline-offset:5px;outline:2px solid #d6d4cb}.grid-cell{position:absolute}.grid-image,.empty-slot{background:#d9d7d0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.grid-image{border-radius:var(--frame-radius);cursor:grab;touch-action:none;outline:0}.grid-image:active{cursor:grabbing}.grid-image:after{z-index:2;border:var(--frame-border-width) solid var(--frame-border-color);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.grid-image.image-selected{z-index:1;outline-offset:-1px;outline:1px solid #464743}.empty-slot{color:#888780;background:#e5e3dc;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .15s;display:flex}.empty-slot:hover{background:#dcdad3}.empty-slot>span{font-size:20px;font-weight:300;line-height:1}.empty-slot small{font-size:8px}.free-image{box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:var(--frame-border-width) solid var(--frame-border-color);border-radius:var(--frame-radius);position:absolute;box-shadow:0 2px 8px #29292524}.free-image:active{cursor:grabbing}.crop-mode .free-image,.crop-mode .grid-image{cursor:move}.crop-mode .free-image:active,.crop-mode .grid-image:active{cursor:grabbing}.free-image.image-selected{z-index:2}.image-window{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.free-image .image-window{inset:var(--frame-border-width);border-radius:calc(var(--frame-radius) - var(--frame-border-width))}.image-window img{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.selection-outline{border-radius:inherit;pointer-events:none;border:1px solid #f1eee5;position:absolute;inset:-2px}.transform-handle{z-index:2;color:#353631;touch-action:none;background:#f0eee7;border:1px solid #373833;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;box-shadow:0 1px 4px #0004}.rotate-handle{cursor:grab;top:-34px;left:50%;transform:translate(-50%)}.rotate-handle:after{content:"";border-left:1px solid #f1eee5;height:13px;position:absolute;top:20px;left:50%}.rotate-handle svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.scale-handle{cursor:nwse-resize;bottom:-11px;right:-11px}.scale-handle>span{border:1px solid;border-radius:1px;width:6px;height:6px}.stage-empty-copy{color:#77766f;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:85%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-stamp{grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);gap:3px;width:24px;height:24px;margin-bottom:14px}.stage-empty-copy strong{color:#565650;letter-spacing:-.04em;font-size:clamp(13px,2cqw,19px);font-weight:500}.stage-empty-copy>span:not(.empty-stamp){margin-top:6px;font-size:clamp(8px,1.1cqw,10px)}.stage-empty-copy button{color:#53534e;pointer-events:auto;background:#e8e6df;border:1px solid #bdbbb3;border-radius:2px;margin-top:15px;padding:7px 10px;font-size:clamp(8px,1.1cqw,10px)}.stage-empty-copy button:hover{background:#f2f0e9}.stage-empty-copy button span{margin-left:8px}.drop-overlay{z-index:10;color:#373832;pointer-events:none;background:#ebe9e3dd;border:1px dashed #77786f;place-items:center;display:grid;position:absolute;inset:0}.drop-overlay span{background:#f1efe9;border:1px solid #b5b3ab;padding:10px 13px;font-size:11px}.stage-guides{z-index:0;pointer-events:none;position:absolute;inset:-9px}.guide{background:#494a45;display:block;position:absolute}.guide-top,.guide-bottom{height:1px;left:7px;right:7px}.guide-top{top:0}.guide-bottom{bottom:0}.guide-left,.guide-right{width:1px;top:7px;bottom:7px}.guide-left{left:0}.guide-right{right:0}.stage-caption{color:#92938d;justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.stage-caption>span:first-child{align-items:center;gap:7px;display:inline-flex}.workspace-footnote{color:#696a65;letter-spacing:.08em;border-top:1px solid #30312f;justify-content:space-between;padding:12px 24px;font-family:DM Mono,monospace;font-size:7px;display:flex}.toast{z-index:20;color:#e1d4d0;background:#322724;border:1px solid #55423f;align-items:center;gap:18px;max-width:min(420px,100vw - 40px);padding:12px 14px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #0005}.toast button{color:#c5b6b1;background:0 0;border:0;padding:0;font-size:17px}@media (width>=1280px){.stage-wrap{width:min(100%,530px)}}@media (width<=760px){.workspace{min-height:72vh}.workspace-toolbar{padding:0 16px}.stage-scroll{min-height:56vh;padding:32px 32px 25px}.stage-wrap{width:min(100%,440px)}}@media (width<=460px){.workspace-toolbar{height:44px}.workspace-title{gap:7px;font-size:8px}.canvas-size-label,.zoom-label{font-size:8px}.workspace-footnote{padding:10px 14px;font-size:6px}.stage-scroll{min-height:53vh;padding:30px 27px 23px}}.editor-shell{--surface:#1b1c1b;--surface-raised:#202120;--line:#343533;--text:#eeedea;--muted:#92938e;--quiet:#676863;--paper:#ebe9e3;--paper-ink:#4a4a46;min-height:100vh;color:var(--text);background:#171817}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hidden-input{display:none}.status-dot,.caption-dot{background:#8b9a82;border-radius:50%;width:5px;height:5px;display:inline-block}.caption-dot{background:#92938d;width:4px;height:4px}.brand-mark,.empty-stamp{grid-template-rows:repeat(2,6px);grid-template-columns:repeat(2,6px);gap:2px;width:16px;height:16px;display:grid;transform:rotate(-7deg)}.brand-mark i,.empty-stamp i{background:#d6d4cb;display:block}.brand-mark i:nth-child(2),.empty-stamp i:nth-child(2){opacity:.64}.brand-mark i:nth-child(3),.empty-stamp i:nth-child(3){opacity:.78}.brand-mark i:nth-child(4),.empty-stamp i:nth-child(4){opacity:.4}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading h2{color:#d6d5d0;letter-spacing:-.01em;margin:0;font-size:11px;font-weight:600}.step-label,.photo-count{color:#767771;font-family:DM Mono,monospace;font-size:9px}.slider-control{color:#a7a8a2;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;margin:13px 0 0;font-size:9px;display:grid;position:relative}.slider-control output{color:#d9d8d2;font-family:DM Mono,monospace;font-size:9px}.slider-control output small{color:#777973;font-size:8px}.slider-control input[type=range]{accent-color:#c7c5bc;cursor:pointer;grid-column:1/-1;width:100%;height:12px;margin:0}.helper-copy{color:#787a74;margin:9px 0 0;font-size:9px;line-height:1.5}.spinner{border:1px solid #686862;border-top-color:#232421;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}