@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f5f0;--ink:#303b32;--muted:#81847b;--line:#e4e5dc;--accent:#bd6249;--green:#364b3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.03em}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c27b5f;outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.header{max-width:1392px;margin:auto;height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4px}.brand{display:flex;align-items:center;gap:13px;font-size:37px;font-weight:500;letter-spacing:-.09em}.brand span{font-size:12px;letter-spacing:.02em;font-weight:500;border-left:1px solid #bbc0b5;padding-left:14px}.header-note{color:#687565;font-size:12px;display:flex;gap:8px;align-items:center}.header-note i{width:6px;height:6px;border-radius:50%;background:#7a8e71}.quiet{border:0;background:none;color:#72786e;font-size:12px}.quiet span{margin-left:16px}main{max-width:1180px;margin:auto}.intro{padding:54px 0 38px;text-align:center}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:#8b8d7f}.intro h1{font-size:43px;line-height:1.35;font-weight:500;letter-spacing:-.065em;margin:15px 0 16px}.intro h1 br{display:none}.intro h1 em{font-style:normal;color:var(--accent)}.intro p{color:#85867e;font-size:13px;line-height:1.9;margin:0}.mobile-br{display:none}.studio{display:grid;grid-template-columns:minmax(0,1fr) 328px;border:1px solid #dfdfd4;border-radius:16px;overflow:hidden;background:#fffdfa;box-shadow:0 15px 45px #333e3010}.workspace{min-width:0;display:flex;flex-direction:column;background:#eeefe8}.workspace-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #dee1d5}.section-label{font-size:10px;font-weight:600;letter-spacing:.13em;display:flex;align-items:center;gap:8px}.dot{width:5px;height:5px;border-radius:50%;background:#85917a}#file-info{font-size:10px;color:#8b9184;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropzone{min-height:512px;position:relative;flex:1;background-image:radial-gradient(#d8ddcf 1px,transparent 1px);background-size:16px 16px;display:flex;justify-content:center;align-items:center}.dropzone.dragging{box-shadow:inset 0 0 0 3px var(--accent);background-color:#e2e8da}.empty{text-align:center;padding:30px 10px 28px}.photo-art{position:relative;width:207px;height:214px;margin:0 auto 23px}.art-back{position:absolute;top:10px;left:37px;width:139px;height:177px;background:#d4d9c6;transform:rotate(-12deg);border:6px solid #fdfcf8;box-shadow:0 4px 13px #44533c14}.art-front{position:absolute;top:3px;left:39px;width:143px;height:182px;background:#fffdf8;padding:7px;transform:rotate(8deg);box-shadow:0 6px 15px #44533c17}.art-front svg{display:block;width:100%;height:143px;object-fit:cover}.art-front span{display:block;color:#8c8e79;font-size:8px;font-style:italic;letter-spacing:0;margin-top:7px}.art-spark{position:absolute;right:-4px;top:1px;font-size:51px;color:#ad7558}.empty h2{font-size:21px;letter-spacing:-.05em;font-weight:500;margin:0 0 9px}.empty p{font-size:12px;color:#95988c;margin:0 0 23px}.primary{background:var(--green);border:0;border-radius:7px;color:#fff;padding:14px 30px;font-size:12px}.primary:hover{background:#4e6350}.primary span{font-size:17px;margin-right:6px}.empty small{display:block;font-size:9px;color:#969d8e;letter-spacing:.01em;margin-top:12px}.demo{display:block;border:0;background:none;margin:23px auto 0;color:#777e6d;font-size:11px}.demo span{margin-left:7px}.workspace-footer{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-top:1px solid #dee1d5;font-size:10px;color:#8b9281}.workspace-footer span:last-child{font-size:8px;letter-spacing:.13em}.controls{padding:27px 25px 20px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title .eyebrow{font-size:8px;letter-spacing:.14em}.panel-title h2{font-size:20px;font-weight:500;letter-spacing:-.05em;margin:7px 0 0}.small-spark{font-size:30px;color:#b56b4e;font-weight:400}.control-content{flex:1}.tool-tabs{padding:4px;display:flex;background:#f0f0e9;border-radius:7px}.tool-tabs button{width:50%;border:0;background:none;padding:10px 0;font-size:11px;color:#909384;border-radius:5px}.tool-tabs button.active{background:#fffefa;color:#4a5847;box-shadow:0 1px 3px #23302012}.presets{display:flex;gap:5px;margin:23px 0 26px}.presets button{flex:1;white-space:nowrap;font-size:10px;border:1px solid #e8e7df;color:#8b8c7f;background:transparent;border-radius:20px;padding:7px 8px}.presets .selected{border-color:#a3b094;background:#edf0e7;color:#55694c}.slider-group{margin-bottom:25px}.slider-group label{display:flex;justify-content:space-between;font-size:12px;font-weight:500;align-items:center;margin-bottom:12px}.slider-group output{font-family:'DM Sans',sans-serif;color:#8c9281;font-size:11px;font-weight:400;background:#f2f2ec;padding:2px 7px;border-radius:4px;min-width:30px;text-align:center}input[type=range]{width:100%;height:4px;accent-color:#647a55;cursor:pointer;margin:5px 0 7px}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#e4e7db;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:13px;height:13px;background:#657a57;border:3px solid #fff;box-shadow:0 0 0 1px #a4ad97;border-radius:50%}input[type=range]{-webkit-appearance:none;background:transparent}.slider-group p{font-size:10px;color:#a0a193;margin:6px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#aaa99c;margin-top:4px}.reset{border:0;background:none;display:block;margin:17px auto 25px;font-size:10px;color:#969a8c}.download-area{border-top:1px solid #eeede5;padding-top:20px}.download{display:flex;justify-content:center;gap:52px;border:0;background:#b9684e;color:white;width:100%;padding:14px 12px;border-radius:7px;font-size:12px}.download:hover:not(:disabled){background:#a75b43}.download-area p{text-align:center;font-size:9px;color:#a2a093;margin:10px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 15px 51px}.principles>div{position:relative;padding-left:17px;border-left:1px solid #d8dbd0}.principles span{font-size:8px;letter-spacing:.15em;color:#9b9d8b}.principles h3{font-size:13px;font-weight:500;margin:8px 0}.principles p{font-size:11px;color:#939689;margin:0;line-height:1.8}footer{max-width:1392px;margin:auto;padding:24px 4px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#a0a393}footer .brand{font-size:25px;color:#58614f}footer .brand span{font-size:9px}footer>span{font-size:10px;letter-spacing:.01em}footer>span:last-child{font-size:8px;letter-spacing:.13em}.editor{width:100%;padding:20px;align-self:center;position:relative}.image-wrap{position:relative;max-width:100%;margin:auto;line-height:0;touch-action:none;user-select:none}.image-wrap canvas{display:block;width:100%;height:100%;border-radius:3px}.image-wrap #original{position:absolute;left:0;top:0;clip-path:inset(0 50% 0 0);pointer-events:none}.compare-line{position:absolute;width:1px;background:#fff;top:0;bottom:0;left:50%;pointer-events:none;box-shadow:0 0 4px #0003}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#fff;border-radius:50%;color:#42513c;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 2px 10px #0002}.image-tag{position:absolute;top:12px;padding:8px 10px;font-size:9px;line-height:1;background:#fff9;border-radius:4px;pointer-events:none}.tag-before{left:12px}.tag-after{right:12px}.canvas-bottom{margin:16px auto 0;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#8b9281;font-size:10px}.compare-range{display:block;max-width:170px;margin:13px auto 0!important}#brush-preview{display:none;position:absolute;border:1.5px solid white;box-shadow:0 0 0 1px #364b3c90;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.healing .image-wrap{cursor:crosshair}.healing #original,.healing .compare-line,.healing .tag-before,.healing .compare-range{display:none}.tool-description{text-align:center;padding:22px 0 19px}.tool-description>span{font-size:35px;color:#8b9c79}.tool-description h3{font-size:14px;font-weight:500}.tool-description p,.healing-note{font-size:11px;line-height:1.9;color:#969a8a}.undo{display:block;width:100%;background:#f0f2e9;border:1px solid #e0e5d8;padding:10px;border-radius:6px;color:#677459;font-size:11px}.healing-note{text-align:center;font-size:10px;margin-top:17px}.busy{position:absolute;inset:0;background:#eff0e6d9;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;backdrop-filter:blur(3px)}.spinner{width:18px;height:18px;border:2px solid #cad3bf;border-top-color:#657a57;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#344735;color:#fff;padding:14px 23px;border-radius:8px;font-size:12px;box-shadow:0 4px 20px #0002;z-index:20;max-width:90%;width:max-content}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}dialog{border:1px solid #dfe2d4;border-radius:16px;max-width:480px;padding:35px;color:var(--ink);background:#fffefa;box-shadow:0 20px 70px #24351a20}dialog::backdrop{background:#26301d66;backdrop-filter:blur(4px)}#close-help{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none;color:#7d8771}dialog h2{font-size:23px;font-weight:500;margin:15px 0 25px}dialog ol{padding-left:20px}dialog li{padding-left:4px;margin:20px 0;font-size:13px}dialog li p{color:#87907c;font-size:12px;line-height:1.8;margin:6px 0}.help-note{padding:15px;background:#f0f2e9;font-size:11px;line-height:1.9;color:#87907c;border-radius:7px}
@media(min-width:1500px){.intro{padding-top:65px}.studio{margin-top:5px}}@media(max-width:1450px){.header,footer{margin-left:5%;margin-right:5%}main{max-width:1120px;width:90%}.intro{padding-top:42px}.dropzone{min-height:490px}}@media(max-width:900px){.studio{grid-template-columns:minmax(0,1fr) 290px}.controls{padding:22px 18px 18px}.principles{gap:20px}.workspace-bar{padding:0 16px}.workspace-footer{padding:0 15px}.workspace-footer span:last-child{display:none}.intro h1{font-size:36px}.header{height:80px}.header-note{font-size:10px}}@media(max-width:680px){.header{height:73px;margin:0 6%}.header .brand{font-size:31px}.brand span{font-size:10px;padding-left:10px}.header-note{display:none}.quiet{font-size:10px}main{width:90%}.intro{padding:35px 0 29px}.intro .eyebrow{font-size:8px}.intro h1{font-size:31px;margin:12px 0;line-height:1.4}.intro h1 br{display:block}.intro p{font-size:11px;line-height:1.9}.mobile-br{display:block}.studio{grid-template-columns:1fr;border-radius:12px}.workspace-bar{height:44px}.dropzone{min-height:386px}.empty{padding:22px 10px}.photo-art{transform:scale(.8);margin-top:-16px;margin-bottom:-9px}.empty h2{font-size:18px}.empty p{font-size:10px;margin-bottom:17px}.primary{padding:11px 25px;font-size:11px}.demo{margin-top:18px;font-size:10px}.workspace-footer{height:36px;font-size:9px}.workspace-footer span:last-child{display:block;font-size:7px}.controls{padding:22px 23px}.panel-title{margin-bottom:20px}.panel-title h2{font-size:19px}.presets{margin:20px 0 25px}.slider-group{margin-bottom:22px}.reset{margin-bottom:20px}.download-area{padding-top:17px}.download{font-size:12px;gap:60px}.principles{margin:30px 2px 32px;gap:21px;grid-template-columns:1fr}.principles>div{padding-left:13px}.principles span{font-size:7px}.principles h3{margin:5px 0;font-size:12px}.principles p{font-size:10px}footer{padding:20px 0;margin:0 6%;gap:20px;align-items:center}footer>span:last-child{display:none}footer>span{font-size:8px;max-width:130px;line-height:1.7;text-align:right}footer .brand{font-size:24px}footer .brand span{font-size:8px}.editor{padding:13px}.canvas-bottom{font-size:9px}.image-tag{font-size:8px;padding:6px 7px}.tool-description{padding:14px 0}dialog{padding:28px;width:90%}dialog h2{font-size:21px}.dropzone:has(.editor:not([hidden])){min-height:260px}}
/* Editor v2 */
.beta-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#8a907e;margin-top:20px;line-height:1.7}.beta-note>span{background:#e8eddf;color:#61724e;border-radius:4px;padding:3px 7px;font-size:9px;white-space:nowrap}.intro{padding-bottom:30px}.studio{align-items:stretch}.dropzone{display:block;min-height:540px}.dropzone:has(.empty:not([hidden])){display:flex}.controls{padding:25px 22px 20px}.panel-title{margin-bottom:20px}.tool-tabs button{width:33.333%;font-size:10px;padding:10px 0;white-space:nowrap}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.48}.slider-group{margin-bottom:22px}.slider-group.compact{margin-bottom:17px}.presets{margin:22px 0 25px}.editor{padding:12px;width:100%}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 1px 12px}.editor-toolbar button{border:1px solid #dce1d1;border-radius:5px;background:#f9faf5;color:#68775a;min-width:30px;height:30px;padding:0 9px;font-size:10px;white-space:nowrap}.history-tools,.view-tools{display:flex;align-items:center;gap:4px}.history-tools button{font-size:20px;line-height:1}.editor-toolbar button:hover:not(:disabled){background:#e2e9d8}.editor-toolbar button[aria-pressed=true]{background:#607553;color:white;border-color:#607553}#zoom-fit{min-width:48px;font-variant-numeric:tabular-nums}.image-stage{height:470px;position:relative;overflow:hidden;border-radius:5px;background:#dfe4d780;background-image:radial-gradient(#cbd3c2 1px,transparent 1px);background-size:12px 12px;touch-action:none;outline-offset:2px}.image-wrap{position:absolute;max-width:none;margin:0;line-height:0;touch-action:none;user-select:none;pointer-events:none}.image-wrap canvas{border-radius:0;width:100%;height:100%;display:block}#original{pointer-events:none}#selection{position:absolute;inset:0;pointer-events:none}#brush-preview{z-index:6}.compare-line{z-index:4}.image-tag{z-index:7;pointer-events:none;top:10px}.tag-before{left:10px}.tag-after{right:10px}.image-stage{cursor:ew-resize}.editor.is-editing .image-stage{cursor:crosshair}.editor.is-panning .image-stage{cursor:grab}.editor.is-panning .image-stage:active{cursor:grabbing}.editor.is-editing #original,.editor.is-editing .compare-line,.editor.is-editing #before-tag{display:none}.editor.original-view #original{display:block;clip-path:none!important}.editor.original-view #selection,.editor.original-view .compare-line,.editor.original-view #after-tag{display:none}.editor.original-view #before-tag{display:block;opacity:1!important}.editor.original-view .image-stage{cursor:default}.compare-control{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 0;font-size:9px;color:#89917c}.compare-control input{max-width:170px;margin:0}.editor.is-editing .compare-control,.editor.original-view .compare-control{visibility:hidden}.canvas-bottom{font-size:10px;margin:10px 2px 2px;min-height:27px;line-height:1.7}.canvas-bottom #canvas-hint{max-width:75%}.panel-explainer{font-size:11px;color:#929982;line-height:1.8;margin:20px 0 15px}.brush-actions{display:flex;gap:6px;margin:0 0 20px}.brush-actions button,.subtle-button{font-size:10px;background:transparent;border:1px solid #dfe4d5;border-radius:5px;color:#7e8a6e;padding:8px 10px}.brush-actions button{width:50%}.brush-actions button.selected{background:#e9efdf;border-color:#a9b998;color:#596f46}.mask-toggle{display:flex;align-items:center;gap:7px;font-size:10px;color:#859276;margin:0 0 24px}.mask-toggle input{accent-color:#799c52}.mask-toggle span{margin-left:auto;color:#859276;font-size:9px}.tool-description{padding:16px 0 8px}.tool-description>span{font-size:29px}.tool-description h3{margin:8px 0;font-size:14px}.tool-description p{font-size:10px}.healing-note{font-size:10px}.reset{margin:22px auto 18px}#clear-selection{display:block;width:100%;font-size:10px}.load-hint{text-align:center;font-size:10px;color:#99a08c;margin:0 0 15px}.export-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#89947b;margin-bottom:13px}.export-row select{border:1px solid #e1e5d8;border-radius:5px;padding:6px 8px;color:#758167;background:#fafbf6;font:inherit;font-size:10px}.download{gap:30px}.download-area{margin-top:auto}.download-area p{font-size:8px}.controls .control-content{min-height:390px}.workspace-footer{height:40px;font-size:9px}.workspace-footer span:last-child{font-size:8px}.busy{backdrop-filter:blur(1px);background:#eff0e6c9;pointer-events:all}.busy[hidden]{pointer-events:none}#reset-dialog p{font-size:12px;color:#89957b;line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .primary{font-size:11px;padding:10px 15px}.principles{margin-top:32px}button,input,select{touch-action:manipulation}button:disabled:hover{transform:none}
@media(max-width:900px){.image-stage{height:430px}.editor-toolbar{gap:3px}.editor-toolbar button{padding:0 7px;min-width:27px}.controls{padding:22px 16px}.history-tools,.view-tools{gap:3px}.workspace-footer{padding:0 13px}.canvas-bottom{font-size:9px}}@media(max-width:680px){.beta-note{font-size:8px;gap:5px;margin-top:16px}.beta-note>span{font-size:8px;padding:2px 5px}.intro{padding-bottom:25px}.dropzone{min-height:390px}.editor{padding:10px}.image-stage{height:380px}.editor-toolbar{padding-bottom:10px}.editor-toolbar button{height:31px;padding:0 9px}.history-tools,.view-tools{gap:4px}.controls{padding:22px}.controls .control-content{min-height:0}.panel-title{margin-bottom:17px}.tool-tabs button{font-size:11px}.download-area{padding-top:16px}.slider-group.compact{margin-bottom:19px}.workspace-footer span:last-child{display:block;font-size:7px}.workspace-footer{font-size:8px}.canvas-bottom{margin-top:7px}.editor-toolbar #original-toggle{font-size:9px;padding:0 7px}.principles{margin-top:25px}.editor:has(#image-stage){align-self:auto}.dropzone:has(.editor:not([hidden])){min-height:0}.image-tag{font-size:8px}.panel-explainer{font-size:11px}}
@media(max-width:365px){.editor-toolbar button{padding:0 6px;min-width:25px}.history-tools,.view-tools{gap:2px}.beta-note{flex-wrap:wrap;max-width:245px;margin-left:auto;margin-right:auto}.image-stage{height:340px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation-duration:2s}}
/* Keep the three editing modes close at hand on a small screen. */
@media(max-width:680px){.studio{display:flex;flex-direction:column;overflow:clip}.controls,.controls .control-content{display:contents}.panel-title{display:none}.tool-tabs{order:1;margin:12px 12px 0;position:sticky;top:8px;z-index:10;box-shadow:0 2px 8px #33442610}.workspace{order:2;margin-top:12px}.controls fieldset{order:3;padding:20px 22px 0}.load-hint{order:4;margin:0 20px 18px}.download-area{order:5;margin:0 22px 22px;padding-top:16px}}