@font-face{font-family:StudioSans;src:url('/assets/pretendard.woff2') format('woff2');font-display:swap}@font-face{font-family:StudioSerif;src:url('/assets/gowun-batang.woff2') format('woff2');font-display:swap}:root{--bg:#f6f3eb;--paper:#fffdf8;--ink:#313c30;--muted:#7c8072;--line:#dedfd2;--sage:#707e5e;--rust:#ab654b;--serif:StudioSerif,'Noto Serif CJK KR','Noto Serif KR',Georgia,serif;--sans:StudioSans,'Pretendard','Noto Sans CJK KR','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rust)}a{color:inherit}h1,h2,h3,p{margin:0}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.header{height:90px;max-width:1460px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;gap:25px}.logo{font-family:Georgia,serif;font-size:35px;letter-spacing:-1.8px;font-weight:500;text-decoration:none;display:flex;align-items:baseline;gap:10px}.logo span{font-family:var(--sans);font-size:9px;letter-spacing:2.5px;font-weight:400}.logo i{font-size:12px;align-self:flex-start;margin:7px 0 0 -6px}.header nav{display:flex;gap:32px;margin-right:65px}.nav{font-size:12px;color:var(--muted);background:none;padding:12px 0}.nav.active{color:var(--ink)}.nav:hover{text-decoration:underline}.pilot{font-size:9px;letter-spacing:1.3px;display:flex;gap:10px;align-items:center}.pilot span{width:5px;height:5px;border-radius:50%;background:var(--sage)}main{max-width:1280px;margin:auto;padding:0 40px}.masthead{padding:53px 0 32px;position:relative}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--sage);line-height:1.7}.masthead h1{font-size:clamp(35px,3.6vw,53px);letter-spacing:-2.5px;font-weight:400;line-height:1.38;margin-top:17px}.serif{font-family:var(--serif);font-weight:400}.subhead{position:absolute;right:15px;bottom:40px;font-size:13px;color:var(--muted);line-height:1.95;letter-spacing:-.1px}.creation-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:50px;align-items:start;margin-top:10px}.creation-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:31px 32px;min-height:500px}.steps{display:flex;align-items:center;gap:12px;margin-bottom:33px}.steps>span{font-size:10px;color:#a6aa9b;white-space:nowrap}.steps b{font-size:11px;font-weight:450;margin-left:6px}.steps>span.active{color:var(--ink)}.steps>span.active:first-letter{color:var(--rust)}.steps i{height:1px;width:24px;background:var(--line)}.card-title{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:22px;font-weight:500;letter-spacing:-.9px}.card-title>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.helper{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.upload{display:block;border:1px dashed #b5bda8;background:#f4f5ec;border-radius:5px;position:relative;margin:23px 0;overflow:hidden;cursor:pointer}.upload:focus-within{outline:2px solid var(--rust)}.upload input{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}.upload.dragging{background:#e1e8d6;border-color:var(--sage)}#upload-content{height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;text-align:center;padding:20px}#upload-content svg{color:#839071;margin-bottom:8px}#upload-content b{font-size:12px;font-weight:450}#upload-content>span{font-size:10px;color:var(--muted)}#upload-content img{height:155px;max-width:100%;object-fit:contain}.field-row{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:20px 0 24px}label{display:block;font-size:11px;color:var(--ink)}label>span{font-size:9px;color:var(--muted);margin-left:5px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:11px 12px;color:var(--ink);width:100%;min-width:0}label input,label textarea{margin-top:8px}input::placeholder,textarea::placeholder{color:#9ba08f;font-size:11px}textarea{resize:vertical;line-height:1.8}.primary,.secondary{padding:13px 18px;border-radius:4px;font-size:12px;line-height:1.4}.primary{background:var(--ink);color:#f9f7ed}.primary:hover:not(:disabled){background:#4c5943}.secondary{background:transparent;border:1px solid #c6cbb9;color:var(--ink)}.secondary:hover{background:#eaedde}.full{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.under-button{font-size:10px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.9}.text-button{background:none;color:var(--ink);font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.connection-note{font-size:10px;color:var(--rust);line-height:1.7;margin-top:10px}#skip-analysis{margin-top:12px}#brief-step>label{margin:17px 0}#brief-step .observation{border-left:2px solid var(--sage);padding:12px 14px;background:#eef1e5;font-size:12px;line-height:1.9;margin:20px 0}.observation small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.form-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}.form-actions .primary{flex:1}.showcase-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-bottom:13px}.sample-art{display:block;position:relative;width:100%;padding:0;text-align:left;background:#e3ddca;overflow:hidden;box-shadow:0 14px 30px #4c4e3410}.sample-art>img{width:100%;display:block;height:auto}.sample-words{position:absolute;top:29px;left:37px;right:22px;color:#39432f}.sample-words>span{font-family:Georgia,serif;font-size:18px;letter-spacing:6px}.sample-words p{font-family:var(--serif);font-size:29px;letter-spacing:-1.2px;line-height:1.5;margin-top:18px}.sample-words small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:13px}.view-sample{position:absolute;bottom:20px;right:20px;background:#faf8eddd;color:var(--ink);padding:11px 15px;border:1px solid #eee8d6;font-size:10px;backdrop-filter:blur(10px)}.sample-art:hover .view-sample{background:#fffdf5}.showcase-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:12px;gap:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:29px 0 44px;margin-top:44px;gap:25px}.principles>div>span{font-family:Georgia,serif;font-size:11px;color:var(--sage);margin-right:15px}.principles b{font-size:13px;font-weight:500}.principles p{font-size:11px;color:var(--muted);margin:12px 0 0 30px;line-height:1.8}.direction-options{display:flex;flex-direction:column;gap:10px;margin-top:23px}.direction-choice{display:flex;gap:18px;align-items:center;background:transparent;border:1px solid var(--line);text-align:left;padding:12px;color:var(--ink);border-radius:5px;position:relative}.direction-choice.selected{border-color:var(--ink);background:#f1f3e9}.direction-thumb{width:63px;height:75px;overflow:hidden;background:#e8e2d2;flex-shrink:0;position:relative}.direction-thumb img{width:100%;height:100%;object-fit:cover}.direction-thumb>span{position:absolute;top:5px;left:5px;font-size:7px;line-height:1.3;color:#354530;max-width:50px}.direction-choice[data-value=botanical] .direction-thumb{border:7px solid #40553e}.direction-choice[data-value=bold] .direction-thumb>span{top:0;left:0;right:0;background:#252b24;color:#fff;font-size:9px;font-weight:700;padding:3px}.direction-choice strong{display:block;font-size:12px;font-weight:550}.direction-choice small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.direction-choice>i{font-style:normal;margin-left:auto;font-size:12px}.photo-modes{border:0;padding:0;margin:25px 0 0}.photo-modes legend{font-size:11px;margin-bottom:8px}.photo-modes label{display:flex;gap:10px;align-items:flex-start;margin:12px 0;cursor:pointer}.photo-modes input{margin-top:2px;accent-color:var(--ink)}.photo-modes label>span{margin:0;color:var(--ink)}.photo-modes b{font-size:11px;font-weight:500}.photo-modes small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px}#progress-step{text-align:center;padding:12px 0 20px}.progress-orbit{width:90px;height:90px;border:1px solid #c4cab5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:10px auto 35px;position:relative}.progress-orbit:after{content:'';position:absolute;inset:-5px;border:1px solid transparent;border-top-color:var(--sage);border-radius:50%;animation:spin 2s linear infinite}.progress-orbit span{font-family:Georgia,serif;font-size:42px;font-style:italic}#progress-title{margin-top:18px;line-height:1.6;font-weight:400}#progress-message{font-size:12px;color:var(--muted);line-height:1.8;margin-top:17px}.progress-list{text-align:left;border-top:1px solid var(--line);margin-top:27px}.progress-list>div{padding:16px 0;border-bottom:1px solid var(--line);font-size:10px;color:#919984}.progress-list span{font-size:11px;margin-left:13px}.progress-list .current{color:var(--ink);font-weight:600}.micro{font-size:9px;color:var(--muted);line-height:1.8;margin-top:12px}#stop-waiting{margin-top:24px}.error{font-size:12px;line-height:1.8;background:#f5e4da;color:#8b452d;border-left:2px solid #b3674a;padding:13px 15px;margin-top:20px}.result-heading{padding:42px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.result-heading h1{font-size:27px;font-weight:450;letter-spacing:-1px;margin-top:11px;line-height:1.6}.result-heading p:last-child{font-size:11px;color:var(--muted);margin-top:10px}.result-actions{display:flex;gap:10px;flex-shrink:0}.result-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;flex-wrap:wrap}.result-bar>div{display:flex;gap:7px;margin-right:auto}.theme-button{background:none;color:var(--muted);padding:8px 10px;font-size:10px;border-radius:3px}.theme-button.selected{background:var(--ink);color:var(--paper)}.result-bar label{display:flex;align-items:center;gap:8px;font-size:10px}.result-bar select{width:85px;padding:8px;font-size:11px}.result-bar>button{font-size:10px;padding:9px 13px}.review-strip{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0}.review-strip label{display:flex;align-items:center;gap:7px;font-size:11px}.review-strip input{margin:0;accent-color:var(--ink)}.review-strip>span{font-size:9px;color:var(--muted)}.result-grid{display:flex;align-items:flex-start;gap:24px}.edit-panel{width:265px;flex-shrink:0;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:5px;position:sticky;top:84px;max-height:80vh;overflow:auto}.edit-panel h2{font-size:18px}.edit-panel>p{font-size:10px;color:var(--muted);margin:10px 0 20px}.edit-panel label{margin:17px 0;font-size:10px}.edit-panel textarea{font-size:12px}.edit-panel .edit-section{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:9px;letter-spacing:1px;color:var(--sage)}.page-container{margin:0 auto;max-width:860px;width:100%;min-width:0;overflow:hidden;box-shadow:0 8px 40px #4c4e3410;background:#e7e3d7;position:relative}.page-container iframe{display:block;width:860px;border:0;transform-origin:top left;max-width:none}.end-note{display:flex;justify-content:space-between;align-items:center;padding:34px 0 50px;gap:20px}.end-note>span{font-family:var(--serif);font-size:19px;letter-spacing:-.7px}footer{border-top:1px solid var(--line);padding:27px 40px;max-width:1460px;margin:auto;display:flex;align-items:center;gap:24px}footer .logo{font-size:25px}footer .logo span{font-size:7px}footer p{font-size:10px;color:var(--muted)}footer>span{font-size:8px;color:var(--muted);margin-left:auto}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 20px;border-radius:5px;box-shadow:0 8px 24px #0002;z-index:10;max-width:90vw;font-size:12px;line-height:1.8;white-space:pre-line}.skip{position:absolute;top:-60px;left:20px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:28px;max-width:90vw}dialog::backdrop{background:#25342766}dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:15px}dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.creation-grid{gap:75px}.masthead{padding-top:66px}.creation-card{padding:35px 39px}.sample-words p{font-size:33px}}@media(max-width:1050px){.header nav{margin:0;gap:20px}.creation-grid{gap:28px}.creation-card{padding:24px}.subhead{position:static;margin-top:20px}.masthead{padding-top:35px}.sample-words{top:22px;left:25px}.sample-words p{font-size:24px}.sample-words>span{font-size:16px}.sample-words small{font-size:6px}.steps{gap:7px}.steps i{width:15px}.steps b{font-size:10px}.steps>span{font-size:9px}.result-heading{flex-direction:column;align-items:flex-start}.result-actions{align-self:flex-end}.edit-panel{width:235px}.review-strip{flex-direction:column;align-items:flex-start}.principles p{margin-left:0}}@media(max-width:760px){.header{height:75px;padding:0 20px;gap:12px}.header nav{gap:14px}.nav{font-size:10px}.logo{font-size:29px;gap:7px}.logo span{font-size:7px;letter-spacing:1.6px}.logo i,.pilot{display:none}main{padding:0 20px}.masthead{padding:30px 0 23px}.masthead h1{font-size:36px;letter-spacing:-1.8px}.eyebrow{font-size:7px;letter-spacing:1.6px}.subhead{font-size:12px;margin-top:16px}.creation-grid{grid-template-columns:1fr;gap:30px}.creation-card{padding:24px 22px;min-height:0}.steps{gap:10px;justify-content:space-between}.steps i{flex:1}.steps b{font-size:10px}h2{font-size:20px}.field-row{gap:12px;grid-template-columns:1fr 1fr}.showcase{max-width:480px;width:100%;margin:auto}.sample-words{top:25px;left:30px}.sample-words p{font-size:28px}.sample-words small{font-size:7px}.showcase-caption{font-size:7px}.principles{grid-template-columns:1fr;margin-top:30px;padding-bottom:30px;gap:24px}.principles p{margin-left:30px;margin-top:8px}.result-heading{padding:25px 0 20px;gap:18px}.result-heading h1{font-size:23px}.result-actions{align-self:flex-start}.result-bar{gap:8px}.result-bar>div{width:100%;justify-content:space-between}.theme-button{padding:8px 5px;font-size:9px}.result-bar label{margin-right:auto}.review-strip>span{font-size:8px}.result-grid{flex-direction:column}.edit-panel{width:100%;position:static;max-height:400px}.page-container{width:100%}.end-note>span{font-size:14px}.end-note{padding:24px 0 35px}footer{padding:24px 20px;flex-wrap:wrap;gap:15px}footer>span{width:100%;margin:0}footer p{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}