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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:100vw;overflow-x:hidden;text-align:center;width:100%}.App-logo{margin-bottom:20px;max-height:200px}.App-header{background-blend-mode:overlay,overlay,overlay,normal;background-image:linear-gradient(45deg,#597eb4,#597eb4 4%,#6b6fa8 0,#6b6fa8 38%,#7d609d 0,#7d609d 51%,#8f5191 0,#8f5191 59%,#a24385 0,#a24385 69%,#b43479 0,#b43479 74%,#c6256e 0,#c6256e 95%,#d81662 0,#d81662),linear-gradient(90deg,#597eb4,#597eb4 4%,#6b6fa8 0,#6b6fa8 38%,#7d609d 0,#7d609d 51%,#8f5191 0,#8f5191 59%,#a24385 0,#a24385 69%,#b43479 0,#b43479 74%,#c6256e 0,#c6256e 95%,#d81662 0,#d81662),linear-gradient(0deg,#597eb4,#597eb4 4%,#6b6fa8 0,#6b6fa8 38%,#7d609d 0,#7d609d 51%,#8f5191 0,#8f5191 59%,#a24385 0,#a24385 69%,#b43479 0,#b43479 74%,#c6256e 0,#c6256e 95%,#d81662 0,#d81662),linear-gradient(90deg,#854792,#61ec30);justify-content:flex-start}.App-header,.App-header2{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1.5vmin);min-height:100vh;overflow-y:auto;padding:2rem 1rem}.App-header2{background-blend-mode:overlay,overlay,overlay,normal;background-image:linear-gradient(90deg,#adadad,#4d4d4d),linear-gradient(135deg,#471d7f,#471d7f 52%,#633b7e 0,#633b7e 54%,#7e597d 0,#7e597d 56%,#9a767d 0,#9a767d 64%,#b5947c 0,#b5947c 82%,#d1b27b 0,#d1b27b),linear-gradient(0deg,#471d7f,#471d7f 52%,#633b7e 0,#633b7e 54%,#7e597d 0,#7e597d 56%,#9a767d 0,#9a767d 64%,#b5947c 0,#b5947c 82%,#d1b27b 0,#d1b27b),linear-gradient(45deg,#471d7f,#471d7f 52%,#633b7e 0,#633b7e 54%,#7e597d 0,#7e597d 56%,#9a767d 0,#9a767d 64%,#b5947c 0,#b5947c 82%,#d1b27b 0,#d1b27b)}.App-link{color:#61dafb}.input-grid-form{grid-gap:15px;gap:15px}.screen-change-button{background-color:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:16px;max-width:300px;padding:12px 24px;transition:all .3s ease;width:100%}.screen-change-button:hover{background-color:#8e44ad;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.screen-change-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.back-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:20px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background-color:#2980b9;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.back-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.main-content{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:1rem;width:100%}.title-logo{height:auto;margin-bottom:1.5rem;max-width:300px}.app-input{background-color:#0003;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.9rem;padding:10px 16px;transition:all .3s ease;width:100%}.app-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db4d;outline:none}.app-select{background-color:#0003;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 16px;width:100%}.app-select option{background-color:#2c3e50;color:#fff}.input-section,.npc-editor-container{width:100%}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#fffc;font-size:.9rem;font-weight:500;text-align:left}.header-content{padding:0 20px}.exporter-container{align-items:center;padding:0}.logo-section{align-items:center;background-color:#0003;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;justify-content:center;padding:20px}.layout-logo{animation:App-logo-spin 20s linear infinite;height:auto;max-width:150px;width:100%}.button-editor-column,.dialogue-editor-column{flex:1 1;min-width:0}@media (max-width:1024px){.input-grid-form,.main-layout-row{grid-template-columns:1fr}.buttons-section,.logo-section{margin:0 auto;max-width:400px;width:100%}}@media (max-width:768px){.App-header,.App-header2{padding:1rem}.App-logo{max-height:120px}.editors-container{flex-direction:column}.back-button,.screen-change-button{width:100%}.app-input,.app-select{font-size:16px}}@media (min-width:1400px){.main-layout-container{max-width:1400px}}.input-grid-form .input-group:last-child{grid-column:span 2}.app-input,.app-select{font-size:14px;min-height:40px;width:100%}.editor-container{max-height:500px}.form-section.expanded{padding:24px}@media (max-width:768px){.input-grid-form{grid-template-columns:1fr}.input-grid-form .input-group:last-child{grid-column:span 1}}.button-19{-webkit-appearance:button;appearance:button;background-color:#1899d6;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;line-height:20px;margin:0;outline:none;overflow:visible;padding:10px 12px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:auto}.button-19,.button-19:after{border:solid #0000;border-radius:16px;border-width:0 0 4px}.button-19:after{background-clip:padding-box;background-color:#1cb0f6;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.button-19:focus,.button-19:main{-webkit-user-select:auto;user-select:auto}.button-19:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}.button-19:disabled{cursor:auto}.button-19:active{background:none;border-width:4px 0 0}.npc-filter-container{background-color:#0000004d!important;border:1px solid #fff3;border-radius:8px;box-shadow:0 3px 8px #0000004d;padding:15px}.npc-filter-header{border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px}.npc-filter-header h4{font-weight:600}.npc-filter-list{gap:8px}.npc-filter-list::-webkit-scrollbar{width:6px}.npc-filter-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.npc-filter-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.npc-filter-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.npc-filter-item{background-color:#ffffff1a;gap:8px;padding:6px 12px;transition:all .2s ease}.npc-filter-item:hover{background-color:#ffffff26;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.npc-filter-item:active{transform:translateY(0)}.npc-filter-item span{color:#fff;font-size:.9rem}.npc-filter-item input{height:16px;width:16px}.npc-filter-item input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#0000004d;border:1px solid #fff6;border-radius:3px;position:relative;transition:all .2s ease}.npc-filter-item input[type=checkbox]:checked{background-color:#1cb0f6;border-color:#1899d6}.npc-filter-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:3px;position:absolute;top:0}.button-19.filter-toggle{background-color:#9b59b6!important}.button-19.filter-toggle:after{background-color:#8e44ad!important}.button-19.toggle-all{background-color:#3498db!important}.button-19.toggle-all:after{background-color:#2980b9!important}.button-19.collapse-all,.button-19.expand-all{background-color:#7f8c8d!important}.button-19.collapse-all:after,.button-19.expand-all:after{background-color:#95a5a6!important}.button-name,.command-item,.dialogue-content,.dialogue-title,.editor-text,.empty-state,.npc-header,.toggle-icon{color:#fff!important}.editor-container{background-color:#0000004d!important}.command-input,.editor-input,.editor-select{background-color:#0000004d!important;border:1px solid #fff3!important;color:#fff!important}.command-editors-container{width:100%}.editor-section{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;min-width:0!important;width:calc(50% - 10px)!important}.button-command-list-container,.dialogue-pointer-container{flex:1 1 auto!important;min-width:0!important;width:100%!important}.editors-container{display:flex;gap:20px;width:100%}.editors-container>div{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;width:calc(50% - 10px)!important}.input-grid{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}@media (max-width:800px){.command-editors-container,.editors-container{flex-direction:column!important}.editor-section,.editors-container>div{flex:1 1 auto!important;width:100%!important}}.dialogue-content,.dialogue-title,.editor-text,.text-wrap{max-width:100%!important;width:auto!important}.editor-section-header{width:100%}.command-editor-container,.npc-editor-container{margin-bottom:20px}.command-editors-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;margin-top:20px!important;width:100%!important}.command-editor-container .editor-section,.editors-container>div{flex:0 0 50%!important;max-width:50%!important;min-width:0!important;width:50%!important}@media (max-width:767px){.command-editors-container,.editors-container{flex-direction:column!important}.command-editor-container .editor-section,.editors-container>div{flex:0 0 100%!important;max-width:100%!important;width:100%!important}}.editor-container{overflow:auto!important}.button-command-content,.dialogue-pointer-content,.editor-container{max-width:100%!important;width:100%!important}.button-name,.command-item,.dialogue-content,.dialogue-title,.text-wrap{max-width:300px!important;overflow:hidden!important;text-overflow:ellipsis!important}.editor-section-actions{white-space:nowrap!important}.command-input-group{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important}.command-input{flex:1 1!important;min-width:200px!important}.npc-filter-select{max-width:200px!important;min-width:150px!important;width:auto!important}.main-layout-container{display:flex;flex-direction:column;gap:20px;max-width:1200px;width:100%}.main-layout-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:5fr 2fr 3fr;width:100%}.main-layout-row.no-logo{grid-template-columns:7fr 3fr}.form-section{background-color:#0003;border-radius:8px;box-shadow:0 2px 8px #0003;padding:20px}.form-section.expanded{width:100%}.buttons-section{background-color:#0003;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;gap:20px;padding:20px}.editors-row{width:100%}.editors-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;width:100%!important}.button-editor-column,.dialogue-editor-column{flex:1 1!important;min-width:0!important;width:calc(50% - 10px)!important}.commands-button-row{padding:10px 0}.commands-button-row,.exporter-container{display:flex;justify-content:center;width:100%}.export-button{width:100%}.npc-editor-container{margin-bottom:0}.input-section{background-color:initial;box-shadow:none;margin-bottom:15px;padding:0}.input-grid-form{grid-gap:16px;gap:16px}.input-group{width:100%}.editor-container{height:400px;overflow-y:auto}.dialogue-item.next-in-chain{background-color:#2196f326;border-left:3px solid #2196f3}.auto-selected{animation:highlight-pulse 2s ease-in-out}@media (max-width:1024px){.input-grid-form,.main-layout-row,.main-layout-row.no-logo{grid-template-columns:1fr}.buttons-section{margin:0 auto;max-width:400px;width:100%}}@media (max-width:768px){.editors-container{flex-direction:column!important}.button-editor-column,.dialogue-editor-column{width:100%!important}}.command-input-top{display:flex;flex-direction:column;gap:15px;width:100%}.button-command-list-container,.dialogue-pointer-container{max-height:600px;overflow-y:auto}.button-item.selected{background-color:#4caf5026;border-left:3px solid #4caf50;padding-left:5px}.dialogue-item.matched{background-color:#2196f326;border-left:3px solid #2196f3;padding-left:5px}.auto-selected{animation:highlight-pulse 1.5s ease-in-out}.dialogue-content{max-width:100%}.editor-button{min-height:28px;padding:5px 10px}@media (max-width:768px){.command-input{flex:1 1 auto;width:100%}.command-input-group{flex-direction:column;gap:10px}.npc-filter-select{width:100%}}.input-grid-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:5px;width:100%}.input-grid-form .input-group:first-child{grid-column:1;grid-row:1}.input-grid-form .input-group:nth-child(2){grid-column:2;grid-row:1}.input-grid-form .input-group:nth-child(3){grid-column:1;grid-row:2}.input-grid-form .input-group:nth-child(4){grid-column:1;grid-row:3}.input-grid-form .input-group:nth-child(5){grid-column:2;grid-row:3;width:90%}.input-group{margin-bottom:8px}.input-group input,.input-group select{box-sizing:border-box;width:100%}@media (max-width:768px){.input-grid-form{display:flex;flex-direction:column;gap:15px}.input-grid-form .input-group{width:100%!important}.input-grid-form .input-group:nth-child(4){order:4}.input-grid-form .input-group:nth-child(5){order:5}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-title{color:#fff;font-size:2rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px #00000080}.header-content{align-items:center;display:flex;flex-direction:column;width:100%}.editor-container{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;height:auto;max-height:70vh;min-height:300px;overflow:auto;padding:15px;position:relative;text-align:left;transition:all .3s ease;width:100%;word-break:break-word}.editor-container h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.1rem;margin-bottom:16px;margin-top:0;padding-bottom:8px}.editor-section{display:flex;flex-direction:column;width:100%}.editor-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.editor-section-header h3{border-bottom:none;margin:0;padding-bottom:0}.editor-section-actions{display:flex;gap:8px}.empty-state{border:1px dashed #fff3;border-radius:6px;color:#ffffff80;font-style:italic;padding:20px;text-align:center}.editor-list{list-style-type:none;margin:0;padding:0}.editor-list-item{background-color:#ffffff0d;border-radius:4px;margin-bottom:8px;padding:8px;transition:background-color .2s ease}.editor-list-item:hover{background-color:#ffffff1a}.editor-list-item-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.editor-text{color:#fff;cursor:pointer;flex:1 1;max-width:400px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-text.full,.text-wrap{white-space:normal;word-break:break-word}.text-wrap{max-width:400px}.dialogue-index{color:#4caf50;font-weight:700;margin-right:4px}.editor-actions{display:flex;flex-shrink:0;gap:4px}.button-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.npc-section{margin-bottom:15px}.npc-header{background-color:#ffffff1a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;margin-top:10px;padding:8px 12px;transition:background-color .2s ease}.npc-header:hover{background-color:#ffffff26}.npc-content{margin-top:5px;padding-left:12px}.dialogue-section{margin-bottom:12px}.dialogue-header{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;justify-content:space-between;padding:6px 0}.dialogue-title{color:#fff;flex:1 1;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogue-item{font-weight:500;margin-top:8px}.dialogue-row{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 8px}.dialogue-row:hover{background-color:#ffffff1a}.dialogue-content{color:#fff;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogue-item.pointed{color:#fff9}.pointed-badge{background-color:#607d8b;border-radius:10px;color:#fff;font-size:.7rem;margin-left:8px;padding:1px 6px;vertical-align:middle}.button-item{border-left:2px solid #fff3;margin-bottom:8px;margin-left:12px;padding-left:8px}.button-header{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.button-name{color:#ffffffe6;font-weight:500}.command-list{margin-top:4px}.command-item{color:#ffffffb3;font-family:monospace;font-size:.85rem;margin-left:4px;padding:2px 0}.editor-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 8px;transition:all .2s ease}.editor-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.editor-button:active{transform:translateY(1px)}.editor-button.selected{background-color:#f1c40f;color:#333}.editor-button.edit{background-color:#3498db}.editor-button.delete{background-color:#e74c3c}.editor-button.cancel{background-color:#7f8c8d}.editor-button.point{background-color:#2ecc71}.editor-button.clear-selection{background-color:#7f8c8d;margin-left:8px}.editor-input{background-color:#0003;border:1px solid #fff3;border-radius:4px;color:#fff;padding:8px 12px;transition:all .2s ease}.editor-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db4d;outline:none}.editor-input:disabled{cursor:not-allowed;opacity:.5}.editor-select{background-color:#0003;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.editor-select option{background-color:#2c3e50;color:#fff}.command-input-container{margin-bottom:20px}.command-input-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.command-input{flex:1 1;min-width:250px}.npc-filter-select{min-width:150px;width:200px}.npc-filter-container{background-color:#0003;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:15px;padding:12px}.npc-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.npc-filter-header h4{color:#fff;font-size:1rem;margin:0}.npc-filter-list{display:flex;flex-wrap:wrap;gap:10px;max-height:200px;overflow-y:auto;padding:5px}.npc-filter-item{align-items:center;background-color:#ffffff14;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:5px 10px;transition:background-color .2s ease}.npc-filter-item:hover{background-color:#ffffff1f}.npc-filter-item input{cursor:pointer}.command-editors-container{display:flex;flex-wrap:wrap;gap:20px}.button-command-list-container,.dialogue-pointer-container{flex:1 1;max-width:100%;min-width:300px}.selected-button-info{align-items:center;background-color:#3498db33;border-radius:4px;color:#ffffffe6;display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:8px 12px}.selected-button,.selected-dialogue,.selected-npc{color:#fff;font-weight:600}.toggle-icon{color:#fff;font-size:.7rem;opacity:.7}.editor-container::-webkit-scrollbar{width:8px}.editor-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.editor-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.editor-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.command-input-group{flex-direction:column}.npc-filter-select{width:100%}.editor-list-item-content{align-items:flex-start;flex-direction:column}.editor-text{margin-bottom:8px}.selected-button-info{align-items:flex-start;flex-direction:column}.editor-button.clear-selection{align-self:flex-end;margin-left:0;margin-top:8px}}.empty-dialogue-message{color:#ffffffb3;font-style:italic;padding:8px 0}.dialogue-chain-help{margin-bottom:15px;width:100%}.help-button{background-color:#3498db!important;font-size:11px!important;margin-bottom:10px;padding:8px 12px!important}.help-button:after{background-color:#2980b9!important}.help-content{animation:fadeIn .3s ease;background-color:#0003;border:1px solid #3498db4d;border-radius:8px;color:#fff;padding:15px;text-align:left}.help-content h4{color:#3498db;font-size:1.1rem;margin-bottom:10px;margin-top:0}.help-content p{font-size:.9rem;line-height:1.4;margin-bottom:15px}.chain-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.chain-step{align-items:flex-start;display:flex;gap:12px}.step-number{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}.step-content{flex:1 1;font-size:.9rem}.chain-example{background-color:#00000026;border-radius:6px;margin-top:15px;padding:12px}.chain-example h5{color:#3498db;font-size:.95rem;margin-bottom:10px;margin-top:0}.example-chain{align-items:center;display:flex;flex-direction:column;gap:6px}.chain-node{background-color:#3498db33;border:1px solid #3498db4d;border-radius:4px;font-size:.85rem;max-width:180px;padding:8px 12px;text-align:center;width:100%}.chain-arrow{color:#3498db;font-size:1.2rem;font-weight:700}@media (max-width:768px){.chain-example{padding:8px}.chain-node{max-width:100%}}.mode-toggles{background-color:#0003;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:10px}.mode-toggle-item{align-items:center;background-color:#ffffff1a;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:5px 10px;transition:background-color .2s ease}.mode-toggle-item:hover{background-color:#ffffff26}.mode-toggle-item input{cursor:pointer;height:16px;width:16px}.mode-toggle-item span{color:#fff;font-size:.9rem}.dialogue-action-buttons{display:flex;gap:8px}.editor-button.correct-answer{background-color:#2e7d32;color:#fff}.editor-button.correct-answer:hover{background-color:#388e3c}.editor-button.wrong-answer{background-color:#d32f2f;color:#000}.editor-button.wrong-answer:hover{background-color:#e53935}.button-item.auto-selected{animation:highlight-pulse 1.5s ease-in-out}@keyframes highlight-pulse{0%{background-color:#4caf501a}50%{background-color:#4caf504d}to{background-color:#4caf501a}}@media (max-width:768px){.mode-toggles{flex-direction:column;gap:8px}.dialogue-action-buttons{flex-direction:column;width:100%}.editor-button.correct-answer,.editor-button.point,.editor-button.wrong-answer{width:100%}}.file-importer{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:10px;max-width:100%;padding:10px;transition:all .3s ease;width:100%}.file-input-label{cursor:pointer;display:inline-block}.import-status{font-size:.85rem;margin-top:8px;transition:all .3s ease}.import-status.success{color:#4caf50}.import-status.error{color:#f44336}.progress-container{margin-top:10px;width:100%}.progress-bar{background-color:#e0e0e0;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progressGlow 1.5s infinite;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.file-input-button{align-items:center;border-radius:4px;display:inline-flex;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.file-input-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.file-input-button:active{transform:translateY(1px)}.file-input-button svg{height:16px;width:16px}.preview-container{animation:fadeIn .3s ease;background-color:#0000000d;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;padding:16px;width:100%}.preview-container h3{color:#fff;font-size:1.2rem;margin-bottom:16px;margin-top:0;text-align:center}.preview-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.preview-actions{display:flex;gap:8px}.apply-button{background-color:#4caf50!important}.apply-button:disabled{background-color:#ccc!important;cursor:not-allowed;opacity:.7}.cancel-button{background-color:#f44336!important}.npc-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:16px;max-height:50vh;overflow-y:auto;padding:8px}.npc-preview-item{background-color:#ffffff1a;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease}.npc-preview-item:hover{background-color:#ffffff26}.npc-preview-item.selected{background-color:#4caf5033;border-left:3px solid #4caf50}.npc-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.npc-checkbox input{cursor:pointer;height:16px;width:16px}.npc-name{color:#fff;flex:1 1;font-weight:500}.npc-stats{display:flex;justify-content:space-around;margin-top:8px}.stat-item{align-items:center;color:#fffc;display:flex;flex-direction:column;font-size:.85rem}.stat-icon{font-size:1rem;margin-bottom:4px}.stat-count{color:#fff;font-weight:700}.stat-label{font-size:.7rem;opacity:.7}.preview-summary{border-top:1px solid #ffffff1a;color:#fffc;font-size:.9rem;padding:8px;text-align:center}@keyframes loadingDots{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.loading-dot{animation:loadingDots 1.4s ease-in-out infinite}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes progressGlow{0%{box-shadow:0 0 5px #4caf504d}50%{box-shadow:0 0 10px #4caf5080}to{box-shadow:0 0 5px #4caf504d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.preview-controls{align-items:stretch;flex-direction:column}.preview-actions{justify-content:space-between}.npc-list{grid-template-columns:1fr;max-height:60vh}}.npc-list::-webkit-scrollbar{width:8px}.npc-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.npc-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.npc-list::-webkit-scrollbar-thumb:hover{background:#fff6}
/*# sourceMappingURL=main.82e4e66b.css.map*/