body{margin:0}.app{display:flex;height:100vh;width:100vw}.toolbar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 20px 20px;width:280px;z-index:10}.toolbar__button{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.toolbar__button:hover{background:#e9ecef;border-color:#adb5bd}.toolbar__button:active{background:#dee2e6}.toolbar__button--active{background:#007bff;border-color:#0056b3;color:#fff}.toolbar__button--active:hover{background:#0056b3;border-color:#004085}.new-project-button{background:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.new-project-button:hover{background:#c82333;border-color:#bd2130;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.new-project-button:active{box-shadow:0 1px 4px #dc354533;transform:translateY(0)}.canvas-container{flex:1 1;overflow:hidden;position:relative;z-index:0}.zoom-display{background:#000c;border-radius:6px;cursor:pointer;left:50%;padding:8px 12px;position:absolute;top:20px;transform:translateX(-50%);transition:all .2s ease;z-index:20}.zoom-display:hover{background:#000000e6}.zoom-display__text{color:#fff;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500}#bannerCanvas{background:#464646;display:block}.info-panel{background:#fff;border-left:1px solid #e9ecef;flex-shrink:0;overflow-y:auto;padding:20px;width:300px}.info-panel__section,.info-panel__section:last-child{margin-bottom:0}.info-panel__title{border-bottom:1px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.info-panel__title--toggle{all:unset;align-items:center;border-bottom:1px solid #e9ecef;color:#495057;cursor:pointer;display:flex;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px;width:100%}.info-panel__title--toggle:hover{color:#212529}.info-panel__title--toggle .info-panel__title-text{flex:1 1}.info-panel__title--toggle .info-panel__title-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid #868e96;height:0;transition:transform .15s ease,border-top-color .15s ease;width:0}.info-panel__title--toggle[aria-expanded=true] .info-panel__title-arrow{transform:rotate(180deg)}.info-panel__title--toggle:hover .info-panel__title-arrow{border-top-color:#495057}.info-panel__content{display:flex;flex-direction:column;gap:12px}.info-panel__row--two{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-field{display:flex;flex-direction:column;gap:4px}.info-panel__label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-panel__input{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.info-panel__input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.info-panel__select{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.info-panel__select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.info-panel__select:disabled{background:#f8f9fa;cursor:not-allowed}.info-panel__hint{color:#6c757d;display:block;font-size:11px;margin-top:4px}.artboard-lock-row{display:flex;flex-direction:column;gap:8px}.artboard-lock-row label{align-items:center;cursor:pointer;display:flex;gap:8px}.artboard-lock-row input[type=checkbox]{cursor:pointer;height:16px;width:16px}.artboard-lock__controls{margin-left:24px}.info-panel__select--mixed{color:#6c757d;font-style:italic}.info-panel__color-picker{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;height:40px;width:100%}.layer-panel{margin-top:0}.layer-panel__header{display:flex;gap:4px;margin-bottom:12px}.layer-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;padding:6px 8px;transition:all .2s ease}.layer-btn:hover{background:#e9ecef;border-color:#adb5bd}.layer-list{background:#fff;border:1px solid #e9ecef;border-radius:4px;overflow-y:auto}.layer-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s ease}.layer-item:hover{background:#f8f9fa}.layer-item.selected{background:#e3f2fd;border-left:3px solid #2196f3}.layer-item.dragging{cursor:grabbing;opacity:.5}.layer-item.drag-over{background:#e3f2fd;position:relative}.layer-item.drag-over:before{background:#007bff;content:"";height:2px;left:0;position:absolute;right:0;z-index:1}.layer-item.drag-over[data-drop-above=true]:before{top:-1px}.layer-item.drag-over[data-drop-above=false]:before{bottom:-1px}.layer-item:last-child{border-bottom:none}.layer-item:last-child.drag-over-bottom{border-bottom:2px solid #007bff}.layer-item__preview{border:none;border-radius:2px;box-sizing:border-box;flex-shrink:0;height:24px;overflow:hidden;width:24px}.layer-item__name{border-radius:2px;color:#495057;cursor:pointer;flex:1 1;font-size:14px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.layer-item__name:hover{background-color:#f8f9fa}.layer-item__name-input{border:1px solid #007bff;border-radius:2px;color:#495057;font-size:14px;outline:none;padding:2px 4px;width:100%}.layer-item__clip-icon{flex-shrink:0;height:24px;width:16px}.layer-item__clip-icon,.layer-item__clip-mask-icon{align-items:center;display:flex;justify-content:center}.layer-item__clip-mask-icon{cursor:default}.artboard-info{padding:12px 0}.artboard-info__item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.artboard-info__item:last-child{border-bottom:none}.artboard-info__label{color:#6c757d;font-size:14px;font-weight:500}.artboard-info__value{color:#495057;font-size:14px;font-weight:600}.artboard-row{align-items:center;display:flex;justify-content:space-between}.color-picker-container{align-items:flex-start;display:flex;gap:12px;margin:8px 0}.color-swatches{align-items:center;display:flex;flex-direction:column;gap:8px}.color-swatch{border:2px solid #dee2e6;border-radius:4px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.color-swatch:hover{border-color:#007bff;transform:scale(1.1)}.color-swatch.current-color{border-color:#dee2e6}.color-swatch.previous-color{opacity:.8}.color-swatch:after{border:1px solid #0000;border-radius:4px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.eyedropper-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.eyedropper-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}.eyedropper-btn:active{background:#dee2e6;transform:scale(.95)}.color-picker-always-visible{display:flex;justify-content:center}.color-picker-always-visible .chrome-picker{border:1px solid #dee2e6!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;width:220px!important}.used-colors-grouped{display:flex;flex-direction:column;gap:16px}.used-colors-type-group{display:flex;flex-direction:column;gap:8px}.used-colors-type-label{border-bottom:1px solid #e9ecef;color:#495057;font-size:12px;font-weight:600;padding:4px 0}.used-colors-grid{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.used-color-swatch{border:2px solid #dee2e6;border-radius:4px;cursor:pointer;height:32px;position:relative;transition:all .2s ease;width:32px}.used-color-swatch:hover{border-color:#007bff;transform:scale(1.1)}.border-radius-control{align-items:center;display:flex;gap:8px}.link-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.link-btn:hover{background:#e9ecef;border-color:#adb5bd}.link-btn.linked{background:#007bff;border-color:#0056b3;color:#fff}.border-radius-corners{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(4,1fr)}.border-radius-corner{display:flex;flex-direction:column;gap:4px}.border-radius-corner label{color:#6c757d;font-size:11px;font-weight:500}.border-radius-corner input{border:1px solid #dee2e6;border-radius:4px;font-size:13px;padding:4px 8px;width:100%}.border-radius-corner input:focus{border-color:#007bff;outline:none}.border-radius-corner input[type=number]::-webkit-inner-spin-button,.border-radius-corner input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.border-radius-corner input[type=number]{-webkit-appearance:textfield;appearance:textfield}.border-position-controls{display:flex;gap:8px;justify-content:space-between}.border-position-btn{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;gap:6px;padding:8px;transition:all .2s ease}.border-position-btn:hover{background:#e9ecef;border-color:#adb5bd}.border-position-btn.active{background:#007bff;border-color:#0056b3;color:#fff}.border-position-btn.active:hover{background:#0056b3;border-color:#004085}.border-position-preview{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.preview-object{background:#007bff;border-radius:2px;height:12px;position:relative;width:12px;z-index:2}.border-position-btn.active .preview-object{background:#fff}.preview-border{border:2px solid #dc3545;border-radius:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.border-position-btn.active .preview-border{border-color:#ffc107}.border-position-preview.outside .preview-border{height:20px;width:20px}.border-position-preview.center .preview-border{height:16px;width:16px}.border-position-preview.inside .preview-border{border-width:1px;height:9px;width:9px}.bottom-toolbar{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:#fffffff2;border:1px solid #dee2e6;border-radius:12px;bottom:16px;box-shadow:0 6px 20px #0000001f;display:flex;gap:6px;left:50%;padding:6px;position:absolute;transform:translateX(-50%);z-index:25}.bottom-toolbar__button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:inline-flex;font-size:18px;height:40px;justify-content:center;transition:all .15s ease;width:40px}.bottom-toolbar__button:hover{background:#f1f3f5;border-color:#ced4da}.bottom-toolbar__button--active{background:#007bff;border-color:#0056b3;color:#fff}.bottom-toolbar__button--active:hover{background:#0056b3;border-color:#004085}.bottom-toolbar__button--save{margin-left:auto}.bottom-toolbar__divider{background:#dee2e6;flex-shrink:0;height:40px;margin:0 12px;width:1px}.help-button{align-items:center;background:#007bff;border:none;border-radius:50%;bottom:12px;box-shadow:0 4px 12px #007bff66;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:600;height:36px;justify-content:center;position:fixed;right:350px;transition:all .2s ease;width:36px;z-index:1000}.help-button:hover{background:#0056b3;box-shadow:0 6px 16px #007bff80;transform:scale(1.05)}.help-button:active{transform:scale(.95)}.template-name-label{align-items:center;background:#000c;border-radius:6px;color:#fff;display:flex;font-family:Pretendard,sans-serif;font-size:12px;font-weight:500;gap:8px;left:332px;padding:8px 12px;position:fixed;top:12px;transition:all .2s ease;z-index:1000}.template-name-label:hover{background:#000000e6}.template-name-label__text{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.template-name-label__copy-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;opacity:.7;padding:0;transition:opacity .2s ease}.template-name-label__copy-button:hover{opacity:1}.template-name-label__copy-button:active{opacity:.5}.help-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.help-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.help-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.help-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.help-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.help-modal-close:hover{background-color:#f0f0f0}.help-modal-tabs{border-bottom:1px solid #e0e0e0;display:flex;padding:0 24px}.help-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;top:1px;transition:all .2s}.help-modal-tab:hover{background-color:#f9f9f9;color:#333}.help-modal-tab.active{border-bottom-color:#007bff;color:#007bff}.help-modal-body{flex:1 1;overflow-y:auto;padding:24px}.help-shortcuts h3,.help-usage h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{align-items:center;background-color:#f9f9f9;border-radius:6px;display:flex;gap:16px;padding:12px;transition:background-color .2s}.shortcut-item:hover{background-color:#f0f0f0}.shortcut-key{color:#007bff;font-family:Courier New,monospace;font-size:13px;font-weight:600;min-width:180px}.shortcut-description{color:#555;flex:1 1;font-size:14px}.help-usage{display:flex;flex-direction:column;gap:24px}.usage-section{border-bottom:1px solid #e0e0e0;padding-bottom:20px}.usage-section:last-child{border-bottom:none;padding-bottom:0}.usage-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.usage-section ul{color:#555;line-height:1.8;margin:0;padding-left:20px}.usage-section li{font-size:14px;margin-bottom:8px}.usage-section li:last-child{margin-bottom:0}.help-modal-body::-webkit-scrollbar{width:8px}.help-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.help-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.help-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.template-gallery-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-gallery-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-gallery-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.template-gallery-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.template-gallery-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.template-gallery-close:hover{background:#f3f4f6;color:#1f2937}.template-gallery-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.template-gallery-toolbar,.template-gallery-toolbar-left{align-items:center;display:flex;gap:16px}.template-gallery-scan-button{background:#007bff}.template-gallery-random-button,.template-gallery-scan-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-gallery-random-button{background:#28a745;white-space:nowrap}.template-gallery-random-button:hover:not(:disabled){background:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.template-gallery-random-button:active:not(:disabled){box-shadow:0 1px 4px #28a74533;transform:translateY(0)}.template-gallery-random-button:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.template-gallery-scan-button:hover:not(:disabled){background:#0056b3}.template-gallery-scan-button:disabled{cursor:not-allowed;opacity:.6}.template-gallery-count{color:#6b7280;font-size:14px}.template-gallery-error{background:#fee2e2;border-bottom:1px solid #e5e7eb;color:#dc2626;font-size:14px;padding:12px 24px}.template-gallery-content{flex:1 1;overflow-y:auto;padding:24px}.template-gallery-empty{color:#6b7280;padding:60px 20px;text-align:center}.template-gallery-empty p{font-size:16px;margin:8px 0}.template-gallery-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-gallery-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.template-gallery-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.template-gallery-thumbnails{grid-gap:2px;aspect-ratio:1;background:#f9fafb;display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}.template-gallery-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.template-gallery-thumbnail-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:14px;grid-column:1/-1;height:100%;justify-content:center}.template-gallery-item-footer{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.template-gallery-item-name{color:#1f2937;font-size:14px;font-weight:500;text-align:center}.template-gallery-load-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;width:100%}.template-gallery-load-button:hover{background:#0056b3}.template-gallery-load-button:active{transform:scale(.98)}.template-gallery-detail-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.template-gallery-detail-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1000px;width:90%}.template-gallery-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.template-gallery-detail-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.template-gallery-detail-content{display:flex;flex:1 1;gap:20px;min-height:0;overflow:hidden;padding:24px}.template-gallery-detail-main-image{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:hidden}.template-gallery-detail-image{height:100%;max-height:600px;object-fit:contain;width:100%}.template-gallery-detail-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:16px;height:400px;justify-content:center;width:100%}.template-gallery-detail-thumbnails{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:8px;width:120px}.template-gallery-detail-thumbnails::-webkit-scrollbar{width:6px}.template-gallery-detail-thumbnails::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.template-gallery-detail-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.template-gallery-detail-thumbnails::-webkit-scrollbar-thumb:hover{background:#94a3b8}.template-gallery-detail-thumbnail-item{aspect-ratio:1;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease;width:100%}.template-gallery-detail-thumbnail-item:hover{border-color:#007bff;transform:scale(1.05)}.template-gallery-detail-thumbnail-item.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.template-gallery-detail-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.template-gallery-detail-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:16px 24px}.template-gallery-detail-load-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 32px;transition:all .2s ease}.template-gallery-detail-load-button:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.template-gallery-detail-load-button:active{transform:translateY(0)}
/*# sourceMappingURL=main.8012aa2e.css.map*/