@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#f3f0e7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#20221f;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #e8ca80}button,a,input,textarea{touch-action:manipulation}.hf-app{isolation:isolate;background:#20221f;flex-direction:column;min-height:100dvh;padding:20px 3vw 10px;display:flex;position:relative;overflow:hidden}.hf-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hf-backdrop:before,.hf-backdrop:after{content:"";mix-blend-mode:screen;filter:invert()sepia(.35)saturate(.6);opacity:.095;background-image:url(/art/style/space-memory.jpg);background-repeat:no-repeat;background-size:cover;width:95%;height:130%;position:absolute;top:-45%;left:-26%;transform:rotate(-14deg);-webkit-mask-image:linear-gradient(160deg,#000,#0000 75%);mask-image:linear-gradient(160deg,#000,#0000 75%)}.hf-backdrop:after{opacity:.075;top:40%;left:28%;transform:rotate(150deg)}.hf-header{text-align:center;flex-shrink:0;width:100%;max-width:1600px;margin:0 auto 22px}.hf-brand{color:#f9f7f0;letter-spacing:-.055em;font-size:clamp(30px,3.8vw,58px);font-weight:700;line-height:1.1;text-decoration:none;display:inline-block}.hf-header h1{letter-spacing:-.025em;color:#e7e4da;margin:13px 0 0;font-size:clamp(14px,1.3vw,21px);font-weight:400}.hf-header h1:before,.hf-header h1:after{content:"";vertical-align:middle;background:#82764e;width:clamp(35px,10vw,180px);height:1px;margin:0 25px;display:inline-block}.hf-main{flex:1;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);align-items:start;gap:24px;width:100%;max-width:1660px;min-height:0;margin:0 auto;display:grid}.hf-workspace{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex}.hf-paper{aspect-ratio:3/2;background:#faf9f5;border:1px solid #ffffff40;border-radius:13px;flex:1;justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 36px #0003}.hf-paper>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.hf-output{flex-shrink:0;justify-content:center;gap:22px;margin-top:20px;padding:0 8%;display:flex}.hf-output>button{flex:1}.hf-button{isolation:isolate;letter-spacing:-.025em;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:56px;padding:15px 20px;font-size:19px;font-weight:600;transition:transform .16s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden}.hf-gold{color:#211c0f;text-shadow:0 1px #fff2bb55;background:linear-gradient(125deg,#a27a32 0%,#d9b961 23%,#f3d690 39%,#c6a04e 55%,#d7b56a 78%,#a17a36 100%);border:1px solid #d2b66d;box-shadow:inset 0 2px 1px #fff2c7cc,inset 0 -3px 2px #6c4c20aa,0 4px 7px #0005}.hf-gold:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(100deg,#0000 25%,#fff5cc65 50%,#0000 75%);width:65%;height:220%;animation:8s ease-in-out infinite hf-sheen;position:absolute;inset:-60% -110%;transform:translate(-60%)rotate(18deg)}.hf-voice:after{animation-delay:0s}.hf-generate:after{animation-delay:2.4s}.hf-print:after{animation-delay:4.8s}.hf-gold:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.hf-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0005,0 1px 2px #0003}.hf-button:disabled:after{animation:none;display:none}.hf-outline{color:#f1eee4;background:linear-gradient(#30332b,#252820);border:1px solid #bca168;box-shadow:inset 0 1px #fff2,0 3px 5px #0003}.hf-outline:hover:not(:disabled){background:#36392e}.hf-controls{background:linear-gradient(130deg,#2a2d25f5,#24271ff5);border:1px solid #73725a;border-radius:15px;min-width:0;padding:21px 25px 26px;box-shadow:0 10px 36px #0002}.hf-steps{color:#dddacf;border-bottom:1px solid #79704a;justify-content:space-between;align-items:center;gap:7px;margin:0 0 24px;padding:0 0 19px;list-style:none;display:flex}.hf-steps li{white-space:nowrap;align-items:center;gap:7px;font-size:clamp(11px,1vw,15px);display:flex}.hf-steps span{border:1px solid #8d876f;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.hf-steps .current{color:#fff9e9;font-weight:600}.hf-steps .current span{color:#282313;background:linear-gradient(120deg,#eed395,#b58c3c);border-color:#d3b772}.hf-voice{border-radius:45px;width:100%;min-height:72px;margin:0 0 23px;font-size:clamp(20px,2vw,29px)}.hf-voice.is-listening{color:#241b13;background:linear-gradient(120deg,#dcb886,#bc7856)}.hf-label{letter-spacing:-.03em;margin:0 0 11px;font-size:clamp(16px,1.45vw,22px);font-weight:500;display:block}.hf-textarea,.hf-name{color:#f5f1e4;background:#20231dcc;border:1px solid #868573;border-radius:10px;width:100%;padding:13px 15px;display:block;box-shadow:inset 0 2px 5px #0002}.hf-textarea{resize:vertical;height:clamp(90px,15dvh,160px);min-height:85px;max-height:220px;font-size:16px;line-height:1.65}.hf-textarea::placeholder,.hf-name::placeholder{color:#b3b1a6;opacity:1}.hf-name-label{margin-top:22px;font-size:16px}.hf-name-label span{color:#c3bfb1;font-size:14px;font-weight:400}.hf-name{min-height:49px;font-size:16px}.hf-styles{gap:16px;margin-top:22px;display:flex}.hf-styles .hf-button{flex:1;min-height:54px;font-size:19px}.hf-generate{width:100%;min-height:62px;margin-top:22px;font-size:23px}.hf-caption{text-align:center;color:#b4ae9d;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;margin:9px 0 0;font-size:11px;line-height:1.6;overflow:hidden}.hf-footer{color:#aaa38d;flex-shrink:0;justify-content:space-between;gap:16px;width:100%;max-width:1660px;margin:12px auto 0;padding-top:8px;font-size:10px;display:flex}.hf-footer a{color:inherit;text-decoration:none}.hf-footer a:hover{text-decoration:underline}.hf-error{color:#ffe0ca;background:#492e28;border:1px solid #a26d57;border-radius:8px;gap:10px;margin-top:15px;padding:12px;font-size:13px;line-height:1.6;display:flex}.hf-error button{color:inherit;background:0 0;border:0;align-self:start;margin-left:auto;padding:0}.hf-notice{color:#e9ce8f;margin:14px 0 0;font-size:12px;line-height:1.7}.hf-loading{z-index:2;color:#5c5032;text-align:center;background:#faf8f1f5;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.hf-loading h2{margin:22px 0 5px;font-size:21px;font-weight:500}.hf-loading p{font-size:13px}.hf-spin{animation:1.8s linear infinite hf-spin}.hf-print-artwork{display:none}@keyframes hf-spin{to{transform:rotate(360deg)}}@keyframes hf-sheen{0%,35%{transform:translate(-70%)rotate(18deg)}70%,to{transform:translate(480%)rotate(18deg)}}@media (width>=1000px) and (height>=740px){.hf-app{height:100dvh}.hf-paper{aspect-ratio:auto;height:0;min-height:200px}.hf-controls{align-self:start}}@media (height<=820px) and (width>=1000px){.hf-app{padding-top:14px}.hf-header{margin-bottom:16px}.hf-brand{font-size:40px}.hf-header h1{margin-top:9px;font-size:16px}.hf-controls{padding:17px 21px 20px}.hf-steps{margin-bottom:18px;padding-bottom:14px}.hf-voice{min-height:58px;margin-bottom:18px;font-size:24px}.hf-label{margin-bottom:9px;font-size:18px}.hf-textarea{height:90px}.hf-name-label{margin-top:16px;font-size:15px}.hf-name{min-height:44px;padding:10px 13px}.hf-styles{margin-top:18px}.hf-styles .hf-button{min-height:48px;padding:11px}.hf-generate{min-height:54px;margin-top:18px;font-size:20px}.hf-output{margin-top:16px}.hf-output .hf-button{min-height:51px;padding:12px 18px}}@media (width<=999px){.hf-main{grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:18px}.hf-controls{padding:18px}.hf-steps{gap:5px}.hf-steps li{gap:4px;font-size:10px}.hf-steps span{width:23px;height:23px;font-size:12px}.hf-header h1:before,.hf-header h1:after{width:45px;margin:0 14px}.hf-output{gap:12px;padding:0}.hf-output .hf-button{font-size:16px}.hf-paper{height:100%;min-height:360px}.hf-styles{gap:10px}}@media (width<=700px){.hf-app{padding:20px 5vw 14px;overflow:visible}.hf-header{margin-bottom:22px}.hf-brand{font-size:36px}.hf-header h1{max-width:290px;margin:10px auto 0;font-size:13px;line-height:1.7}.hf-header h1:before,.hf-header h1:after{display:none}.hf-main{flex-direction:column;gap:22px;display:flex}.hf-controls{order:0;width:100%;padding:20px}.hf-workspace{order:1;width:100%}.hf-steps li{font-size:12px}.hf-steps span{width:26px;height:26px;font-size:14px}.hf-voice{min-height:62px;font-size:23px}.hf-label{font-size:18px}.hf-textarea{height:100px}.hf-name-label{font-size:15px}.hf-name{font-size:16px}.hf-generate{min-height:58px;font-size:20px}.hf-styles .hf-button{font-size:17px}.hf-paper{aspect-ratio:3/2;flex:auto;height:auto;min-height:0}.hf-output .hf-button{min-height:54px}.hf-footer{margin-top:19px;font-size:10px}.hf-backdrop:before{width:140%;height:80%;top:0;left:-40%}}@media (prefers-reduced-motion:reduce){.hf-gold:after{animation:none;display:none}.hf-spin{animation:none}.hf-button{transition:none}}@media print{@page{size:A4 landscape;margin:12mm}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff!important;margin:0!important}.hf-app{display:none!important}.hf-print-artwork{break-inside:avoid;justify-content:center;align-items:center;width:100%;height:185mm;display:flex!important}.hf-print-artwork img{object-fit:contain;max-width:100%;max-height:100%;display:block}}.hf-output{gap:12px;padding:0}.hf-output .hf-button{gap:8px;padding-left:12px;padding-right:12px;font-size:17px}.hf-email-dialog{color:#f3f0e7;background:#282b23;border:1px solid #9b8b60;border-radius:16px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:30px;box-shadow:0 24px 90px #0008}.hf-email-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10120de0}.hf-email-form{flex-direction:column;gap:14px;display:flex;position:relative}.hf-email-form>svg{color:#dec17a}.hf-email-form h2{margin:0;font-size:23px;font-weight:600}.hf-email-form p{color:#d4ceba;margin:0;font-size:14px;line-height:1.7}.hf-email-form label{margin-top:5px;font-size:15px}.hf-email-form .hf-email-note{color:#b8b19e;font-size:12px}.hf-email-close{color:#d4ceba;background:0 0;border:0;padding:9px;position:absolute;top:-12px;right:-12px}.hf-email-form .hf-email-success{color:#d8e9ba}.hf-email-form .hf-email-failure{color:#ffccad}.hf-email-form .hf-notice{color:#e9ce8f}.hf-email-form>.hf-button{width:100%;margin-top:4px}@media (width<=999px){.hf-output{flex-wrap:wrap}.hf-output>button{min-width:calc(50% - 6px)}.hf-output>button:last-child{flex-basis:100%}}@media print{.hf-email-dialog{display:none!important}}.hf-creating{color:#fff;background:#111813;justify-content:flex-end;padding:0;overflow:hidden}.hf-creating-art{background:#eae6db;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hf-creating-original{object-fit:contain;opacity:0;will-change:opacity,transform;width:100%;height:100%;animation:18s ease-in-out infinite hf-original-reveal;display:block;position:absolute;inset:0}.hf-original-0{animation-delay:-2s}.hf-original-1{animation-delay:-14s}.hf-original-2{animation-delay:-8s}.hf-creating-vignette{background:linear-gradient(#10180f08 12%,#0000 38%,#10180f9c 62%,#10180ff5 82%,#10180f 100%);position:absolute;inset:0}.hf-creating-art-label{color:#ffe5a3;letter-spacing:.07em;background:#142018e8;border:1px solid #f0ce80aa;border-radius:5px;padding:8px 11px;font-size:11px;font-weight:600;position:absolute;top:18px;left:20px}.hf-creating-copy{z-index:1;text-shadow:0 2px 12px #0009;flex-shrink:0;width:100%;padding:25px 18px 28px;position:relative}.hf-creating-eyebrow{letter-spacing:.16em;color:#ffdb83;justify-content:center;align-items:center;gap:9px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.hf-creating-eyebrow i{background:#ffda75;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite hf-creating-pulse;box-shadow:0 0 13px #ffd777}.hf-creating h2{letter-spacing:-.045em;color:#fffaf0;margin:0 0 9px;font-size:clamp(20px,2.1vw,32px);font-weight:700}.hf-creating p{color:#f1e7cf;margin:0;font-size:14px;line-height:1.7}.hf-creating small{color:#dfd4b8;font-size:12px;line-height:1.7}.hf-creating-line{background:#ffffff26;border-radius:4px;width:min(230px,65%);height:4px;margin:18px auto 12px;position:relative;overflow:hidden}.hf-creating-line span{background:linear-gradient(90deg,#0000,#ffdb76,#fff0b9,#0000);animation:2.5s ease-in-out infinite hf-wait-line;position:absolute;inset:0}@keyframes hf-original-reveal{0%{opacity:0;transform:scale(1)}8%,27%{opacity:1}38%,to{opacity:0;transform:scale(1.045)}}@keyframes hf-creating-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes hf-wait-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=700px){.hf-creating-art-label{padding:5px 8px;font-size:9px;top:10px;left:10px}.hf-creating-copy{padding:15px 12px}.hf-creating h2{margin-bottom:6px;font-size:19px}.hf-creating p{font-size:11px}.hf-creating small{font-size:10px}.hf-creating-eyebrow{margin-bottom:8px;font-size:8px}.hf-creating-line{margin:11px auto 8px}}@media (prefers-reduced-motion:reduce){.hf-creating-original{opacity:0;animation:none;transform:none}.hf-original-0{opacity:1}.hf-creating-eyebrow i,.hf-creating-line span{animation:none}}