code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Isamanru;justify-content:center;min-height:100vh;width:100%}.main-content{color:#fff;padding:40px;text-align:center}.main-title{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.main-subtitle{font-size:1.2rem;margin-bottom:40px;opacity:.9}.start-button{background:#fff;border:none;border-radius:30px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-family:Isamanru;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.start-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.main-title{font-size:2rem}.main-subtitle,.start-button{font-size:1rem}.start-button{padding:12px 30px}}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:OmuDaye;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2) format("woff2")}@font-face{font-display:swap;font-family:CookieRun;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:NexonLv1Gothic;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF%20Light.woff) format("woff")}@font-face{font-display:swap;font-family:Isamanru;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff) format("woff")}.editor-page{background:#f5f5f5;min-height:100vh;padding:20px}.editor-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px}.editor-form{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px}.editor-form h2{color:#333;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:10px}.form-group input[type=text],.form-group select{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border .3s;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group input[type=range]{width:100%}.upload-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background .3s;width:100%}.upload-button:hover{background:#5568d3}.category-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.category-tab{background:#fff;border:2px solid #ddd;border-radius:20px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s;white-space:nowrap}.category-tab:hover{background:#f0f4ff;border-color:#667eea}.category-tab.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:700}.class-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto;padding:5px}.class-buttons::-webkit-scrollbar{width:6px}.class-buttons::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.class-buttons::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.class-buttons::-webkit-scrollbar-thumb:hover{background:#5568d3}.class-button{align-items:center;background:#2d3748;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;padding:8px;transition:all .3s}.class-button-icon{height:20px;object-fit:contain;width:20px}.class-button:hover{background:#3d4758;border-color:#667eea}.class-button.active{background:#667eea;border-color:#667eea;color:#fff}.frame-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.frame-button{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:all .3s}.frame-button:hover{background:#f0f4ff;border-color:#667eea}.frame-button.active{background:#667eea;border-color:#667eea;color:#fff}.complete-button{background:#4caf50;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:15px;transition:background .3s;width:100%}.complete-button:hover{background:#45a049}.editor-preview{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px}.editor-preview h3{color:#333;margin-bottom:20px}.preview-card{aspect-ratio:2/3;border-radius:15px;box-shadow:0 4px 20px #0003;margin:0 auto;max-width:450px}.preview-card,.preview-frame{overflow:hidden;position:relative;width:100%}.preview-frame{--frame-image:none;background:#2d3748;height:100%}.preview-frame:after{background-image:var(--frame-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.upload-placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:1}.upload-placeholder:hover .upload-circle{background:#667eea33;border-color:#5568d3;transform:scale(1.05)}.upload-circle{align-items:center;background:#667eea1a;border:3px dashed #667eea;border-radius:50%;display:flex;height:100px;justify-content:center;transition:all .3s ease;width:100px}.upload-plus{color:#667eea;font-size:48px;font-weight:300;line-height:1}.upload-text{color:#667eea;font-size:16px;font-weight:500;opacity:.9}.preview-image{-webkit-user-drag:none;left:50%;max-height:100%;max-width:100%;object-fit:cover;position:absolute;top:50%;-webkit-user-select:none;user-select:none;z-index:1}.preview-text{bottom:0;color:#fff;justify-content:flex-end;left:0;padding:30px;pointer-events:none;position:absolute;right:0;top:0;z-index:20}.preview-text,.text-with-line{display:flex;flex-direction:column}.text-with-line{gap:2px;padding-left:20px;position:relative}.class-section{align-items:center;display:flex;gap:10px;pointer-events:none}.class-icon-image{background:#ffffff1a;border-radius:50%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));height:32px;object-fit:contain;padding:4px;width:32px}.class-name{font-size:20px}.class-name,.nickname-large{font-weight:700;text-shadow:2px 2px 4px #00000080}.nickname-large{font-size:48px;line-height:1.1;margin-bottom:0}.message-large{font-size:26px;font-weight:500;line-height:1.3;margin-top:0;text-shadow:2px 2px 4px #00000080}.preview-hint{color:#666;font-size:14px;margin-bottom:20px;margin-top:15px;text-align:center}.info-section{display:flex;flex-direction:column;gap:4px;position:relative}.info-vertical-line{background:currentColor;border-radius:2px;height:100px;left:0;opacity:.8;position:absolute;top:0;width:3px}.preview-frame.theme-dark{background:#2d3748}.preview-frame.theme-dark .preview-text{color:#fff}.preview-frame.theme-white{background:#fff}.preview-frame.theme-white .preview-text{color:#111}.preview-frame.theme-white .class-icon-image{background:#0000000d}.preview-frame.theme-white .class-name,.preview-frame.theme-white .message-large,.preview-frame.theme-white .nickname-large{text-shadow:none}.preview-frame.theme-white .class-icon-image,.preview-frame.theme-white .class-section img{filter:brightness(.05)}.theme-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.remove-image-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:18px;height:34px;line-height:34px;position:absolute;right:14px;text-align:center;top:14px;width:34px;z-index:60}.remove-image-button:hover{background:#0000008c}@media (max-width:1024px){.editor-container{grid-template-columns:1fr}.editor-form{order:2}.editor-preview{order:1}}@media (max-width:768px){.editor-page{padding:10px}.editor-form,.editor-preview{padding:20px}.class-buttons{grid-template-columns:1fr}.preview-text{padding:20px}.class-icon{font-size:24px}.class-name{font-size:18px}.nickname-large{font-size:32px}.message-large{font-size:20px;margin-top:0}}.result-page{background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.result-container{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:1400px;width:100%}.result-page .preview-card{aspect-ratio:2/3;border-radius:15px;box-shadow:0 4px 20px #0003;margin:0 auto;max-width:600px;overflow:hidden;position:relative;width:100%}.download-button{background:#4caf50;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:54px;width:260px}.download-button:hover{background:#43a047}.reset-button{background:none;border:none;color:#666;cursor:pointer;font-size:14px}@media (max-width:768px){.result-page{padding:20px 10px}.result-page .preview-card{max-width:100%}}*{box-sizing:border-box;margin:0;padding:0}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}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.0010794d.css.map*/