@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:-.3px;transform:rotate(.04deg)}body,input,select,textarea,button{font-family:Pretendard,sans-serif!important}body{background-color:#f0f2f5;margin:0;padding:10px 20px;overflow-y:scroll}.container{width:100%;max-width:900px;margin:5px auto;padding:0 4px}h1{text-align:left;flex:1;margin-top:5px;margin-bottom:15px;font-size:1.5rem;font-weight:400;color:#000!important;font-family:Black Han Sans,sans-serif!important}.card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:16px;width:100%;margin-bottom:12px;padding:20px 26px;box-shadow:0 4px 12px #0000000d}h3{text-align:center;margin-top:0;margin-bottom:15px;font-size:.95rem;font-weight:400;font-family:Black Han Sans,sans-serif!important}.upload-section{text-align:center;border-bottom:1px solid #f0f2f5;margin-bottom:15px;padding-bottom:15px}.upload-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.upload-row .setting-label{align-items:center;margin-bottom:0;line-height:1;display:flex}.upload-row input[type=file]{line-height:1}.bg-file-input{display:none}.bg-file-label{color:#1a1a1a;cursor:pointer;text-align:center;background-color:#fff;border:1.5px solid #cbd5e0;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:400;display:inline-block}.bg-file-label:hover{background-color:#f8f9fa}.file-name{color:#4a5568;background:#f0f2f5;border:1px solid #cbd5e0;border-radius:6px;padding:8px 12px;font-size:.85rem}.setting-label{color:#444;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.settings-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px;display:flex}.setting-item{flex-direction:column;flex:0 0 calc(17% - 10px);gap:8px;display:flex}.setting-item:nth-child(2),.setting-item:nth-child(3),.setting-item:nth-child(4),.setting-item:nth-child(5){flex:0 0 11%}.setting-item label{color:#555;text-align:center;width:100%;font-size:.75rem}.setting-item input{border:1.5px solid #cbd5e0;border-radius:8px;width:100%;padding:7px 10px;font-size:.75rem;color:#1a1a1a!important;background-color:#fff!important}.setting-item select{width:100%}.custom-size-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:10px;display:grid}.row{grid-template-columns:70px minmax(160px,.88fr) minmax(240px,1.6fr) minmax(140px,1.22fr) 40px;align-items:center;gap:6px;width:100%;margin-bottom:8px;display:grid}.row.header-row{color:#666;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:1px 4px;font-size:.75rem}.row input,.row select,.setting-item select{box-sizing:border-box;border:1.5px solid #cbd5e0;border-radius:8px;height:32px;padding:6px 8px;font-size:.75rem;color:#1a1a1a!important;background-color:#fff!important}.row input::placeholder{color:#a0aec0}.day-select{width:100%}.name-input,.room-input{flex:160px;min-width:100px}.row>*{min-width:0}.time-select-group{box-sizing:border-box;background:#f8f9fa;border:1.5px solid #cbd5e0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:6px 8px;display:flex}.time-select-group select{box-sizing:border-box;border:none;height:auto;padding:4px 6px;font-size:.75rem;color:#1a1a1a!important;background:0 0!important}.time-dash{color:#444;font-size:.75rem}input[type=file]::file-selector-button{cursor:pointer;background-color:#4a5568;border:none;border-radius:6px;padding:5px 12px;font-size:.75rem;color:#fff!important;font-family:Pretendard,sans-serif!important}.add-btn{color:#4a5568;cursor:pointer;background:#f8f9fa;border:1.5px dashed #a0aec0;border-radius:8px;width:100%;padding:8px;font-size:.75rem}.delete-btn{cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:8px 10px;font-size:.75rem;color:#fff!important}.generate-wrapper{justify-content:center;margin:15px 0;display:flex}.generate-btn{cursor:pointer;background:#3182ce;border:none;border-radius:999px;width:200px;padding:12px;font-size:.95rem;box-shadow:0 6px 16px #3182ce40;color:#fff!important;font-family:Black Han Sans,sans-serif!important}@media (width<=1024px){.container{max-width:100%}.settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:70px minmax(140px,1fr) minmax(200px,1fr) minmax(120px,1fr) 40px}}@media (width<=720px){body{padding:10px 12px}.upload-row{flex-direction:column;align-items:stretch;gap:10px}.upload-row .setting-label{text-align:left;width:100%;margin-bottom:5px}.upload-row input[type=file]{width:100%}.settings-row{flex-wrap:wrap}.settings-row .setting-item:first-child,.settings-row .setting-item:nth-child(2){flex:0 0 calc(50% - 7.5px)}.settings-row .setting-item:nth-child(3),.settings-row .setting-item:nth-child(4),.settings-row .setting-item:nth-child(5){flex:0 0 calc(33.333% - 10px)}.custom-size-row{grid-template-columns:1fr}.row{border-bottom:1px solid #e2e8f0;grid-template-columns:70px 1fr 70px;gap:6px;margin-bottom:14px;padding-bottom:12px}.row:last-child{border-bottom:none;margin-bottom:10px}.row .day-select{grid-column:1}.row .name-input{grid-column:2/4}.row .time-select-group{flex-wrap:wrap;grid-column:1/4;align-items:center;gap:2px;display:flex}.row .time-select-group select{flex:0 auto;min-width:45px;padding:3px 4px;font-size:.7rem}.row .time-dash{font-size:.7rem}.row .room-input{grid-column:1/3}.row .delete-btn{grid-column:3;align-self:center}.row.header-row{display:none}.time-select-group{flex-wrap:wrap;justify-content:space-between;width:100%}.generate-btn{width:100%;max-width:320px}}.generate-btn:disabled{background:#a0aec0}.color-button-group{justify-content:center;align-items:center;gap:10px;display:flex}.color-button{cursor:pointer;border:2px solid #ccc;border-radius:50%;width:30px;height:30px;padding:0;transition:all .2s;box-shadow:0 2px 6px #0000001a}.color-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-button.selected{border-width:3px;box-shadow:0 4px 12px #0000004d}.result-container img{border-radius:12px;max-width:100%;box-shadow:0 8px 20px #0000001a}@media (width<=1024px){.container{max-width:100%}.settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:70px minmax(140px,1fr) minmax(200px,1fr) minmax(120px,1fr) 40px}}@media (width<=720px){body{padding:10px 12px}.settings-row,.custom-size-row{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:8px}.time-select-group{flex-wrap:wrap;justify-content:space-between;width:100%}.generate-btn{width:100%;max-width:320px}}