@font-face{font-family:inter;src:url(../media/inter_latin-s.p.0q-301v4kxxnr.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_aaff7f75-module__wXQFDa__className{font-family:inter,inter Fallback;font-style:normal}.inter_aaff7f75-module__wXQFDa__variable{--font-inter:"inter", "inter Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--surface:#242424;--control:#c4c4c4;--control-hover:#dadada;--control-active:#f2f2f2;--media:#d9d9d9;--media-line:#b9b9b9;--text:#111;--muted:#858585;--scale:min(.0520833vw, .0925926vh)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{background:var(--surface);color:var(--text);font-family:var(--font-inter), Inter, Arial, sans-serif;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.fa-icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}button:focus-visible,input:focus-visible{outline:calc(2 * var(--scale)) solid #fff;outline-offset:calc(3 * var(--scale))}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100vw;height:100vh;min-height:calc(1080 * var(--scale));grid-template-columns:calc(460 * var(--scale)) minmax(0, 1fr) calc(460 * var(--scale));background:var(--surface);grid-template-areas:"tools workspace lines";display:grid;overflow:hidden}.desktop-required{display:none}.control-rail{min-width:0;height:100%;padding:calc(80 * var(--scale)) 0 calc(80 * var(--scale)) calc(76 * var(--scale));background:var(--surface);flex-direction:column;grid-area:tools;justify-content:flex-start;display:flex}.control-rail h2,.line-rail h2{color:#bdbdbd;font-size:calc(14 * var(--scale));margin:0;font-weight:400;line-height:1}.tool-list{gap:calc(12 * var(--scale));margin-top:calc(17 * var(--scale));flex-direction:column;display:flex}.control-button{width:calc(180 * var(--scale));height:calc(56 * var(--scale));grid-template-columns:calc(48 * var(--scale)) 1fr;padding:0 calc(22 * var(--scale));border:calc(1 * var(--scale)) solid transparent;border-radius:calc(8 * var(--scale));background:var(--control);color:var(--text);cursor:pointer;font-size:calc(18 * var(--scale));text-align:left;align-items:center;font-weight:400;line-height:1;transition:background .12s,border-color .12s;display:grid}.control-button:hover:not(:disabled){background:var(--control-hover)}.control-button.active,.control-button.active:hover,.control-button:active:not(:disabled){background:var(--control-active);border-color:#fff}.control-button .fa-icon{font-size:calc(24 * var(--scale));justify-self:start}.tool-button .fa-scissors{font-size:calc(25 * var(--scale))}.tool-button .fa-less-than{margin-left:calc(1 * var(--scale));font-size:calc(23 * var(--scale))}.tool-button .fa-bezier-curve{font-size:calc(24 * var(--scale))}.line-section{margin-top:calc(36 * var(--scale))}.line-rail{min-width:0;height:100%;padding-top:calc(80 * var(--scale));background:var(--surface);flex-direction:column;grid-area:lines;justify-content:flex-start;align-items:center;display:flex}.line-rail .line-section{margin-top:0}.line-rail .eraser-heading{margin-top:calc(36 * var(--scale))}.slider-card{width:calc(384 * var(--scale));height:calc(86 * var(--scale));margin-top:calc(22 * var(--scale));padding:calc(16 * var(--scale)) calc(40 * var(--scale)) calc(15 * var(--scale));border-radius:calc(8 * var(--scale));color:var(--text);cursor:pointer;font-size:calc(18 * var(--scale));background:#bdbdbd;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;line-height:1;display:grid;position:relative}.slider-card+.slider-card{margin-top:calc(16 * var(--scale))}.slider-card output{justify-self:end}.slider-card input[type=range]{--range-progress:100%;width:100%;height:calc(18 * var(--scale));appearance:none;background:linear-gradient(90deg, #111 0 var(--range-progress), #fff var(--range-progress) 100%) center / 100% calc(2 * var(--scale)) no-repeat;border:0;border-radius:0;outline:none;grid-column:1/-1;align-self:end;margin:0}.slider-card input[type=range]::-webkit-slider-thumb{width:calc(10 * var(--scale));height:calc(10 * var(--scale));appearance:none;cursor:grab;background:#111;border:0;border-radius:50%}.slider-card input[type=range]::-moz-range-thumb{width:calc(10 * var(--scale));height:calc(10 * var(--scale));cursor:grab;background:#111;border:0;border-radius:50%}.history-section{margin-top:auto}.history-button{margin-top:0}.history-button+.history-button{margin-top:calc(16 * var(--scale))}.history-button .fa-icon{font-size:calc(23 * var(--scale))}.export-button:disabled{cursor:default;opacity:.45}.work-area{background:var(--surface);grid-area:workspace;min-width:0;height:100%;position:relative}.media-panel{width:min(calc(970 * var(--scale)), calc(100% - calc(32 * var(--scale))));height:calc(920 * var(--scale));top:calc(80 * var(--scale));border-radius:calc(14 * var(--scale));background:var(--media);position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.file-error{max-width:calc(720 * var(--scale));min-height:calc(44 * var(--scale));z-index:10;top:calc(16 * var(--scale));align-items:center;gap:calc(10 * var(--scale));padding:calc(10 * var(--scale)) calc(16 * var(--scale));border-radius:calc(8 * var(--scale));color:#fff;font-size:calc(14 * var(--scale));text-align:left;background:#111;line-height:1.35;display:flex;position:absolute;left:50%;transform:translate(-50%)}.file-error .fa-icon{flex:none}.upload-boundary{inset:calc(44 * var(--scale));border:calc(1.5 * var(--scale)) dashed var(--media-line);place-items:center;transition:border-color .12s;display:grid;position:absolute}.drop-active .upload-boundary{border-color:#111}.upload-content{transform:translateY(calc(24 * var(--scale)));color:var(--text);text-align:center;flex-direction:column;align-items:center;display:flex}.upload-icon{margin-bottom:calc(38 * var(--scale));font-size:calc(32 * var(--scale))}.upload-content h1{font-size:calc(26 * var(--scale));letter-spacing:calc(-.4 * var(--scale));margin:0;font-weight:400;line-height:1.2}.upload-content p{margin:calc(8 * var(--scale)) 0 0;color:var(--muted);font-size:calc(16 * var(--scale));font-weight:400;line-height:1}.upload-content .privacy-note{max-width:calc(520 * var(--scale));justify-content:center;align-items:center;gap:calc(8 * var(--scale));margin-top:calc(18 * var(--scale));color:#5f5f5f;font-size:calc(13 * var(--scale));line-height:1.35;display:flex}.privacy-note .fa-icon{flex:none}.privacy-note+.browse-button{margin-top:calc(28 * var(--scale))}.browse-button{width:calc(176 * var(--scale));height:calc(56 * var(--scale));margin-top:calc(42 * var(--scale));border:calc(1 * var(--scale)) solid #111;border-radius:calc(8 * var(--scale));color:var(--text);cursor:pointer;font-size:calc(18 * var(--scale));background:0 0;font-weight:400;transition:background .12s}.browse-button:hover{background:#ffffff59}.browse-button:active{background:#ffffff8c}.editor-stage{justify-content:center;align-items:center;gap:calc(16 * var(--scale));width:100%;height:100%;padding:calc(32 * var(--scale));flex-direction:column;display:flex}.editor-controls{width:calc(320 * var(--scale));height:calc(48 * var(--scale));z-index:6;grid-template-columns:calc(48 * var(--scale)) calc(64 * var(--scale)) calc(48 * var(--scale)) minmax(0, 1fr);border-radius:calc(8 * var(--scale));background:var(--control);flex:none;justify-content:center;align-items:center;display:grid;position:relative;overflow:hidden}.editor-controls button{height:100%;color:var(--text);cursor:pointer;font-size:calc(16 * var(--scale));background:0 0;border:0}.editor-controls button:hover:not(:disabled){background:var(--control-hover)}.editor-controls button:active:not(:disabled){background:var(--control-active)}.editor-controls button:disabled{cursor:default;opacity:.35}.editor-controls output{font-size:calc(14 * var(--scale));text-align:center}.replace-photo-button{justify-content:center;align-items:center;gap:calc(8 * var(--scale));min-width:0;padding:0 calc(14 * var(--scale));white-space:nowrap;display:flex;border-left:calc(1 * var(--scale)) solid #1111112e!important}.replace-photo-button span{text-overflow:ellipsis;overflow:hidden}.canvas-frame{--zoom:1;--pan-x:0;--pan-y:0;width:min(100%, calc(var(--canvas-ratio) * 792 * var(--scale)));max-height:calc(792 * var(--scale));aspect-ratio:var(--canvas-ratio);transform:translate(calc(var(--pan-x) * 1%), calc(var(--pan-y) * 1%)) scale(var(--zoom));transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;background:#111;position:relative;overflow:hidden}.canvas-frame.pan-enabled{cursor:move}.canvas-frame img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.grid-overlay,.endpoint-layer{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.grid-line{pointer-events:none}.grid-hit-area{pointer-events:stroke}.tool-move .grid-hit-area{cursor:move}.tool-corner .grid-hit-area,.tool-curve .grid-hit-area{cursor:crosshair}.tool-cut .grid-hit-area,.tool-frame-eraser,.tool-frame-eraser .grid-hit-area{cursor:none}.bezier-guide{stroke:#ffffffb3;stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.bezier-control{fill:#fff;stroke:#111;stroke-width:1px;pointer-events:none}.anchor-control{fill:#111;stroke:#fff;stroke-width:1px;pointer-events:none}.control-hit{fill:#0000;stroke:#0000;pointer-events:all;cursor:grab}.endpoint-layer{pointer-events:none}.endpoint-control{width:calc(30 * var(--scale));height:calc(30 * var(--scale));border:calc(1 * var(--scale)) solid #111;color:#111;pointer-events:auto;font-size:calc(14 * var(--scale));background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.endpoint-control.horizontal{cursor:ew-resize}.endpoint-control.vertical{cursor:ns-resize}.cut-cursor,.eraser-cursor{z-index:4;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.cut-cursor{width:calc(26 * var(--scale));height:calc(26 * var(--scale));border:calc(1 * var(--scale)) solid #111;color:#111;font-size:calc(13 * var(--scale));background:#fff;border-radius:50%;place-items:center;display:grid}.eraser-cursor{background:#ffffff1f;border:2px solid #fff;border-radius:50%}.export-button{margin-top:calc(16 * var(--scale))}.export-button:hover{background:var(--control-hover)}.export-button .fa-icon{font-size:calc(22 * var(--scale))}@media (max-aspect-ratio:4/3){:root{--scale:min(.0724638vw, .0925926vh)}body{overflow:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex;overflow:auto}.control-rail{justify-content:normal;gap:calc(28 * var(--scale));width:100%;height:auto;padding:calc(32 * var(--scale));grid-template-columns:1fr 1fr;display:grid}.line-rail{width:100%;height:auto;padding:0 calc(32 * var(--scale)) calc(32 * var(--scale));display:block}.line-rail .line-section{gap:calc(16 * var(--scale));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.line-rail .line-section h2{grid-column:1/-1}.line-rail .eraser-heading{margin-top:0}.line-rail .eraser-heading+.slider-card{grid-column:1/-1}.line-rail .slider-card,.line-rail .slider-card+.slider-card{margin-top:0}.tool-list{grid-template-columns:1fr 1fr;display:grid}.control-button,.slider-card{width:100%}.line-section,.history-section{margin-top:0}.work-area{min-height:calc(780 * var(--scale));flex:1}.media-panel{width:calc(970 * var(--scale));max-width:calc(100% - calc(64 * var(--scale)));height:calc(650 * var(--scale));top:calc(32 * var(--scale));left:50%;transform:translate(-50%)}.canvas-frame{width:min(100%, calc(var(--canvas-ratio) * 522 * var(--scale)));max-height:calc(522 * var(--scale))}}@media (max-width:720px){:root{--scale:1px}.control-rail{grid-template-columns:1fr;padding:20px}.line-rail{padding:0 20px 20px}.control-rail h2,.line-rail h2{font-size:13px}.tool-list{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.control-button{text-align:center;grid-template-columns:1fr;justify-items:center;height:46px;padding:0 8px;font-size:12px}.control-button .fa-icon{display:none}.line-rail .line-section{grid-template-columns:1fr 1fr;gap:8px}.line-section h2,.line-section .slider-card:last-of-type{grid-column:1/-1}.slider-card{height:74px;margin-top:4px;padding:14px 18px;font-size:14px}.history-section{grid-template-columns:1fr 1fr;gap:8px;display:grid}.history-button,.history-button+.history-button{width:100%;margin-top:4px}.export-button{grid-column:1/-1;width:100%;margin-top:4px}.work-area{min-height:580px}.media-panel{width:calc(100% - 32px);max-width:none;height:460px;top:16px}.file-error{border-radius:8px;gap:8px;width:calc(100% - 32px);max-width:none;min-height:44px;padding:10px 12px;font-size:12px;top:12px}.upload-boundary{inset:18px}.upload-content h1{max-width:270px;font-size:19px}.upload-content p{font-size:13px}.upload-content .privacy-note{gap:7px;max-width:270px;margin-top:14px;font-size:11px}.upload-icon{margin-bottom:24px;font-size:26px}.browse-button{width:150px;height:48px;margin-top:30px;font-size:15px}.editor-stage{padding:18px}.editor-controls{grid-template-columns:44px 64px 44px minmax(0,1fr);width:min(100%,320px);height:44px}.canvas-frame{width:min(100%, calc(var(--canvas-ratio) * 360px));max-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse) and (max-width:1024px){body{background:var(--surface);overflow:auto}.app-shell{display:none}.desktop-required{background:var(--surface);place-items:center;width:100%;min-height:100svh;padding:24px;display:grid}.desktop-required-card{border:1px solid var(--media-line);background:var(--media);width:min(100%,420px);color:var(--text);text-align:center;border-radius:14px;padding:44px 30px}.desktop-required-card h1{letter-spacing:-.4px;margin:0;font-size:26px;font-weight:500;line-height:1.2}.desktop-required-card p{color:#5f5f5f;max-width:320px;margin:14px auto 0;font-size:15px;line-height:1.5}}