@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}.locale-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--ui-rule);background:var(--ui-bg);flex-shrink:0}.locale-bar.hidden{display:none}.locale-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--ui-rule);font-family:var(--sans);font-size:11px;font-weight:500;color:var(--ui-ink-soft);cursor:pointer;background:var(--ui-bg-soft);transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.locale-chip:hover{border-color:var(--accent);color:var(--ui-ink)}.locale-chip.active{border-color:var(--accent);background:#f9731614;color:var(--ui-ink)}.locale-chip.source{border-style:dashed;opacity:.7}.locale-chip .locale-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.locale-chip .locale-status-dot.fresh{background:#22c55e}.locale-chip .locale-status-dot.stale{background:#eab308}.locale-chip .locale-status-dot.never{background:var(--ui-ink-faint)}.locale-chip .locale-status-dot.error{background:#ef4444}.locale-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--ui-rule);background:var(--ui-bg);cursor:pointer;color:var(--ui-ink-muted);flex-shrink:0;transition:background 80ms,color 80ms;font-size:14px}.locale-settings-btn:hover{background:var(--ui-bg-soft);color:var(--ui-ink)}.dialog-overlay{position:fixed;inset:0;z-index:1600;background:#00000059;display:none;align-items:center;justify-content:center}.dialog-overlay.visible{display:flex}.dialog-panel{background:var(--ui-bg);border-radius:16px;border:1px solid var(--ui-rule);box-shadow:0 16px 48px #00000026;max-height:85vh;width:520px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ui-rule);flex-shrink:0}.dialog-title{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ui-ink)}.dialog-close{width:28px;height:28px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ui-ink-muted);font-size:16px;transition:background 80ms,color 80ms}.dialog-close:hover{background:var(--ui-bg-soft);color:var(--ui-ink)}.dialog-body{padding:16px 20px;overflow-y:auto;flex:1}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--ui-rule);flex-shrink:0}.locale-search{width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--ui-rule);background:var(--ui-bg-soft);font-family:var(--sans);font-size:12px;color:var(--ui-ink);outline:none;margin-bottom:12px}.locale-search:focus{border-color:var(--accent)}.locale-checklist{max-height:300px;overflow-y:auto}.locale-check-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background 60ms}.locale-check-item:hover{background:var(--ui-bg-soft)}.locale-check-item input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.locale-check-item .locale-native{flex:1;font-size:12px;color:var(--ui-ink)}.locale-check-item .locale-english{font-size:10px;color:var(--ui-ink-muted)}.locale-check-item .locale-code{font-size:10px;color:var(--ui-ink-faint);font-family:var(--mono)}.quick-picks{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.quick-pick-btn{padding:3px 10px;border-radius:999px;border:1px solid var(--ui-rule);background:var(--ui-bg);cursor:pointer;font-family:var(--sans);font-size:10px;font-weight:500;color:var(--ui-ink-soft);transition:background 80ms,border-color 80ms,color 80ms}.quick-pick-btn:hover{border-color:var(--accent);color:var(--ui-ink)}.source-locale-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.source-locale-row label{font-size:11px;font-weight:500;color:var(--ui-ink-soft);flex-shrink:0}.source-locale-row select{flex:1;padding:5px 10px;border-radius:10px;border:1px solid var(--ui-rule);background:var(--ui-bg-soft);font-size:11px;color:var(--ui-ink);outline:none}.source-locale-row select:focus{border-color:var(--accent)}.storage-warning{font-size:10px;color:var(--ui-ink-muted);background:var(--ui-bg-soft);border-radius:8px;padding:8px 10px;margin-top:12px;line-height:1.4}.storage-warning strong{color:var(--ui-ink-soft)}.provider-section{margin-bottom:18px}.provider-section:last-child{margin-bottom:0}.provider-section-title{font-size:11px;font-weight:600;color:var(--ui-ink-soft);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.provider-row{margin-bottom:8px}.provider-row label{display:block;font-size:10px;font-weight:500;color:var(--ui-ink-muted);margin-bottom:3px}.provider-row input,.provider-row select{width:100%;padding:6px 10px;border-radius:8px;border:1px solid var(--ui-rule);background:var(--ui-bg-soft);font-family:var(--mono);font-size:11px;color:var(--ui-ink);outline:none}.provider-row input:focus,.provider-row select:focus{border-color:var(--accent)}.provider-test-btn{padding:5px 14px;border-radius:8px;border:1px solid var(--ui-rule);background:var(--ui-bg);cursor:pointer;font-size:10px;font-weight:600;color:var(--ui-ink-soft);transition:background 80ms}.provider-test-btn:hover{background:var(--ui-bg-soft)}.provider-test-btn:disabled{opacity:.55;cursor:wait}.provider-status{margin-top:7px;min-height:16px;font-size:10px;line-height:1.4;color:var(--ui-ink-muted)}.provider-status.testing{color:var(--ui-ink-soft)}.provider-status.success{color:#16a34a}.provider-status.error{color:#ef4444}.provider-threat-note{font-size:10px;color:var(--ui-ink-muted);background:var(--ui-bg-soft);border-radius:8px;padding:8px 10px;margin-top:10px;line-height:1.4}.forget-creds-btn{padding:5px 14px;border-radius:8px;border:1px solid #fca5a5;background:transparent;cursor:pointer;font-size:10px;font-weight:600;color:#ef4444;transition:background 80ms;margin-top:8px}.forget-creds-btn:hover{background:#fef2f2}.translate-btn-ctr{position:relative}.translate-split{display:flex;width:100%;border-radius:12px;overflow:hidden}.translate-split .main-btn{flex:1;border-radius:12px 0 0 12px}.translate-split .dropdown-toggle{width:36px;flex-shrink:0;border-radius:0 12px 12px 0;border-left:1px solid rgba(255,255,255,.15);font-size:10px;padding:0;display:flex;align-items:center;justify-content:center}.translate-dropdown{position:absolute;bottom:100%;right:0;z-index:100;min-width:200px;background:var(--ui-bg);border:1px solid var(--ui-rule);border-radius:12px;box-shadow:0 8px 24px #0000001a;display:none;padding:6px;margin-bottom:4px}.translate-dropdown.visible{display:block}.translate-dropdown button{display:flex;width:100%;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--ui-ink);cursor:pointer;font:500 11px/1.3 var(--sans);padding:8px 10px;text-align:left;transition:background 80ms}.translate-dropdown button:hover{background:var(--ui-bg-soft)}.translate-dropdown button:disabled{opacity:.4;cursor:default}.translate-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;font-size:10px;padding:6px 12px;border-radius:8px;white-space:nowrap;font-family:var(--sans);pointer-events:none}.translate-tooltip.visible{display:block}.translate-overlay{position:fixed;right:22px;bottom:22px;z-index:1500;background:var(--ui-bg);border:1px solid var(--ui-rule);border-radius:12px;box-shadow:0 12px 28px #00000024;display:none;align-items:center;gap:10px;padding:10px 12px;font-family:var(--sans);color:var(--ui-ink);pointer-events:auto}.translate-overlay.visible{display:flex}.translate-overlay .label{font-size:13px;font-weight:600}.translate-overlay .sub-label{font-family:var(--mono);font-size:10px;color:var(--ui-ink-muted)}.translate-overlay .progress-bar{width:96px;height:4px;border-radius:2px;background:var(--ui-rule);overflow:hidden}.translate-overlay .progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .2s ease;width:0%}.translate-overlay .cancel-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--ui-rule);background:var(--ui-bg);cursor:pointer;font-size:11px;font-weight:500;color:var(--ui-ink-soft);transition:background 80ms}.translate-overlay .cancel-btn:hover{background:var(--ui-bg-soft)}.screen-progress-badge{position:absolute;top:24px;left:24px;z-index:65;min-width:420px;max-width:calc(100% - 48px);padding:22px 26px;border-radius:24px;background:#1a1a1ad6;color:#fff;font-family:var(--sans);font-size:36px;font-weight:700;line-height:1.1;box-shadow:0 18px 46px #00000038;pointer-events:none;display:none}.screen-progress-badge.visible{display:block}.screen-progress-badge .screen-progress-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-progress-badge .screen-progress-track{display:block;margin-top:18px;height:12px;border-radius:999px;background:#ffffff47;overflow:hidden}.screen-progress-badge .screen-progress-fill{display:block;height:100%;width:0%;background:var(--accent);border-radius:inherit;transition:width .16s ease}.nt-badge{position:absolute;top:24px;right:24px;z-index:60;padding:12px 18px;border-radius:16px;background:#000000ad;color:#fff;font-family:var(--sans);font-size:26px;font-weight:700;line-height:1.1;box-shadow:0 12px 30px #0000002e;pointer-events:none;display:none}.nt-badge.visible{display:block}.translate-img-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--ui-rule)}.translate-img-toggle .toggle-label{font-size:10px;color:var(--ui-ink-muted)}@media(prefers-color-scheme:dark){.dialog-overlay{background:#0000008c}.translate-overlay{background:var(--ui-bg)}.translate-tooltip{background:#333}.forget-creds-btn{border-color:#7f1d1d}.forget-creds-btn:hover{background:#ef44441f}.provider-row input,.provider-row select{color:var(--ui-ink)}}