html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column}header{flex-shrink:0}.container{width:100%;flex-grow:1;padding:20px;box-sizing:border-box;display:flex;min-height:0}.editor-container{display:flex;flex-wrap:nowrap;gap:20px;width:100%;height:100%}.canvas-container{flex:1;min-width:600px;position:relative;display:flex;min-height:0}#petri-canvas{width:100%;height:100%;display:block}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#d8dee9;margin:0;padding:0;background-color:#2e3440}.container{width:100%;padding:20px;box-sizing:border-box}header{background-color:#3b4252;color:#eceff4;padding:0}h1,h2,h3{margin-top:0;color:#e5e9f0}button{background-color:#81a1c1;color:#eceff4;border:none;padding:8px 15px;margin:2px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}button:hover{background-color:#88c0d0}button.active{background-color:#8fbcbb}button.danger{background-color:#bf616a}button.danger:hover{background-color:#d08770}button.success{background-color:#a3be8c}button.success:hover{background-color:#8fbcbb}button:disabled{background-color:#4c566a;cursor:not-allowed;color:#e5e9f0}.canvas-container{overflow:hidden}#petri-canvas{width:100%;height:100%;resize:none}.editor-container{display:flex;flex-wrap:wrap;gap:20px}.canvas-container{flex:1;min-width:600px;background-color:#3b4252;border-radius:5px;box-shadow:0 2px 5px #0003;padding:15px;position:relative}.sidebar{width:320px;background-color:#3b4252;border-radius:5px;box-shadow:0 2px 5px #0003;padding:0;overflow-y:auto;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.sidebar-tabs{display:flex;background-color:#2e3440;border-top-left-radius:5px;border-top-right-radius:5px;position:sticky;top:0;z-index:10}.sidebar-tab{flex:1;padding:12px 5px;background:none;border:none;border-bottom:2px solid transparent;color:#d8dee9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin:0;border-radius:0}.sidebar-tab:hover{background-color:#88c0d01a;color:#eceff4}.sidebar-tab.active{background-color:#3b4252;border-bottom-color:#88c0d0;color:#eceff4}.sidebar-content{flex:1;overflow-y:auto}.sidebar-pane{display:none;padding:15px}.sidebar-pane.active{display:block;margin-bottom:100px}.sidebar-section{margin-bottom:15px;background-color:#434c5e;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#4c566a;cursor:pointer;user-select:none}.section-header h3{margin:0;font-size:15px;color:#e5e9f0}.section-icon{margin-right:8px;width:16px;text-align:center;color:#88c0d0}.section-title{display:flex;align-items:center}.section-toggle{background:none;border:none;color:#d8dee9;font-size:12px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.section-collapsed .section-toggle{transform:rotate(-90deg)}.section-content{padding:15px;border-top:1px solid rgba(46,52,64,.3)}.section-collapsed .section-content{display:none}.section-actions{display:flex;padding:0 15px 15px;gap:10px}.button-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.button-group button{flex:1;min-width:80px}.tokens-display,#data-values-content{max-height:200px;overflow-y:auto}.data-variable-changed{animation:highlight 1.5s ease-in-out}@keyframes highlight{0%{background-color:#8fbcbb66}to{background-color:transparent}}.toolbar{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #434C5E;display:flex;flex-wrap:wrap}.toolbar-group{margin-right:10px;margin-bottom:10px;display:flex}.properties-panel{margin-top:15px}input,select{width:100%;padding:8px;border:1px solid #4C566A;border-radius:4px;box-sizing:border-box;background-color:#434c5e;color:#eceff4}canvas{display:block;background-color:#2e3440;border-radius:4px;border:1px solid #4C566A}.templates{margin-top:15px;padding-top:15px;border-top:1px solid #434C5E}.template-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.simulation-controls{margin-top:15px;padding-top:15px;border-top:1px solid #434C5E}.tokens-display{margin-top:10px;font-size:14px}.tokens-display div{margin-bottom:5px}.file-operations{margin-top:15px;padding-top:15px;border-top:1px solid #434C5E}.hidden{display:none}footer{margin-top:30px;text-align:center;color:#d8dee9;font-size:14px;padding:20px 0}.header-title{margin:0;padding:0}.resizable-content{min-height:30px;min-width:30px;resize:both;overflow:auto;max-height:fit-content;max-width:fit-content}.vertical-toolbar{position:absolute;left:10px;top:70px;display:flex;flex-direction:column;background-color:#3b4252;border-radius:5px;box-shadow:0 2px 8px #0000004d;padding:10px;z-index:100}.toolbar-group.vertical{display:flex;flex-direction:column;margin-right:0;margin-bottom:0;gap:8px}.vertical-toolbar button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px}.vertical-toolbar button:hover{background-color:#88c0d0;transform:scale(1.05)}.canvas-container{position:relative}.zoom-controls{position:absolute;right:15px;top:15px;display:flex;align-items:center;background-color:#3b4252cc;border-radius:5px;padding:5px 10px;box-shadow:0 2px 8px #0003;z-index:100}.zoom-controls button{width:30px;height:30px;padding:0;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}#zoom-display{margin:0 10px;min-width:60px;text-align:center;font-size:14px;font-weight:500}.pan-instructions{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background-color:#3b4252cc;border-radius:5px;padding:5px 15px;font-size:12px;color:#e5e9f0;z-index:100;pointer-events:none;transition:opacity .5s;opacity:.8}.pan-instructions:hover{opacity:.3}.navigation-help{margin-top:15px;padding-top:15px;border-top:1px solid #434C5E}.help-list{margin:10px 0;padding-left:20px;font-size:14px}.help-list li{margin-bottom:8px}canvas.pan-active{cursor:grabbing}canvas.pan-ready{cursor:grab}body,header,footer,.sidebar,.vertical-toolbar,.container,.editor-container,.canvas-container,#petri-canvas{transition:all .3s ease-in-out}body.fullscreen-mode header,body.fullscreen-mode footer,body.fullscreen-mode .sidebar{opacity:0;visibility:hidden;position:absolute}body.fullscreen-mode .container{width:100%;max-width:none;padding:0;margin:0;transition:width .3s ease-in-out,max-width .3s ease-in-out,padding .3s ease-in-out,margin .3s ease-in-out}body.fullscreen-mode .editor-container{display:block;transition:display .3s ease-in-out}body.fullscreen-mode .canvas-container{position:fixed;top:0;left:0;z-index:1000;background-color:#fff;transition:width .3s ease-in-out,height .3s ease-in-out,position .3s ease-in-out,top .3s ease-in-out,left .3s ease-in-out}body.fullscreen-mode #petri-canvas{width:100vw!important;height:100vh!important;transition:width .3s ease-in-out,height .3s ease-in-out}.zoom-controls{z-index:500;transition:z-index .3s ease-in-out}.pan-instructions{z-index:499;transition:z-index .3s ease-in-out}#btn-fullscreen{transition:transform .3s ease-in-out,background-color .3s ease-in-out}body.fullscreen-mode #btn-fullscreen{background-color:#faa;transform:rotate(180deg)}.petri-overlay-container{z-index:10;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.petri-overlay-arrow{position:absolute;pointer-events:auto;cursor:pointer;transition:background-color .2s ease;box-shadow:0 1px 3px #0003;z-index:11}.petri-overlay-arrow:hover{transform:translate(15%,15%) scale(1.2)!important}.final-marking-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(76,86,106,.3)}.final-marking-item.satisfied{color:#a3be8c}.final-marking-item.pending{color:#ebcb8b}.place-label{font-weight:500}.marking-status{font-family:monospace;font-size:12px}.final-marking-summary{padding-bottom:8px;border-bottom:1px solid rgba(76,86,106,.3);margin-bottom:8px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:#3b4252;width:80%;max-width:600px;border-radius:5px;box-shadow:0 4px 8px #0003;overflow:hidden}.modal-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #434C5E}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.modal-footer{padding:15px 20px;border-top:1px solid #434C5E;display:flex;justify-content:flex-end;gap:10px}.close-btn{background:none;border:none;font-size:24px;color:#d8dee9;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#eceff4}.hidden{display:none!important}.form-tab-container{display:flex;flex-direction:column}.form-tabs{display:flex;border-bottom:1px solid #434C5E;margin-bottom:20px}.form-tab{background:none;border:none;padding:10px 15px;color:#d8dee9;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.form-tab:hover{color:#eceff4}.form-tab.active{color:#fff;border-bottom-color:#88c0d0}.form-tab-content{display:none}.form-tab-content.active{display:block}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:500;color:#e5e9f0}input,select,textarea{width:100%;padding:8px;border:1px solid #4C566A;border-radius:4px;box-sizing:border-box;background-color:#434c5e;color:#eceff4}textarea{resize:vertical;min-height:80px}.event-log-panel{position:fixed;inset:2%;background-color:#3b4252;border-radius:5px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;z-index:990;overflow:hidden;border:3px solid black}.event-log-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #434C5E}.event-log-header h3{margin:0;color:#e5e9f0}.event-log-controls{display:flex;gap:10px}.event-log-controls button{background-color:#81a1c1;color:#eceff4;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.event-log-controls button:hover{background-color:#88c0d0}.event-log-stats{padding:15px 20px;border-bottom:1px solid #434C5E;overflow-y:auto;min-height:50%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:15px}.stat-item{background-color:#434c5e;padding:10px;border-radius:4px}.stat-label{font-size:12px;color:#d8dee9;margin-bottom:5px}.stat-value{font-size:18px;font-weight:500;color:#eceff4}.stats-section{margin-top:20px}.stats-section h4{margin:0 0 10px;color:#e5e9f0}.activity-chart{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:10px}.activity-name{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#d8dee9}.activity-bar{flex-grow:1;height:16px;background-color:#434c5e;border-radius:2px;overflow:hidden}.activity-bar-fill{height:100%;background-color:#88c0d0}.activity-count{width:40px;text-align:right;font-size:14px;color:#d8dee9}.event-log-table-container{flex-grow:1;overflow-y:auto;padding:0}#event-log-table{width:100%;border-collapse:collapse}#event-log-table th{background-color:#4c566a;color:#eceff4;text-align:left;padding:10px;position:sticky;top:0;z-index:1}#event-log-table td{padding:8px 10px;border-bottom:1px solid #434C5E;color:#d8dee9;font-size:14px}#event-log-table tr:hover td{background-color:#434c5e}#event-log-table .message{text-align:center;font-style:italic;color:#81a1c1;padding:15px}button.blue{background-color:#5e81ac}button.blue:hover{background-color:#81a1c1}.data-variables-panel{margin-top:15px;padding-top:15px;border-top:1px solid #434C5E}.data-variables-table,.data-values-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.data-variables-table th,.data-variables-table td,.data-values-table th,.data-values-table td{padding:6px;text-align:left;border-bottom:1px solid #434C5E}.data-variables-table th,.data-values-table th{background-color:#4c566a;color:#e5e9f0}.data-variables-table button,.data-values-table button{padding:2px 5px;font-size:12px;margin:0 2px}.data-values-display{margin-top:15px;border-top:1px solid #434C5E;padding-top:10px}.data-values-display h4{margin-top:0;margin-bottom:10px;color:#e5e9f0}#transition-precondition,#transition-postcondition{font-family:Courier New,monospace;background-color:#3b4252;color:#e5e9f0;border:1px solid #4C566A;width:100%;padding:8px;resize:vertical}#transition-precondition:focus,#transition-postcondition:focus{outline:none;border-color:#88c0d0}.form-group small{display:block;color:#d8dee9;font-size:12px;margin-top:5px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-container{background-color:#3b4252;border-radius:5px;box-shadow:0 2px 10px #0000004d;width:80%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #434C5E}.modal-header h2{margin:0;color:#e5e9f0}.close-btn{background:none;border:none;font-size:24px;color:#d8dee9;cursor:pointer}.modal-body{padding:15px}.modal-footer{padding:15px;border-top:1px solid #434C5E;display:flex;justify-content:flex-end;gap:10px}.modal-body h3{margin-top:0;color:#88c0d0}.modal-body h4{color:#81a1c1}.modal-body code{font-family:Courier New,monospace;background-color:#4c566a;padding:2px 4px;border-radius:3px;color:#8fbcbb}.modal-body ul{padding-left:20px}.modal-body ul li{margin-bottom:8px}#btn-add-data-transition{font-size:20px;font-weight:700;color:#eceff4;background-color:#8fbcbb}#btn-add-data-transition.active,#btn-add-data-transition:hover{background-color:#88c0d0}.form-group textarea{min-height:60px}#btn-help-data-expressions{background-color:#5e81ac;color:#eceff4}#btn-help-data-expressions:hover{background-color:#81a1c1}#btn-validate-expressions{background-color:#a3be8c;color:#2e3440}#btn-validate-expressions:hover{background-color:#8fbcbb}#btn-convert-to-data-transition{background-color:#5e81ac;color:#eceff4}#btn-convert-to-data-transition:hover{background-color:#81a1c1}.sl-verification-modal{position:fixed;inset:0;background-color:#000000b3;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.sl-verification-modal.show{display:flex}.sl-modal-content{background-color:#2e3440;border-radius:8px;box-shadow:0 4px 20px #00000080;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column}.sl-details-modal-content{max-width:1400px}.sl-modal-header{background-color:#3b4252;padding:20px;border-bottom:2px solid #4C566A;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.sl-modal-title{color:#eceff4;margin:0;font-size:24px;display:flex;align-items:center;gap:10px}.sl-close-btn{background:none;border:none;color:#d8dee9;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.sl-close-btn:hover{background-color:#434c5e;color:#eceff4}.sl-modal-body{padding:20px;overflow-y:auto;flex:1}.sl-details-modal-body{padding:0}.sl-details-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:20px;background-color:#3b4252;border-bottom:1px solid #4C566A}.sl-details-overview-item{display:flex;flex-direction:column;gap:5px}.sl-details-overview-label{color:#d8dee9;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.sl-details-overview-value{color:#eceff4;font-size:18px;font-weight:600}.sl-details-sound{color:#a3be8c}.sl-details-unsound{color:#bf616a}.sl-details-tabs{display:flex;gap:0;background-color:#3b4252;border-bottom:2px solid #4C566A;padding:0 20px}.sl-details-tab{background:none;border:none;color:#d8dee9;padding:15px 25px;cursor:pointer;font-size:14px;font-weight:500;border-bottom:3px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px}.sl-details-tab:hover{color:#eceff4;background-color:#434c5e}.sl-details-tab.active{color:#3f5a61;border-bottom-color:#88c0d0}.sl-details-tab-content{display:none;padding:20px;min-height:400px}.sl-details-tab-content.active{display:block}.sl-details-description{color:#d8dee9;line-height:1.6}.sl-details-description h3{color:#eceff4;margin-top:0}.sl-details-description ul{margin:15px 0;padding-left:25px}.sl-details-description li{margin:10px 0}.sl-details-description strong{color:#88c0d0}.sl-details-steps-container{color:#d8dee9}.sl-details-no-steps{text-align:center;padding:40px;color:#d8dee9;font-style:italic}.sl-details-category{margin-bottom:25px;background-color:#3b4252;border-radius:6px;overflow:hidden}.sl-details-category-title{background-color:#4c566a;color:#eceff4;padding:12px 15px;margin:0;font-size:16px;display:flex;align-items:center;gap:10px}.sl-details-category-icon{font-size:18px}.sl-details-steps{padding:10px}.sl-details-step{background-color:#2e3440;border:1px solid #4C566A;border-radius:4px;padding:12px;margin:8px 0}.sl-details-step-header{display:flex;justify-content:space-between;margin-bottom:8px}.sl-details-step-number{background-color:#5e81ac;color:#eceff4;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600}.sl-details-step-time{color:#d8dee9;font-size:12px;font-family:Courier New,monospace}.sl-details-step-content{color:#e5e9f0;font-size:14px;line-height:1.5}.sl-details-metadata{margin-top:10px;padding:10px;background-color:#3b4252;border-left:3px solid #88C0D0;border-radius:3px;font-family:Courier New,monospace;font-size:12px;color:#d8dee9;white-space:pre-wrap}.sl-debug-logs-wrapper{display:flex;flex-direction:column;gap:15px}.sl-debug-logs-controls{display:flex;gap:15px;padding:15px;background-color:#3b4252;border-radius:6px;align-items:center;flex-wrap:wrap}.sl-debug-filter-group{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.sl-debug-filter-group label{color:#d8dee9;font-size:14px;font-weight:500;white-space:nowrap}.sl-debug-filter-select,.sl-debug-search-input{background-color:#2e3440;border:1px solid #4C566A;color:#eceff4;padding:8px 12px;border-radius:4px;font-size:14px;flex:1}.sl-debug-filter-select:focus,.sl-debug-search-input:focus{outline:none;border-color:#88c0d0}.sl-debug-logs-container{max-height:500px;overflow-y:auto}.sl-debug-category{margin-bottom:20px;background-color:#3b4252;border-radius:6px;overflow:hidden}.sl-debug-category-title{background-color:#4c566a;color:#eceff4;padding:12px 15px;margin:0;font-size:16px;display:flex;align-items:center;gap:10px;font-weight:600}.sl-debug-category-icon{font-size:18px}.sl-debug-logs-list{padding:10px}.sl-debug-log-entry{background-color:#2e3440;border-left:3px solid #4C566A;border-radius:4px;padding:10px 12px;margin:8px 0;font-family:Courier New,monospace;font-size:13px}.sl-debug-log-entry.sl-debug-level-debug{border-left-color:#88c0d0}.sl-debug-log-entry.sl-debug-level-info{border-left-color:#81a1c1}.sl-debug-log-entry.sl-debug-level-warn{border-left-color:#ebcb8b}.sl-debug-log-entry.sl-debug-level-error{border-left-color:#bf616a}.sl-debug-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sl-debug-log-time{color:#d8dee9;font-size:11px}.sl-debug-log-level{background-color:#4c566a;color:#eceff4;padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:600}.sl-debug-level-debug .sl-debug-log-level{background-color:#5e81ac}.sl-debug-level-info .sl-debug-log-level{background-color:#81a1c1}.sl-debug-level-warn .sl-debug-log-level{background-color:#ebcb8b;color:#2e3440}.sl-debug-level-error .sl-debug-log-level{background-color:#bf616a}.sl-debug-log-message{color:#e5e9f0;margin-bottom:6px;line-height:1.4}.sl-debug-log-data{background-color:#3b4252;padding:8px;border-radius:3px;margin-top:8px}.sl-debug-log-data pre{margin:0;color:#d8dee9;font-size:12px;white-space:pre-wrap;word-wrap:break-word}.sl-details-footer{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px;background-color:#3b4252;border-top:1px solid #4C566A;border-radius:0 0 8px 8px}.sl-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.sl-btn-primary{background-color:#5e81ac;color:#eceff4}.sl-btn-primary:hover{background-color:#81a1c1}.sl-btn-secondary{background-color:#4c566a;color:#eceff4}.sl-btn-secondary:hover{background-color:#434c5e}.sl-modal-body::-webkit-scrollbar,.sl-debug-logs-container::-webkit-scrollbar{width:8px}.sl-modal-body::-webkit-scrollbar-track,.sl-debug-logs-container::-webkit-scrollbar-track{background-color:#2e3440}.sl-modal-body::-webkit-scrollbar-thumb,.sl-debug-logs-container::-webkit-scrollbar-thumb{background-color:#4c566a;border-radius:4px}.sl-modal-body::-webkit-scrollbar-thumb:hover,.sl-debug-logs-container::-webkit-scrollbar-thumb:hover{background-color:#5e81ac}.sl-lts-container{display:flex;flex-direction:column;gap:20px}.sl-lts-info{background-color:#3b4252;border-radius:6px;padding:15px;display:flex;flex-direction:column;gap:15px}.sl-lts-stats{display:flex;gap:20px;flex-wrap:wrap}.sl-lts-stat{display:flex;align-items:center;gap:10px;background-color:#2e3440;padding:10px 15px;border-radius:4px;border-left:3px solid #88C0D0}.sl-lts-stat-label{color:#d8dee9;font-size:14px;font-weight:500}.sl-lts-stat-value{color:#88c0d0;font-size:18px;font-weight:600}.sl-lts-description{color:#d8dee9;line-height:1.6}.sl-lts-description p{margin:0}.sl-lts-output{background-color:#2e3440;border:1px solid #4C566A;border-radius:6px;overflow:hidden}.sl-lts-text{margin:0;padding:20px;color:#e5e9f0;font-family:Courier New,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;max-height:600px;overflow-y:auto}.sl-lts-text::-webkit-scrollbar{width:8px;height:8px}.sl-lts-text::-webkit-scrollbar-track{background-color:#2e3440}.sl-lts-text::-webkit-scrollbar-thumb{background-color:#4c566a;border-radius:4px}.sl-lts-text::-webkit-scrollbar-thumb:hover{background-color:#5e81ac}.pnml-import-container{width:90%;max-width:800px;max-height:90vh;background-color:#3b4252;border-radius:8px;box-shadow:0 8px 32px #0006}.pnml-import-content{display:flex;flex-direction:column;gap:25px}.progress-container{margin-bottom:20px;background-color:#434c5e;border-radius:8px;padding:20px;border-left:4px solid #D08770}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#progress-text{font-size:14px;color:#e5e9f0;font-weight:500}#progress-percentage{font-size:14px;color:#88c0d0;font-weight:600;min-width:40px;text-align:right}.progress-bar{width:100%;height:8px;background-color:#4c566a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#88c0d0,#8fbcbb);border-radius:4px;transition:width .3s ease;width:0%;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-section{margin-bottom:20px}.upload-area{border:2px dashed #88C0D0;border-radius:8px;padding:40px 20px;text-align:center;background-color:#434c5e;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.upload-area:hover{border-color:#8fbcbb;background-color:#4c566a;transform:translateY(-2px);box-shadow:0 4px 20px #88c0d033}.upload-area.drag-over{border-color:#a3be8c;background-color:#a3be8c1a;border-style:solid}.upload-icon{font-size:48px;margin-bottom:15px;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.upload-area p{margin:0 0 10px;font-size:16px;color:#e5e9f0}.upload-area strong{color:#88c0d0;text-decoration:underline}.upload-info{font-size:14px;color:#d8dee9;font-style:italic}.import-settings{background-color:#434c5e;border-radius:8px;padding:20px;border-left:4px solid #81A1C1}.import-settings h3{margin:0 0 20px;color:#e5e9f0;display:flex;align-items:center;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-weight:600;color:#e5e9f0;font-size:14px;display:flex;align-items:center;gap:8px}.setting-item select,.setting-item input[type=range]{background-color:#4c566a;border:1px solid #5E81AC;border-radius:4px;color:#eceff4;padding:8px;font-size:14px;transition:border-color .2s ease}.setting-item select:focus,.setting-item input[type=range]:focus{outline:none;border-color:#88c0d0;box-shadow:0 0 0 2px #88c0d033}.setting-item input[type=range]{width:100%;height:6px;background:#4c566a;cursor:pointer}.setting-item input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#88c0d0;border-radius:50%;cursor:pointer;border:2px solid #ECEFF4;box-shadow:0 2px 4px #0003;transition:all .2s ease}.setting-item input[type=range]::-webkit-slider-thumb:hover{background:#8fbcbb;transform:scale(1.1)}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#88c0d0;border-radius:50%;cursor:pointer;border:2px solid #ECEFF4;box-shadow:0 2px 4px #0003}.range-value{font-size:13px;color:#88c0d0;font-weight:600;text-align:center;background-color:#4c566a;padding:4px 8px;border-radius:4px;min-width:60px}.setting-item input[type=checkbox]{width:auto;margin:0;accent-color:#88C0D0}.setting-item small{display:block;color:#d8dee9;font-size:12px;margin-top:4px;margin-left:24px;font-style:italic}.preview-section{background-color:#434c5e;border-radius:8px;padding:20px;border-left:4px solid #A3BE8C}.preview-section h3{margin:0 0 15px;color:#e5e9f0;display:flex;align-items:center;gap:8px}.preview-info{margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:15px}.info-item{display:flex;justify-content:space-between;align-items:center;background-color:#4c566a;padding:10px 12px;border-radius:6px;border:1px solid transparent;transition:all .2s ease}.info-item:hover{border-color:#88c0d0;transform:translateY(-1px)}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:13px;color:#d8dee9;font-weight:500}.info-value{font-size:14px;font-weight:600;color:#eceff4}.info-value.success{color:#a3be8c}.info-value.warning{color:#ebcb8b}.preview-container{display:flex;flex-direction:column;gap:15px}#pnml-preview-canvas{border:2px solid #4C566A;border-radius:6px;background-color:#2e3440;box-shadow:inset 0 2px 8px #0003;width:100%;height:300px;max-width:100%}.preview-controls{display:flex;gap:10px;justify-content:center}.preview-controls button{background-color:#5e81ac;color:#eceff4;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.preview-controls button:hover{background-color:#81a1c1;transform:translateY(-1px);box-shadow:0 4px 12px #5e81ac4d}.pnml-import-container .modal-footer{background-color:#434c5e;border-top:1px solid #4C566A;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:20px}.pnml-import-container .modal-footer button{padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;transition:all .2s ease;min-width:120px}#btn-cancel-import{background-color:#4c566a;color:#e5e9f0}#btn-cancel-import:hover{background-color:#5e81ac;color:#eceff4}#btn-apply-import{background-color:#a3be8c;color:#2e3440}#btn-apply-import:hover{background-color:#8fbcbb;transform:translateY(-1px);box-shadow:0 4px 12px #a3be8c66}#btn-apply-import:disabled{background-color:#4c566a;color:#616e88;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.pnml-import-container{width:95%;margin:10px}.settings-grid,.info-grid{grid-template-columns:1fr}.upload-area{padding:30px 15px}.upload-icon{font-size:36px}#pnml-preview-canvas{height:250px}.preview-controls{flex-direction:column}.preview-controls button{width:100%}}.import-settings,.preview-section{animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#d8dee9;font-style:italic}.preview-loading:before{content:"⏳";margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-area.success{border-color:#a3be8c;background-color:#a3be8c1a}.upload-area.success .upload-icon:after{content:" ✅"}.file-type-indicator{position:absolute;top:10px;right:10px;background-color:#5e81ac;color:#eceff4;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;opacity:0;transition:opacity .3s ease}.upload-area:hover .file-type-indicator{opacity:1}