:root{font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#282a27;background:#f6f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:#eeeee9;border-right:1px solid #deded7;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 40px}.brand-mark{font-family:Georgia,serif;font-size:20px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #858b7f}.brand strong{display:block;font-size:15px;letter-spacing:-.04em}.brand small{display:block;font-size:11px;color:#81857d;margin-top:5px}.side-title{display:flex;justify-content:space-between;align-items:center;color:#737970;font-size:12px;font-weight:700;padding:0 8px 12px}.side-title button{width:24px;height:24px;background:none;border:1px solid #b3b8ae;font-size:18px;line-height:18px}.project-list{display:grid;gap:4px}.project-item{width:100%;text-align:left;background:transparent;border:0;padding:12px 10px;border-radius:3px;display:block;color:#545a52}.project-item.active{background:#dce0d6;color:#232d22}.project-item strong{display:block;font-size:13px;font-weight:700}.project-item small{display:block;color:#868c83;font-size:11px;margin-top:5px}.side-foot{margin-top:auto;border-top:1px solid #d6d9d1;padding:18px 8px 0;color:#899086;font-size:11px;line-height:1.7}.main{min-width:0;padding:43px clamp(24px,4vw,72px) 80px;max-width:1650px;width:100%;margin:0 auto}.main-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;border-bottom:1px solid #dcded7;padding-bottom:28px}.overline{font-size:10px;letter-spacing:.18em;color:#788174;font-weight:700}h1{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;margin:10px 0 8px;line-height:1.1}#project-description{color:#899086;margin:0;font-size:13px}.header-actions{display:flex;gap:14px;align-items:center}#project-counts{font-size:12px;color:#858d83;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;border:1px solid #30382f;padding:11px 16px;min-height:39px;font-size:12px;font-weight:700;white-space:nowrap;background:transparent}.button.dark{background:#30382f;color:#fff}.button.dark:hover{background:#1f281e}.button.outline:hover{background:#e9ede5}.button.full{width:100%}.tabs{display:flex;gap:26px;border-bottom:1px solid #dcded7;overflow:auto}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:18px 4px 15px;color:#a6aca2;font-size:11px;white-space:nowrap}.tab span{font-size:13px;margin-left:5px}.tab.active{color:#293329;border-bottom-color:#293329;font-weight:700}.panel{padding-top:35px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{font-size:18px;margin:0 0 8px;font-weight:650;letter-spacing:-.04em}.section-heading p,.save-version p{font-size:12px;color:#8a8f87;line-height:1.55;margin:0}.photo-strip{display:flex;gap:9px;overflow:auto;margin-bottom:15px;padding-bottom:4px}.photo-thumb{border:1px solid #ddd;background:#fff;padding:4px;display:flex;align-items:center;gap:8px;min-width:142px;max-width:180px;text-align:left;font-size:11px;color:#697067}.photo-thumb.active{border-color:#485447;box-shadow:0 0 0 1px #485447 inset}.photo-thumb img{width:44px;height:44px;object-fit:cover}.photo-thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:16px;align-items:start}.photo-canvas-wrap,.settings,.glyph-editor,.save-version,.preview-card,.export-box,.version-row{border:1px solid #dfdfd9;background:#fff}.canvas-toolbar,.canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;font-size:11px;color:#6b7168}.canvas-toolbar{border-bottom:1px solid #e8e9e3}.canvas-toolbar button{border:0;background:none;color:#4f6352;text-decoration:underline;font-size:11px}.canvas-foot{border-top:1px solid #e8e9e3}.photo-stage{height:min(57vh,625px);min-height:370px;overflow:auto;background:#e5e5df;display:grid;place-items:center;padding:18px}.image-wrap{position:relative;line-height:0;max-width:100%;max-height:100%}.image-wrap img{display:block;max-width:100%;max-height:calc(min(57vh,625px) - 36px);height:auto;width:auto}.image-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.settings{padding:20px}.settings h3,.save-version h3{font-size:15px;margin:0 0 10px}.settings .hint,.tiny,.field-help{font-size:11px;line-height:1.55;color:#929890}.settings .hint{margin:0 0 21px}.settings label,.project-dialog label{display:block;font-size:11px;font-weight:700;margin:17px 0 8px}.settings label output{float:right;color:#899086;font-weight:400}.settings input[type=text],.project-dialog input[type=text],.version-fields input,.export-controls select,.inline-control select{height:37px;width:100%;padding:0 10px;border:1px solid #d3d8cf;border-radius:2px;background:#fff;color:#333}.settings input[type=range],.preview-tools input[type=range]{width:100%;accent-color:#526350}.settings .button{margin-top:24px}.tiny{margin:16px 0 0}.count-label{font-size:12px;color:#929990}.glyph-workspace{display:grid;grid-template-columns: minmax(210px,1fr) minmax(310px,2fr);gap:15px}.glyph-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;align-content:start}.glyph-tile{background:#fff;border:1px solid #ddd;padding:10px 5px;height:87px;display:grid;place-items:center;text-align:center}.glyph-tile.active{border-color:#344233;background:#f2f5f0}.glyph-tile .letter{font-family:Georgia,serif;font-size:27px}.glyph-tile small{font-size:10px;color:#989e96}.glyph-editor{min-height:300px;padding:22px}.empty{color:#929990;font-size:12px;display:grid;place-items:center;min-height:250px;text-align:center}.editor-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e4e6e0;padding-bottom:17px}.editor-heading strong{font-family:Georgia,serif;font-size:45px;font-weight:400}.editor-heading span{font-size:11px;color:#899086}.editor-body{display:grid;grid-template-columns:170px 1fr;gap:25px;padding-top:20px}.editor-image{background:#f3f3ef;min-height:160px;display:grid;place-items:center;padding:20px}.editor-image img{max-width:100%;max-height:140px;object-fit:contain}.editor-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-controls label{font-size:11px;color:#6d746b}.editor-controls input{display:block;margin-top:6px;width:100%;height:35px;border:1px solid #d3d8cf;padding:0 8px}.editor-actions{display:flex;gap:9px;margin-top:17px}.editor-actions .remove{border:0;background:none;color:#9d5a50;font-size:11px;margin-left:auto}.save-version{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:22px}.save-version h3{margin-bottom:6px}.version-fields{display:flex;gap:8px;flex:1;max-width:640px}.version-fields input{min-width:0}.inline-control{display:flex;align-items:center;gap:10px;font-size:11px;color:#70796e}.inline-control select{min-width:170px}.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.sample-buttons{display:flex;gap:5px;flex-wrap:wrap}.sample{border:1px solid #daddd6;background:#fff;padding:8px 11px;font-size:11px;color:#8b9188}.sample.active{background:#e5eae1;color:#344332;border-color:#aeb8a8}.preview-tools label{font-size:11px;color:#7a8077;white-space:nowrap}.preview-tools output{margin:0 10px}#preview-input{width:100%;min-height:72px;resize:vertical;border:1px solid #d7dbd3;background:#fff;padding:13px;font-size:12px;line-height:1.5;margin-bottom:16px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-card{min-height:280px;overflow:hidden}.card-label{padding:14px 17px;border-bottom:1px solid #e5e8e1;display:flex;justify-content:space-between;font-size:11px;color:#858d82}.font-preview{font-size:48px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;min-height:215px;color:#262b26}.quality-note{font-size:11px;color:#989e96;line-height:1.5;margin-top:15px}.export-box{padding:23px}.export-controls{display:flex;gap:14px}.export-controls label{font-size:11px;color:#737a70;flex:1;max-width:280px}.export-controls select{display:block;margin-top:7px}.download-buttons{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e5e8e1;margin-top:22px;padding-top:22px}.history-title{font-size:14px;margin:35px 0 15px}.version-history{display:grid;gap:8px}.version-row{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.version-row strong{font-size:12px}.version-row small{display:block;font-size:11px;color:#949b91;margin-top:6px}.version-row button{border:1px solid #d4d9cf;background:#fff;padding:7px 10px;font-size:11px;white-space:nowrap}.toast{position:fixed;bottom:26px;right:26px;background:#30382f;color:#fff;font-size:12px;padding:12px 16px;box-shadow:0 7px 25px #0002;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:min(400px,80vw)}.toast.visible{opacity:1;transform:none}.project-dialog{border:1px solid #d9ddd5;box-shadow:0 25px 65px #0003;width:min(440px,calc(100vw - 28px));padding:25px}.project-dialog::backdrop{background:#20282088}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:19px;margin:0}.dialog-top button{background:none;border:0;font-size:24px}.project-dialog p,.project-dialog small{color:#929990;font-size:11px;line-height:1.5}.project-dialog input[type=file]{font-size:11px;width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{padding:15px 18px;border-right:0;border-bottom:1px solid #ddd}.brand{padding:0 0 12px}.side-title,.side-foot{display:none}.project-list{display:flex;overflow:auto}.project-item{min-width:135px}.main{padding:25px 18px 60px}.main-header{align-items:flex-start}.header-actions{display:grid;justify-items:end}.photo-workspace{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.settings h3,.settings .hint,.settings .full,.settings .tiny{grid-column:1/-1}.save-version{display:block}.version-fields{margin-top:15px;max-width:none}}@media(max-width:620px){h1{font-size:29px}.header-actions{gap:7px}.header-actions .button{padding:8px;font-size:10px;min-height:32px}.tabs{gap:12px}.tab{font-size:9px}.tab span{font-size:11px}.section-heading{display:block}.section-heading .button,.section-heading .inline-control{margin-top:12px}.photo-stage{height:450px;min-height:300px}.settings{display:block}.glyph-workspace{grid-template-columns:1fr}.glyph-list{max-height:180px;overflow:auto}.editor-body{grid-template-columns:1fr}.save-version{padding:16px}.version-fields{display:grid}.preview-tools{display:block}.preview-tools label{display:block;margin-top:12px}.compare-grid{grid-template-columns:1fr}.export-controls{display:block}.export-controls label{display:block;margin-bottom:13px}.version-row{align-items:flex-start}.version-row div:last-child{display:grid;gap:5px}}