body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-500:#8b5cf6;--text-muted:#334155}*{box-sizing:border-box}.main-wrap{background:#f8fafc;background:var(--surface-2);color:#0f172a;color:var(--text-strong);display:flex;flex-direction:column;min-height:100vh}.main-hero{background-image:linear-gradient(135deg,#6d28d9,#7c3aed 50%,#8b5cf6);background-image:linear-gradient(135deg,var(--violet-700) 0,var(--violet-600) 50%,var(--violet-500) 100%);color:#fff;overflow:hidden;padding-bottom:80px;position:relative}.main-nav{justify-content:space-between;margin:0 auto;max-width:1120px;padding:16px 20px}.main-nav,.nav-left{align-items:center;display:flex}.nav-left{gap:12px}.nav-logo{height:clamp(28px,4vw,40px);object-fit:contain;width:auto}.brand{font-size:clamp(18px,2.8vw,22px);font-weight:700;letter-spacing:.4px}.hero-content{margin:28px auto 0;max-width:1120px;padding:0 20px;text-align:left}.hero-title{font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.05;margin:0}.hero-subtitle{font-size:clamp(14px,2.4vw,18px);margin-top:10px;opacity:.95}.services{margin:0 auto 160px;max-width:1120px;padding:0 20px;width:100%}.section-title{color:#0f172a;color:var(--text-strong);font-size:20px;margin-bottom:14px;padding-left:4px}.service-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 24px #0206170f;display:flex;flex-direction:column;padding:18px;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.service-card:hover{border-color:#7c3aed59;box-shadow:0 10px 28px #0206171a;transform:translateY(-2px)}.service-card.is-disabled{opacity:.75}.service-icon{background:#7c3aed1f;border-radius:14px;color:#7c3aed;color:var(--violet-600);display:grid;height:56px;margin-bottom:12px;place-items:center;width:56px}.service-icon-qr svg{fill:currentColor;color:currentColor}.service-name{font-size:18px;font-weight:700;margin:4px 0}.service-desc{color:#334155;color:var(--text-muted);font-size:14px;margin:0 0 14px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn-primary{background:#7c3aed;background:var(--violet-600);box-shadow:0 6px 16px #7c3aed5c}.btn-primary:hover{background:#6a2ee4;box-shadow:0 8px 18px #7c3aed70;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0}.btn-secondary:disabled{cursor:not-allowed;opacity:.75}.btn-icon svg{fill:currentColor;display:block}@media (max-width:960px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.service-grid{grid-template-columns:1fr}.hero-content{text-align:left}}.main-footer{border-top:1px solid #0f172a14;border-top:1px solid var(--border);font-size:.85rem;opacity:.7;padding:16px;text-align:center}.service-card--compress,.service-card--shorten,.service-card--url,.service-card--url-shortener,.service-card[data-service=compress],.service-card[data-service=shorten],.service-card[data-service=url]{display:none!important}.service-card.is-coming-soon{position:relative}.service-card.is-coming-soon:after{background:#0f172ae6;border-radius:999px;color:#fff;content:"준비중";font-size:12px;letter-spacing:.2px;padding:4px 8px;position:absolute;right:12px;top:10px}.service-card.is-coming-soon .btn-primary,.service-card.is-coming-soon .btn-secondary{opacity:.6;pointer-events:none}.service-card--watermark .service-name:after{color:#7c3aed;color:var(--violet-600);content:" · 추가 준비중";font-size:.9em;font-weight:700;margin-left:6px}.generator-card{max-width:720px}.form{display:block}.input-row{align-items:center;display:flex;gap:8px}.input-row input[type=text]{background:#0000;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;color:inherit;flex:1 1;font-size:15px;min-width:0;outline:none;padding:.75rem 1rem}.input-row input[type=text]:focus{border-color:#4f46e5;border-color:var(--brand-600);box-shadow:0 0 0 3px #4f46e51f}.generate-btn{background:#4f46e5;background:var(--brand-600);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1rem;transition:background .2s ease,transform .06s ease;white-space:nowrap}.generate-btn:hover{background:#4338ca;background:var(--brand-700)}.generate-btn:active{transform:scale(.98)}.options-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.field{background:#0000;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.field.switch{align-items:center;display:flex;justify-content:space-between}.form-label{color:#475569;color:var(--text-muted);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.field input[type=range]{width:100%}.field input[type=color]{border:none;padding:0}.field input[type=color],.field select{background:#0000;height:38px;width:100%}.field select{border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;color:inherit}.hint{color:#475569;color:var(--text-muted);font-size:12px;margin-top:6px}.preview-card{text-align:center}.qr-wrap{background:#f8fafc;background:var(--surface-2);border:1px dashed #0f172a14;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center}.qr-url{color:#475569;color:var(--text-muted);font-size:13px;margin:10px 0 0;word-break:break-all}.btn-secondary{background:#0000;color:inherit}@media (min-width:640px){.options-row{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-only{clip:auto!important;border:0!important;-webkit-clip-path:none!important;clip-path:none!important;color:inherit;display:block!important;font-size:clamp(18px,3.6vw,22px);font-weight:800;height:auto!important;margin:8px 0 0!important;overflow:visible!important;padding:0!important;position:static!important;white-space:normal!important;width:auto!important}}.canvas-wrap{background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;display:grid;padding:12px;place-items:center}.canvas-wrap canvas{display:block;height:auto;max-width:100%}.placeholder{font-size:14px;margin:12px 0 0}.input-row .text-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;caret-color:currentColor;color:inherit;display:block;font:inherit;font-size:16px;line-height:1.4;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input-row .text-input:hover{border-color:#9ca3af}.input-row .text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.input-row .text-input:disabled,.input-row .text-input[aria-disabled=true]{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-row .text-input::placeholder{color:#9ca3af;opacity:1}.input-row .text-inputtextarea{min-height:40px;overflow:hidden;padding-block:10px;resize:none;white-space:pre-wrap;word-break:break-word}.dark .input-row .text-input{background-color:#111827;border-color:#374151;color:#e5e7eb}.dark .input-row .text-input:hover{border-color:#4b5563}.dark .input-row .text-input::placeholder{color:#9ca3af}.dark .input-row .text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa59}:root{--surface:#fff;--surface-2:#f8fafc;--text-strong:#0f172a;--text-muted:#475569;--brand:#4f46e5;--brand-600:#4f46e5;--brand-700:#4338ca;--border:#0f172a14;--card-shadow:0 8px 24px #0206170f}.App{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;min-height:100vh}.App,.App.dark{background:#f8fafc;background:var(--surface-2);color:#0f172a;color:var(--text-strong)}.App.dark{--surface:#1f2937;--surface-2:#0b1220;--text-strong:#e5e7eb;--text-muted:#cbd5e1;--border:#94a3b833}.app-bar{background:#fff;background:var(--surface);border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);position:relative}.app-bar__inner{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:960px;padding:12px 16px}.brand-link{color:inherit;font-size:clamp(18px,5vw,24px);font-weight:800;letter-spacing:.2px;line-height:1.05;text-decoration:none}.mode-toggle{background:#4f46e5;background:var(--brand-600);border:none;border-radius:9999px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s ease}.mode-toggle:hover{background:#4338ca;background:var(--brand-700)}.container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:16px}.exif-container{align-items:stretch;gap:12px}.generator-card{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0206170f;box-shadow:var(--card-shadow);max-width:980px;padding:18px;width:100%}.panel-left{flex:1 1;min-width:0}.panel-right{flex:2 1;min-width:0}.section-title{margin:0}.section-title.small{font-size:14px;margin-bottom:8px;margin-top:16px}.upload-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.btn{background:#f8fafc;background:var(--surface-2);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-strong);cursor:pointer;line-height:1.2;padding:8px 12px;white-space:nowrap}.btn-primary{background:#4f46e5;background:var(--brand-600);border:1px solid #4338ca;border:1px solid var(--brand-700);color:#fff}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-strong);cursor:pointer;font-weight:600;line-height:1.2;padding:8px 12px;white-space:nowrap}#drop-zone,.btn-secondary{background:#f8fafc;background:var(--surface-2)}#drop-zone{border:1px dashed #0f172a14;border:1px dashed var(--border);border-radius:12px;color:#475569;color:var(--text-muted);margin-bottom:10px;padding:16px;text-align:center}#drop-zone.dragover{background:#4f46e514;border-color:#4f46e5;border-color:var(--brand-600)}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.preview-size-control{align-items:center;display:flex;gap:8px;min-width:220px}.preview-size-control input[type=range]{flex-grow:1;width:160px}#preview-size-value{color:#475569;color:var(--text-muted);font-size:12px}.qr-wrap{padding:12px}.preview-img{background:#f8fafc;background:var(--surface-2);border-radius:8px;display:block;max-width:100%;object-fit:contain}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.actions.end{justify-content:flex-end}.actions button{background:#4f46e5;background:var(--brand-600);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:.7rem 1rem;transition:background .2s ease,transform .06s ease}.actions button:hover{background:#4338ca;background:var(--brand-700)}.actions button:active{transform:scale(.98)}#image-list{list-style:none;margin:0;max-height:360px;overflow-y:auto;padding:0}.file-row{grid-gap:8px;align-items:start;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr auto;padding:8px}.file-row.selected{background:#4f46e514}.file-name{word-break:break-word}.tabs{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;list-style:none;margin:0 0 10px;padding:0}.tabs li{background:#f8fafc;background:var(--surface-2);border:1px solid #0f172a14;border-bottom:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;margin-right:6px;padding:6px 12px}.tabs li.active{background:#fff;background:var(--surface);border-bottom:none;font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.metadata-section{grid-gap:16px;display:grid;gap:16px}.label-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.label-strong{font-weight:700;margin-right:auto}.mono-box{color:#0f172a;color:var(--text-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.4;max-height:280px;overflow:auto;padding:12px}.mono-box,.textarea-readonly{background:#f8fafc;background:var(--surface-2);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;white-space:pre-wrap;width:100%}.textarea-readonly{color:#475569;color:var(--text-muted);font-family:monospace;padding:8px;resize:vertical}.sr-only{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.card-title{font-size:clamp(18px,4.4vw,22px);font-weight:800;margin:0 0 4px}.card-subtitle{color:#475569;color:var(--text-muted);font-size:clamp(13px,3.2vw,14px);margin:0 0 12px}.preview-card{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:16px;margin-top:16px;padding:16px}.placeholder{color:#475569;color:var(--text-muted);text-align:center}.meta-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:999px;color:#0f172a;color:var(--text-strong);font-size:12px;padding:.4rem .6rem}.chip.ok{background:#ecfdf5;border-color:#10b9814d;color:#065f46}.chip.warn{background:#fef3c7;border-color:#f59e0b4d;color:#92400e}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:840px){.image-grid{grid-template-columns:1fr 1fr}}.image-card{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;overflow:hidden}.image-head{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;padding:10px 12px}.img-wrap{background:#f8fafc;background:var(--surface-2);display:grid;min-height:220px;place-items:center}.img-wrap img{display:block;height:auto;max-width:100%}.ph{color:#475569;color:var(--text-muted);padding:28px 0}.ph.small{padding:18px 0}.meta-panel{border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;margin-top:14px;overflow:hidden}.meta-head{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.meta-title{font-weight:800}.meta-actions{display:flex;gap:8px}.kv-list{list-style:none;margin:0;max-height:220px;overflow:auto;padding:8px 12px}.kv-list li{align-items:flex-start;border-bottom:1px dashed #0f172a14;border-bottom:1px dashed var(--border);display:flex;gap:10px;padding:6px 0}.kv-list li:last-child{border-bottom:none}.k{color:#475569;color:var(--text-muted);flex:0 0 160px;font-weight:700;word-break:break-all}.v{flex:1 1;word-break:break-word}.meta-details{background:#f8fafc;background:var(--surface-2);border-top:1px solid #0f172a14;border-top:1px solid var(--border);padding:8px 12px 12px}.json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.4;margin:8px 0 0;max-height:260px;overflow:auto}.footer{border-top:1px solid #0f172a14;border-top:1px solid var(--border);font-size:.85rem;opacity:.7;padding:16px;text-align:center}.terms-page{background:var(--surface-2);color:var(--text-strong)}.terms-card{padding:18px}.terms-header{margin-bottom:12px}.terms-updated{color:var(--text-muted);font-size:13px;margin:6px 0 0}.terms-section{border-top:1px solid var(--border);padding:12px 0}.terms-section:first-of-type{border-top:0;padding-top:0}.section-title{font-size:clamp(16px,3.6vw,18px);font-weight:800;margin:0 0 8px}.terms-section ol,.terms-section ul{line-height:1.6;margin:6px 0 0 18px;padding:0}.inline-link .link{color:var(--brand-600);text-decoration:none}.inline-link .link:hover{text-decoration:underline}.terms-actions{display:flex;justify-content:flex-end;margin-top:16px}.btn{background:var(--brand-600);border-radius:12px;color:#fff;display:inline-block;font-weight:700;padding:.7rem 1rem;text-decoration:none;transition:background .2s ease,transform .06s ease}.btn:hover{background:var(--brand-700)}.btn:active{transform:scale(.98)}:root{--surface-output:#fff;--ring-primary:#2563eb26}.App.dark{--surface-output:#fff}.text-input.text-output{background:#fff;background:var(--surface-output);border:1px solid var(--border);box-shadow:0 1px 2px #0000000a,0 6px 18px #0000000f;color:var(--fg);min-height:260px;overflow:auto;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;white-space:pre-wrap;word-break:break-all}.text-input.text-output:hover{border-color:#d1d5db}.text-input.text-output:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26,0 1px 2px #0000000a,0 6px 18px #0000000f;box-shadow:0 0 0 3px var(--ring-primary),0 1px 2px #0000000a,0 6px 18px #0000000f;outline:none}.text-input.text-output[readonly]{caret-color:#111827;cursor:text}.App.dark .text-input.text-output{color:#111827}.text-input.text-output::-webkit-scrollbar{height:10px;width:10px}.text-input.text-output::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.text-input.text-output::-webkit-scrollbar-track{background:#0000}
/*# sourceMappingURL=main.514907af.css.map*/