:root{--ink:#20202a;--muted:#6d6c7c;--line:#e9e8f0;--violet:#7557ff;--soft:#f7f5ff;--success:#42c96d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Malgun Gothic",sans-serif}.site-header{height:68px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);padding:0 max(20px,calc((100% - 1220px)/2));position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:5}.logo{color:var(--ink);font-weight:900;font-size:25px;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;margin-right:5px;color:#fff;background:linear-gradient(135deg,#ff9b45,#7557ff);font-size:14px}.desktop-nav{display:flex;gap:24px;flex:1}.desktop-nav a,.guide-link{font-size:14px;color:#3b3a47;text-decoration:none}.header-actions{display:flex;align-items:center;gap:17px}.login-button{border:1px solid #dddbe7;background:#fff;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:700;color:#34333e}.tool-tabs{display:flex;gap:5px;max-width:1020px;margin:27px auto 0;padding:0 18px;overflow-x:auto;scrollbar-width:none}.tool-tab{background:#fff;border:0;border-radius:9px;padding:11px 16px;white-space:nowrap;color:#605e6d;font-size:14px;cursor:pointer}.tool-tab.active{background:#ede9ff;color:#5a3ee3;font-weight:800}.hero{text-align:center;padding:45px 20px 25px}.eyebrow{margin:0;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1.1px}.hero h1{font-size:48px;letter-spacing:-3px;margin:10px 0}.tool-description{margin:0;color:var(--muted);font-size:17px}.upload-card{max-width:1020px;min-height:365px;margin:40px auto 0;border:2px dashed #c7baff;border-radius:20px;background:linear-gradient(135deg,#7557ff,#987cfb);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.upload-card.dragging{transform:scale(1.01);background:linear-gradient(135deg,#5d3ff3,#8c6cff)}.upload-visual{font-size:62px;line-height:1;margin-bottom:24px}.select-button{border:0;border-radius:10px;background:#fff;color:#282634;font-weight:800;font-size:17px;padding:16px 25px;cursor:pointer;box-shadow:0 4px 14px #46309435}.select-button span{margin-left:19px;font-size:19px}.upload-card p{font-weight:700;margin:20px 0 8px}.upload-card small{opacity:.85}.error-message{min-height:18px;color:#d7444f;font-size:13px;margin:10px}.trust-row{max-width:1020px;margin:0 auto;padding:26px 10px 45px;display:flex;justify-content:space-between;gap:20px}.trust-row div{display:flex;align-items:center;gap:9px;font-size:14px}.trust-row span{color:#fff;background:var(--success);font-size:11px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.workspace{max-width:1120px;margin:25px auto 70px;padding:0 20px}.hidden{display:none}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.workspace-heading h2{font-size:28px;letter-spacing:-1px;margin:5px 0 0}.text-button{border:0;background:transparent;text-decoration:underline;color:#575465;font-size:13px;cursor:pointer}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.preview-panel,.settings-panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}.image-stage{min-height:430px;display:grid;place-items:center;background:repeating-conic-gradient(#f2f2f5 0 25%,#fff 0 50%) 50%/20px 20px;border-radius:10px;overflow:hidden}.image-stage canvas{max-width:100%;max-height:560px;object-fit:contain}.image-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:13px 4px 0}.settings-panel h3{margin:0 0 17px;font-size:18px}.settings-panel label{display:block;font-size:13px;font-weight:700;margin:15px 0}.settings-panel input,.settings-panel select{width:100%;margin-top:7px;font-size:15px}.settings-panel select,.number-input{border:1px solid #dcdbe5;border-radius:8px;padding:10px;background:#fff}.settings-panel input[type=range]{accent-color:var(--violet)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-grid button{border:1px solid #e2defb;border-radius:8px;color:#5138c9;background:#f7f5ff;padding:10px;font-weight:700;font-size:12px;cursor:pointer}.reset-button,.download-button{width:100%;border-radius:9px;padding:13px;border:0;font-size:14px;font-weight:800;cursor:pointer}.reset-button{background:#f1eff8;color:#464353;margin-top:18px}.download-button{background:var(--violet);color:#fff;margin-top:9px}.info-grid{max-width:1020px;margin:0 auto 70px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-grid article{padding:25px;border:1px solid var(--line);border-radius:15px}.info-grid h2,.faq h2{font-size:19px;letter-spacing:-.7px}.info-grid article p:last-child{font-size:14px;line-height:1.7;color:var(--muted)}.faq{max-width:780px;margin:0 auto 80px;padding:0 20px}.faq h2{font-size:27px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:14px;line-height:1.7}footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:30px 20px 45px;display:flex;align-items:center;gap:20px}footer p{font-size:13px;color:var(--muted);flex:1}footer div{display:flex;gap:15px}footer div a{font-size:12px;color:var(--muted);text-decoration:none}@media(max-width:700px){.site-header{height:61px;padding:0 16px;gap:12px}.desktop-nav,.guide-link{display:none}.header-actions{margin-left:auto}.logo{font-size:22px}.login-button{padding:8px 11px}.tool-tabs{margin-top:11px;padding:0 12px;gap:3px}.tool-tab{padding:10px 13px;font-size:13px}.hero{padding:30px 16px 15px}.hero h1{font-size:34px;letter-spacing:-2px}.tool-description{font-size:15px;line-height:1.55}.upload-card{min-height:355px;margin-top:28px;border-radius:16px}.upload-visual{font-size:55px}.trust-row{padding:19px 20px 45px;display:grid;grid-template-columns:1fr;gap:13px}.trust-row div{font-size:13px}.workspace{padding:0 12px;margin:10px auto 50px}.workspace-heading h2{font-size:23px}.editor-grid{grid-template-columns:1fr}.image-stage{min-height:290px}.settings-panel{padding:18px}.info-grid{grid-template-columns:1fr;padding:0 16px;margin-bottom:50px}.info-grid article{padding:20px}.faq{margin-bottom:55px;padding:0 16px}footer{margin:0 16px;display:block;padding:25px 0 35px}footer p{margin:12px 0}footer div{flex-wrap:wrap;gap:12px}.two-cols{gap:8px}}
.image-stage{position:relative}.crop-overlay{position:absolute;inset:0;pointer-events:none}.crop-box{position:absolute;border:2px solid #7557ff;box-shadow:0 0 0 9999px #17131b80;pointer-events:auto;touch-action:none;cursor:move}.crop-handle{position:absolute;width:18px;height:18px;border:3px solid #7557ff;border-radius:50%;background:#fff;touch-action:none}.handle-nw{left:-10px;top:-10px;cursor:nwse-resize}.handle-ne{right:-10px;top:-10px;cursor:nesw-resize}.handle-sw{left:-10px;bottom:-10px;cursor:nesw-resize}.handle-se{right:-10px;bottom:-10px;cursor:nwse-resize}@media(max-width:700px){.crop-handle{width:26px;height:26px;border-width:4px}.handle-nw{left:-14px;top:-14px}.handle-ne{right:-14px;top:-14px}.handle-sw{left:-14px;bottom:-14px}.handle-se{right:-14px;bottom:-14px}}
.hero{isolation:isolate}.hero-decor{position:absolute;z-index:-1;width:210px;height:auto;right:max(2%,calc((100% - 1350px)/2));top:15px;filter:drop-shadow(0 14px 22px #7252ba25);pointer-events:none}.hero h1{font-size:clamp(34px,4vw,54px);font-weight:750;letter-spacing:-.055em}.hero .eyebrow{letter-spacing:.04em}.tool-tabs{position:relative;z-index:1}.tool-tab{border:1px solid #ece8f6;background:#ffffffdc}.tool-tab.active{border-color:#cfc5ff;box-shadow:0 4px 12px #7557ff17}.upload-card{background:linear-gradient(135deg,#6c56e9,#9778f1 72%,#b790ef);box-shadow:0 20px 50px #6e52ce30}.trust-row{position:relative;z-index:1}.quality-label strong{float:right;color:#5d45d1;font-size:14px}.quality-info{margin:10px 0 16px;background:#f4f1ff;border:1px solid #e8e0ff}.quality-info strong{color:#5d45d1}.quality-info small{display:block;margin-top:6px;color:#6a6578;font-size:12px}.check-label{display:flex!important;align-items:center;gap:7px}.check-label input{width:auto!important;margin:0!important}.crop-box.resize-box{box-shadow:none;cursor:default}.resize-box .crop-handle{cursor:nwse-resize}.settings-panel button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}@media(max-width:700px){.hero-decor{width:104px;right:4px;top:13px;opacity:.76}.hero h1{max-width:82%;margin:10px auto;font-size:34px}.trust-row div{box-shadow:0 5px 18px #7557ff12}.quality-info{font-size:12px}}
.hero-decor{max-width:20vw}@media(max-width:700px){.hero-decor{width:76px;max-width:none;top:120px;right:8px;opacity:.58}}
:root{--peach:#fff1e9}body{font-family:"Pretendard Variable","Pretendard","SUIT","Noto Sans KR","Malgun Gothic",sans-serif;background:radial-gradient(circle at 8% 15%,#fff0e8 0,transparent 23%),radial-gradient(circle at 91% 28%,#eee8ff 0,transparent 25%),#fff}.hero{position:relative}.hero:before,.hero:after{content:"✦";position:absolute;color:#d8c9ff;font-size:28px}.hero:before{left:12%;top:24px}.hero:after{right:13%;bottom:22px;color:#ffbc93}.trust-row div{background:#fff;border:1px solid #ebe5fb;border-radius:16px;padding:14px 16px;flex:1;box-shadow:0 8px 22px #7557ff0d}.trust-row p{margin:0}.trust-row b{display:block;font-size:15px}.trust-row small{display:block;color:#777487;margin-top:4px;font-size:12px}.text-button{border:1px solid #d6caff;background:#f7f4ff;border-radius:9px;padding:10px 14px;text-decoration:none;color:#5b42ce;font-weight:800}.quality-info{margin:12px 0;padding:12px;border-radius:10px;background:#f7f4ff;color:#4b4759;font-size:13px;line-height:1.6}.quality-info b{color:#5c42d7}.quality-info .result{font-weight:800;color:#5c42d7}.mode-switch,.auto-enhance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mode-switch button,.auto-enhance button{border:1px solid #ddd2ff;border-radius:9px;padding:11px;background:#faf8ff;color:#5b42ce;font-weight:800;cursor:pointer}.mode-switch .active,.auto-enhance .primary{background:#7557ff;color:#fff}.auto-enhance{display:block}.auto-enhance button{width:100%;margin:4px 0}.auto-enhance button:disabled{background:#f0eef5;color:#9692a2;border-color:#e7e4ec;cursor:not-allowed}.ai-note{font-size:12px;color:#878394;margin:5px 0 12px}.settings-panel{box-shadow:0 12px 35px #34245c0b}.upload-card{box-shadow:0 18px 45px #7557ff2b}