@font-face{font-family:Momo Trust Sans;src:url(/fonts/MomoTrustSans-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Momo Trust Display;src:url(/fonts/MomoTrustDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--ui-bg: #ffffff;--ui-bg-soft: #f6f6f4;--ui-bg-deep: #ececea;--ui-ink: #1a1a1a;--ui-ink-soft: #555555;--ui-ink-muted: #888888;--ui-ink-faint: #b5b5b5;--ui-rule: #e5e5e0;--ui-accent: #f97316;--canvas-bg: #F4EFE5;--canvas-ink: #2A2621;--canvas-ink-soft: rgba(42, 38, 33, .72);--canvas-ink-muted: rgba(42, 38, 33, .55);--canvas-ink-faint: rgba(42, 38, 33, .35);--canvas-rule: rgba(42, 38, 33, .18);--accent: #f97316;--display: "Momo Trust Display", "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Momo Trust Sans", "Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--scale: .3;--canvas-w: 1290px;--canvas-h: 2796px;--pad-x: 60px;--pad-bottom: 60px;--caption-top: 110px;--screenshot-top: 380px;--bottom-cap-top: 100px;--caption-bot: 130px;--caption-fs: 100px;--subtitle-fs: 48px;--drop-big-fs: 60px;--drop-small-fs: 24px}@media(prefers-color-scheme:dark){:root{--ui-bg: #1a1a1a;--ui-bg-soft: #222222;--ui-bg-deep: #2a2a2a;--ui-ink: #ededed;--ui-ink-soft: #aaaaaa;--ui-ink-muted: #777777;--ui-ink-faint: #555555;--ui-rule: #333333}}@media(prefers-color-scheme:dark){.projects-dropdown-item.active{background:#f9731626}.projects-dropdown-rename:hover{color:#ccc;background:#333}.projects-dropdown-del:hover{color:#f87171;background:#ef44441f}.projects-dropdown-empty{color:#666}.export-overlay{background:#1a1a1ae0}}*{box-sizing:border-box}.canvas-instance{flex-shrink:0;border-radius:12px;border:3px solid transparent;transition:border-color .12s ease;cursor:pointer}.canvas-instance.active{border-color:var(--accent);cursor:default;padding:3px}.canvas-instance.active .screenshot-area img{cursor:grab}.canvas-wrap{width:calc(var(--canvas-w) * var(--scale));height:calc(var(--canvas-h) * var(--scale));flex-shrink:0}.canvas{width:var(--canvas-w);height:var(--canvas-h);position:relative;overflow:hidden;transform:scale(var(--scale));transform-origin:top left;background-color:var(--canvas-bg);background-image:none}.caption-group{position:absolute;inset:0;pointer-events:none;z-index:10}.caption-group>*{pointer-events:auto}.caption{position:absolute;top:var(--caption-top);bottom:auto;left:var(--pad-x);right:var(--pad-x);text-align:center;font-family:var(--display);font-weight:400;color:var(--canvas-ink);font-size:var(--caption-fs);line-height:1.08;letter-spacing:-2px;text-wrap:balance;white-space:pre-wrap}.canvas-instance.caption-bottom .caption{top:auto;bottom:var(--caption-bot)}.canvas-instance.caption-bottom .screenshot-area{top:var(--bottom-cap-top);bottom:380px}.caption em{font-style:italic;color:var(--accent);font-family:var(--display)}.caption strong{font-weight:700;color:var(--accent);font-family:var(--display);font-style:normal}.caption.draggable{cursor:grab}.caption.dragging-caption{cursor:grabbing}.caption.preview-editing{cursor:text;outline:4px solid rgba(249,115,22,.35);outline-offset:14px;user-select:text}.subtitle{position:absolute;left:var(--pad-x);right:var(--pad-x);text-align:center;font-family:var(--sans);font-weight:600;color:var(--canvas-ink-soft);font-size:var(--subtitle-fs);line-height:1.2;letter-spacing:1px;text-transform:uppercase;text-wrap:balance}.subtitle:empty{display:none}.subtitle em{font-style:italic;color:var(--accent);text-transform:none}.subtitle strong{font-weight:700;color:var(--accent);text-transform:none}.subtitle-above{bottom:auto}.subtitle-below{top:auto}.screenshot-area{position:absolute;left:var(--pad-x);right:var(--pad-x);top:var(--screenshot-top);bottom:var(--pad-bottom);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.screenshot-area:not(.has-image){border:6px dashed var(--canvas-rule);border-radius:60px}.screenshot-area.dragover{border-color:var(--accent);background:#f973160f}.screenshot-area .screenshot-img{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:transform 0ms}.screenshot-area.has-image{overflow:visible}.canvas-instance.frame-on .screenshot-area{transition:none}.canvas-instance.frame-on .screenshot-area .screenshot-img{border-radius:var(--frame-radius, 55px)}.screenshot-area img.upscaled{max-width:none;max-height:none}.screenshot-area.has-image img{cursor:grab}.screenshot-area.has-image.dragging-screenshot img{cursor:grabbing}.drop-hint{text-align:center;color:var(--canvas-ink-soft)}.drop-hint .big{font-family:var(--display);font-size:var(--drop-big-fs);font-style:italic;line-height:1}.drop-hint .small{margin-top:28px;font-family:var(--mono);font-size:var(--drop-small-fs);letter-spacing:4px;text-transform:uppercase;color:var(--canvas-ink-muted)}.snap-axis{position:absolute;background:var(--accent);opacity:0;pointer-events:none;z-index:300;transition:opacity .1s ease}.snap-axis.visible{opacity:.5}.snap-axis-x{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.snap-axis-y{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.device-frame-overlay{position:absolute;pointer-events:none;z-index:50}.device-frame-overlay img{display:block;width:100%;height:100%;pointer-events:none}.toggle-switch{position:relative;width:36px;height:20px;background:var(--ui-bg-deep);border:1px solid var(--ui-rule);border-radius:10px;cursor:pointer;transition:background .15s ease;flex-shrink:0}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s ease}.toggle-switch.on:after{transform:translate(16px)}.frame-group.unavailable{opacity:.4;pointer-events:none}.frame-group .toggle-row{display:none}.export-overlay{position:fixed;inset:0;z-index:1500;background:#f4f2eee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:var(--sans);color:var(--ui-ink);pointer-events:all}.export-overlay.visible{display:flex}.export-overlay .spinner{width:30px;height:30px;border:3px solid var(--ui-rule);border-top-color:var(--accent);border-radius:50%;animation:ezspin .8s linear infinite}.export-overlay .label{font-size:13px;font-weight:600}.export-overlay .sub-label{font-family:var(--mono);font-size:10.5px;letter-spacing:1px;color:var(--ui-ink-muted)}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;display:none;align-items:center;gap:16px;background:#1a1a1a;color:#fff;border-radius:12px;padding:12px 20px;font-family:var(--sans);font-size:13px;box-shadow:0 8px 32px #0003}.undo-toast.visible{display:flex}.undo-toast button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#f97316;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background 80ms}.undo-toast button:hover{background:#f973161f}.row-context-menu{position:fixed;z-index:70;display:none;min-width:178px;overflow:hidden;padding:6px;background:var(--ui-bg, #fff);border:1px solid var(--ui-rule, #e5e5e0);border-radius:10px;box-shadow:0 12px 34px #00000029}.row-context-menu.visible{display:block}.row-context-menu button{display:flex;width:100%;align-items:center;border:0;border-radius:7px;background:transparent;color:var(--ui-ink, #1a1a1a);cursor:pointer;font:500 13px/1.2 Inter Tight,sans-serif;padding:9px 10px;text-align:left}.row-context-menu button:hover:not(:disabled),.row-context-menu button:focus-visible:not(:disabled){background:var(--ui-bg-soft, #f6f6f4);outline:none}.row-context-menu button:disabled{color:var(--ui-ink-muted, #999);cursor:default;opacity:.55}.row-context-menu .danger{color:#dc2626}.row-context-menu .separator{height:1px;margin:5px 4px;background:var(--ui-rule, #e5e5e0)}body.exporting .canvas-instance.active .canvas{position:fixed!important;left:-100000px!important;top:0!important;transform:none!important}body.exporting .screenshot-area{border:none!important}body.exporting .drop-hint,body.exporting .snap-axis{display:none}@keyframes ezspin{to{transform:rotate(360deg)}}@media(max-height:1000px){:root{--scale: .26}}@media(max-height:800px){:root{--scale: .22}}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:none;border-radius:4px}.swatch::-moz-color-swatch{border:none;border-radius:4px}input[type=color].swatch{width:30px;height:26px;padding:0;cursor:pointer;overflow:hidden;flex-shrink:0}input[type=range]{accent-color:#f97316}.screenshot-maker-shell.sidebar-hidden .controls-sidebar{display:none}.sidebar-toggle-icon{display:inline-block;transition:transform .15s ease}.screenshot-maker-shell.sidebar-hidden .sidebar-toggle-icon{transform:rotate(180deg)}.projects-dropdown{position:fixed;inset:auto;min-width:260px;max-height:360px;overflow:hidden;background:var(--ui-bg, #fff);border:1px solid var(--ui-rule, #e5e5e0);border-radius:12px;box-shadow:0 8px 24px #0000001a}.projects-dropdown-list{max-height:250px;overflow-y:auto}.projects-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;cursor:pointer;transition:background 80ms}.projects-dropdown-item:hover{background:var(--ui-bg-soft, #f6f6f4)}.projects-dropdown-item.active{background:#fff7ed}.projects-dropdown-item.active .projects-dropdown-item-title{color:#f97316}.projects-dropdown-item+.projects-dropdown-item{border-top:1px solid var(--ui-rule, #f0f0ee)}.projects-dropdown-item-info{flex:1;min-width:0}.projects-dropdown-item-title{font-size:13px;font-weight:500;color:var(--ui-ink, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-dropdown-item-date{font-size:11px;color:var(--ui-ink-muted, #888);margin-top:1px}.projects-dropdown-rename,.projects-dropdown-del{flex-shrink:0;width:22px;height:22px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#b5b5b5;transition:color 80ms,background 80ms}.projects-dropdown-rename:hover{color:#555;background:#eee}.projects-dropdown-del:hover{color:#ef4444;background:#fef2f2}.projects-dropdown-empty{padding:16px 14px;text-align:center;font-size:12px;color:var(--ui-ink-faint, #b5b5b5)}.projects-dropdown-actions{border-top:1px solid var(--ui-rule, #f0f0ee);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px}.projects-dropdown-action{flex:1;min-height:28px;border:1px solid var(--ui-ink-muted, #888);background:transparent;border-radius:999px;color:var(--ui-ink-soft, #555);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;white-space:nowrap;transition:background 80ms,border-color 80ms,color 80ms}.projects-dropdown-action:hover{background:var(--ui-bg-soft, #f6f6f4);border-color:var(--ui-ink-soft, #555);color:var(--ui-ink, #1a1a1a)}.projects-dropdown-action svg{flex-shrink:0;width:12px;height:12px;color:currentColor}