.hyun-image-page{background:radial-gradient(circle at 48% -18%, #527bff26, transparent 35%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--background);background-size:auto,56px 56px,56px 56px,auto;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.hyun-image-page:before{content:"";background:linear-gradient(180deg, #06080d05, var(--background));pointer-events:none;position:absolute;inset:0}.hyun-image-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.hyun-image-glow-one{background:#406fff26;width:520px;height:520px;top:-350px;left:6%}.hyun-image-glow-two{background:#7653ff1a;width:440px;height:440px;bottom:12%;right:-290px}.hyun-image-header,.hyun-image-hero,.hyun-image-upload,.hyun-image-workspace,.hyun-image-privacy,.hyun-image-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.hyun-image-back:hover{color:#fff;background:#5981ff1a;border-color:#5981ff61}.hyun-image-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:52px 0 30px;display:grid}.hyun-image-title-icon{color:#94afff;background:#4169eb21;border:1px solid #5e84ff59;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 48px #2f56dc29}.hyun-image-title-icon svg{width:28px;height:28px}.hyun-image-hero span{color:#89a8ff;font-family:var(--font-geist-mono), monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:680}.hyun-image-hero h1{color:#f5f7fb;letter-spacing:-.052em;word-break:keep-all;margin:9px 0 10px;font-size:clamp(32px,4vw,46px);line-height:1.1}.hyun-image-hero p{color:#858f9f;word-break:keep-all;max-width:730px;margin:0;font-size:13px;line-height:1.72}.hyun-image-upload{text-align:center;background:radial-gradient(circle at 50% 35%,#4c73f01c,#0000 45%),#0a0e17e8;border:1px dashed #7192ff4d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:46px 28px;transition:border-color .16s,background .16s,transform .16s;display:flex;box-shadow:0 30px 85px #00000052,inset 0 1px #ffffff09}.hyun-image-upload.is-dragging{background:radial-gradient(circle at 50% 35%,#4c73f033,#0000 50%),#0a0e17f5;border-color:#809effbd;transform:translateY(-2px)}.hyun-image-upload>svg{box-sizing:content-box;color:#9bb4ff;background:#4f77f51a;border:1px solid #6c8eff47;border-radius:17px;width:46px;height:46px;margin-bottom:19px;padding:10px}.hyun-image-upload h2{color:#edf1f8;letter-spacing:-.035em;margin:0;font-size:21px}.hyun-image-upload>div p{color:#737e8f;font-size:var(--font-size-meta);margin:8px 0 22px}.hyun-image-upload input,.hyun-image-preview header input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hyun-image-upload>label{color:#fff;cursor:pointer;background:linear-gradient(145deg,#527dff,#675be8);border:1px solid #6087ff8c;border-radius:10px;justify-content:center;align-items:center;min-width:156px;min-height:44px;padding:0 18px;font-size:13px;font-weight:670;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 15px 34px #3755cd38}.hyun-image-upload>span{color:#596475;font-size:var(--font-size-meta);margin-top:10px}.hyun-image-upload-hint-mobile{display:none}.hyun-image-upload ul{color:#7b8697;font-size:var(--font-size-meta);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:25px 0 0;padding:0;list-style:none;display:flex}.hyun-image-upload li{align-items:center;gap:6px;display:inline-flex}.hyun-image-upload li:before{content:"";background:#668dff;border-radius:50%;width:4px;height:4px}.hyun-image-upload li:first-child:before{display:none}.hyun-image-upload li svg{color:#7da0ff;width:16px;height:16px}.hyun-image-workspace{border:1px solid var(--border-strong);background:#0b0f18f5;border-radius:20px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);display:grid;overflow:hidden;box-shadow:0 34px 90px #00000061,inset 0 1px #ffffff09}.hyun-image-preview{border-right:1px solid var(--border);background:radial-gradient(circle at 50% 28%,#446ae11c,#0000 54%),#05080e75;flex-direction:column;min-width:0;padding:24px;display:flex}.hyun-image-preview>header{justify-content:space-between;align-items:center;gap:12px;min-height:38px;margin-bottom:17px;display:flex}.hyun-image-preview>header>div{align-items:center;gap:8px;display:flex}.hyun-image-preview>header strong{color:#a4adbb;font-size:var(--font-size-meta)}.hyun-image-status-dot{background:#789bff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #789bffbd}.hyun-image-preview>header label,.hyun-image-preview>header button{color:#8994a5;min-height:34px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.hyun-image-preview>header button:not(.hyun-image-reset){width:34px;padding:0}.hyun-image-preview>header .hyun-image-reset{gap:6px;width:auto}.hyun-image-preview>header button svg{width:17px;height:17px}.hyun-image-preview>header label:hover,.hyun-image-preview>header .hyun-image-reset:hover:not(:disabled){color:#fff;background:#4d75ee17;border-color:#628aff54}.hyun-image-preview>header button:not(.hyun-image-reset):hover{color:#ffaaa8;background:#ff5a5512;border-color:#ff6e693d}.hyun-image-preview>header button:disabled{opacity:.38;cursor:not-allowed}.hyun-image-canvas-shell{background-color:#0b0f18;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff13;border-radius:15px;place-items:center;min-height:390px;padding:18px;display:grid;position:relative;overflow:hidden}.hyun-image-canvas-shell canvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:520px;display:block;box-shadow:0 24px 52px #0006}.hyun-image-canvas-shell.is-draggable{cursor:grab;touch-action:none}.hyun-image-canvas-shell.is-dragging{cursor:grabbing}.hyun-image-canvas-shell.is-draggable canvas{pointer-events:none;-webkit-user-select:none;user-select:none}.hyun-image-canvas-shell:focus-visible{outline-offset:2px;outline:2px solid #8ba8ff}.hyun-image-drag-hint{color:#8f9bae;font-size:var(--font-size-meta);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c14c7;border:1px solid #829dff38;border-radius:999px;padding:6px 9px;position:absolute;bottom:12px;right:12px}.hyun-image-preview dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.hyun-image-preview dl>div{background:#05080e8c;border:1px solid #fff1;border-radius:10px;gap:5px;min-width:0;padding:11px 12px;display:grid}.hyun-image-preview dt{color:#697486;font-size:var(--font-size-meta)}.hyun-image-preview dd{color:#dce1ea;min-width:0;font:12px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.hyun-image-preview dd small{color:#697486;font:var(--font-size-meta) var(--font-geist-sans), sans-serif;margin-top:4px;display:block}.hyun-image-preview dd small.is-smaller{color:#72cfa9}.hyun-image-preview dd small.is-larger{color:#dda56e}.hyun-image-status{color:#778294;min-height:21px;font-size:var(--font-size-meta);text-align:center;margin:13px 0 11px;line-height:1.55}.hyun-image-upload>.hyun-image-status{margin:14px 0 0}.hyun-image-download{color:#fff;cursor:pointer;background:linear-gradient(145deg,#4f7cff,#6859e6);border:1px solid #5b84ff8a;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:670;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 14px 30px #3755cd33}.hyun-image-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 18px 36px #3755cd47}.hyun-image-download:disabled{opacity:.45;cursor:not-allowed}.hyun-image-download svg{width:19px;height:19px}.hyun-image-controls{min-width:0;padding:6px 26px}.hyun-image-controls>section{border-bottom:1px solid var(--border);padding:21px 0}.hyun-image-controls>section:last-child{border-bottom:0}.hyun-image-controls section>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.hyun-image-controls h2{color:#e8ebf2;letter-spacing:-.015em;margin:0;font-size:13px}.hyun-image-controls header p{color:#626d7e;font-size:var(--font-size-meta);margin:5px 0 0;line-height:1.45}.hyun-image-rotate{gap:6px;display:flex}.hyun-image-rotate button{color:#8994a5;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.hyun-image-rotate button:hover{color:#fff;background:#4c74ed1a;border-color:#6088ff57}.hyun-image-rotate svg{width:18px;height:18px}.hyun-image-segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.hyun-image-segmented.crop{grid-template-columns:repeat(5,minmax(0,1fr))}.hyun-image-segmented button{color:#788394;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;transition:color .15s,border-color .15s,background .15s}.hyun-image-segmented button:hover{color:#dfe4ed;background:#ffffff09}.hyun-image-segmented button.selected{color:#fff;background:linear-gradient(145deg,#4d77f530,#6854e612);border-color:#5c85ff6b;box-shadow:inset 0 1px #ffffff0b}.hyun-image-range{gap:8px;margin-top:14px;display:grid}.hyun-image-range>span{color:#8f99a8;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;display:flex}.hyun-image-range output{color:#8facff;font:12px var(--font-geist-mono), monospace}.hyun-image-range input{accent-color:#668cff;cursor:pointer;width:100%}.hyun-image-range input:disabled{opacity:.32;cursor:not-allowed}.hyun-image-position{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hyun-image-size-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.hyun-image-size-fields>label{color:#929cab;font-size:var(--font-size-meta);gap:7px;display:grid}.hyun-image-size-fields>label>span:last-child{background:#04070cb3;border:1px solid #ffffff17;border-radius:9px;grid-template-columns:1fr auto;align-items:center;min-height:40px;display:grid}.hyun-image-size-fields input{color:#edf0f6;width:100%;min-width:0;height:38px;font:13px var(--font-geist-mono), monospace;background:0 0;border:0;outline:0;padding:0 10px}.hyun-image-size-fields label:focus-within>span:last-child{border-color:#6089ff8c;box-shadow:0 0 0 3px #4f77f51a}.hyun-image-size-fields small{color:#606b7b;font:var(--font-size-meta) var(--font-geist-mono), monospace;padding-right:10px}.hyun-image-help{color:#606b7c;font-size:var(--font-size-meta);margin:10px 0 0;line-height:1.5}.hyun-image-help.error{color:#f19a9d}.hyun-image-field-label{color:#929cab;font-size:var(--font-size-meta);margin:0 0 8px;display:block}.hyun-image-size-presets{margin-bottom:14px}.hyun-image-metadata{background:#466cdd0e;border:1px solid #5f88ff21;border-radius:10px;grid-template-columns:auto 1fr;gap:9px;margin-top:15px;padding:11px 12px;display:grid}.hyun-image-metadata>svg{color:#80a0ff;width:18px;height:18px}.hyun-image-metadata>div{gap:4px;display:grid}.hyun-image-metadata strong{color:#acb8d4;font-size:var(--font-size-meta)}.hyun-image-metadata span{color:#657084;font-size:var(--font-size-meta);line-height:1.48}.hyun-image-privacy{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:11px;margin-top:14px;padding:13px 16px;display:grid}.hyun-image-privacy>svg{color:#7b9dff;width:20px;height:20px}.hyun-image-privacy>div{gap:4px;display:grid}.hyun-image-privacy strong{color:#adb6c5;font-size:var(--font-size-meta)}.hyun-image-privacy span{color:#758092;font-size:var(--font-size-meta);line-height:1.55}.hyun-image-upload>label:hover{filter:brightness(1.08)}.hyun-image-upload input:focus-visible+label,.hyun-image-back:focus-visible,.hyun-image-download:focus-visible,.hyun-image-preview header label:focus-visible,.hyun-image-preview header button:focus-visible,.hyun-image-rotate button:focus-visible,.hyun-image-segmented button:focus-visible{outline-offset:2px;outline:2px solid #8ba8ff}.hyun-image-preview>header>div:last-child:has(input:focus-visible) label{outline-offset:2px;outline:2px solid #8ba8ff}@media (width<=940px){.hyun-image-workspace{grid-template-columns:1fr}.hyun-image-preview{border-right:0;border-bottom:1px solid var(--border)}.hyun-image-canvas-shell{min-height:340px}}@media (width<=620px){.hyun-image-page{padding-inline:18px}.hyun-image-header{min-height:76px}.hyun-image-brand img{width:126px}.hyun-image-back{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.hyun-image-hero{grid-template-columns:1fr;padding-top:40px}.hyun-image-hero h1{font-size:34px}.hyun-image-upload{min-height:350px;padding-inline:18px}.hyun-image-upload-hint-desktop{display:none}.hyun-image-upload-hint-mobile{display:inline}.hyun-image-upload ul{justify-items:start;display:grid}.hyun-image-upload li:before{display:none}.hyun-image-preview{padding:18px}.hyun-image-preview>header{flex-direction:column;align-items:flex-start}.hyun-image-canvas-shell{min-height:270px;padding:12px}.hyun-image-preview dl{grid-template-columns:1fr}.hyun-image-controls{padding-inline:17px}.hyun-image-segmented.crop{grid-template-columns:repeat(3,1fr)}.hyun-image-position,.hyun-image-size-fields{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse),(height<=500px) and (orientation:landscape){.hyun-image-upload-hint-desktop{display:none}.hyun-image-upload-hint-mobile{display:inline}}@media (width<=390px){.hyun-image-segmented.crop{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.hyun-image-upload,.hyun-image-download,.hyun-image-segmented button{transition:none}}