html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column}header{position:fixed;top:0;left:0;right:0;z-index:200;pointer-events:none;background:transparent}header .container{padding:8px 16px;display:block}header .header-title{font-size:16px;color:#eceff4d9;pointer-events:auto;display:inline-block;background-color:#3b4252b3;padding:4px 12px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.container{width:100%;flex-grow:1;padding:0;box-sizing:border-box;display:flex;min-height:0}.editor-container{display:flex;flex-wrap:nowrap;gap:0;width:100%;height:100vh}.canvas-container{flex:1;min-width:0;position:relative;display:flex;min-height:0;width:100%;height:100%}#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}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;background-color:#2e3440;border-radius:0;padding:0;position:relative}#petri-canvas{width:100%;height:100%;resize:none;border:none;border-radius:0}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background-color:#3b4252f2;border-right:1px solid #4C566A;box-shadow:4px 0 20px #0006;padding:0;overflow-y:auto;display:flex;flex-direction:column;z-index:300;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.sidebar-visible{transform:translate(0)}.sidebar.sidebar-hidden{transform:translate(-100%)}.sidebar-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:301;width:28px;height:60px;background-color:#3b4252e6;border:1px solid #4C566A;border-left:none;border-radius:0 6px 6px 0;color:#d8dee9;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:left .3s ease-in-out,background-color .2s;box-shadow:2px 0 8px #0000004d}.sidebar-toggle:hover{background-color:#4c566a}.sidebar.sidebar-visible~.sidebar-toggle,.sidebar-toggle.sidebar-expanded{left:300px}.sidebar.sidebar-hidden~.sidebar-toggle,.sidebar-toggle:not(.sidebar-expanded){left:0;border-radius:0 6px 6px 0}.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{display:none}.header-title{margin:0;padding:0}.resizable-content{min-height:30px;min-width:30px;resize:none;overflow:hidden}.vertical-toolbar{position:absolute;left:10px;top:50px;display:flex;flex-direction:column;background-color:#3b4252d9;border-radius:5px;box-shadow:0 2px 8px #0000004d;padding:10px;z-index:100;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}body.sidebar-open .vertical-toolbar{transform:translate(300px)}.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)}.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;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}body.panel-open .zoom-controls{transform:translate(-365px)}.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{opacity:0;visibility:hidden}body.fullscreen-mode .sidebar,body.fullscreen-mode .sidebar-toggle,body.fullscreen-mode .side-panel,body.fullscreen-mode .side-panel-toggle{opacity:0;visibility:hidden}body.fullscreen-mode .vertical-toolbar{top:10px}.zoom-controls{z-index:500;transition:transform .3s cubic-bezier(.4,0,.2,1)}.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.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}.form-hint{display:block;margin-top:5px;font-size:12px;color:#81a1c1;font-style:italic}.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}.generation-progress-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100}.generation-progress-container{background-color:#3b4252;width:90%;max-width:700px;border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden}.generation-progress-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #434C5E}.generation-progress-header h3{margin:0;color:#88c0d0;display:flex;align-items:center;gap:10px}.generation-progress-header .spinner{width:20px;height:20px;border:3px solid #434C5E;border-top-color:#88c0d0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generation-progress-body{padding:20px}.progress-status{margin-bottom:20px}.progress-status-text{color:#e5e9f0;font-size:14px;margin-bottom:10px;display:flex;justify-content:space-between}.progress-bar-container{background-color:#2e3440;border-radius:4px;height:24px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#5e81ac,#88c0d0);border-radius:4px;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#eceff4;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.progress-detail-item{background-color:#434c5e;padding:10px 15px;border-radius:4px}.progress-detail-label{font-size:11px;color:#81a1c1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.progress-detail-value{font-size:14px;color:#eceff4;font-family:Consolas,Monaco,monospace}.webppl-code-preview{background-color:#2e3440;border-radius:4px;overflow:hidden}.webppl-code-preview-header{background-color:#434c5e;padding:8px 15px;display:flex;justify-content:space-between;align-items:center}.webppl-code-preview-header span{color:#81a1c1;font-size:12px;font-weight:500}.webppl-code-preview-header .badge{background-color:#a3be8c;color:#2e3440;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.webppl-code-preview pre{margin:0;padding:15px;max-height:200px;overflow-y:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;color:#d8dee9;white-space:pre-wrap;word-wrap:break-word}.webppl-code-preview pre .comment{color:#616e88}.webppl-code-preview pre .keyword{color:#81a1c1}.webppl-code-preview pre .function{color:#88c0d0}.webppl-code-preview pre .string{color:#a3be8c}.webppl-code-preview pre .number{color:#b48ead}.generation-progress-footer{padding:15px 20px;border-top:1px solid #434C5E;display:flex;justify-content:space-between;align-items:center}.generation-progress-footer .elapsed-time{color:#d8dee9;font-size:13px}.generation-progress-footer button{background-color:#bf616a;color:#eceff4;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s}.generation-progress-footer button:hover{background-color:#d08770}.generation-progress-footer button:disabled{background-color:#4c566a;cursor:not-allowed}.variable-distributions-section{margin-top:25px;border-top:1px solid #434C5E;padding-top:20px}.variable-distributions-section h4{margin:0 0 15px;color:#88c0d0;display:flex;align-items:center;gap:10px}.variable-distributions-section h4:before{content:"📊"}.distributions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.distribution-card{background-color:#434c5e;border-radius:6px;padding:15px;display:flex;flex-direction:column}.distribution-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #4C566A}.distribution-card-header h5{margin:0;color:#eceff4;font-size:14px;font-family:Consolas,Monaco,monospace}.distribution-card-header .var-type{font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase;font-weight:600}.distribution-card-header .var-type.int{background-color:#5e81ac;color:#eceff4}.distribution-card-header .var-type.float{background-color:#a3be8c;color:#2e3440}.distribution-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;font-size:11px}.distribution-stat{text-align:center}.distribution-stat-label{color:#81a1c1;margin-bottom:2px}.distribution-stat-value{color:#eceff4;font-weight:600;font-family:Consolas,Monaco,monospace}.histogram-container{flex-grow:1;min-height:100px;display:flex;align-items:flex-end;gap:2px;padding:10px 5px 5px;background-color:#2e3440;border-radius:4px;position:relative}.histogram-container:before{content:"";position:absolute;left:5px;right:5px;bottom:20px;border-bottom:1px dashed #4C566A}.histogram-bar{flex:1;background:linear-gradient(to top,#5e81ac,#88c0d0);border-radius:2px 2px 0 0;min-width:8px;max-width:30px;transition:opacity .2s;position:relative;cursor:pointer}.histogram-bar:hover{opacity:.8}.histogram-bar:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#2e3440;color:#eceff4;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;border:1px solid #4C566A}.histogram-bar:hover:after{opacity:1}.histogram-labels{display:flex;justify-content:space-between;padding:5px 5px 0;font-size:10px;color:#81a1c1}.no-variables-message{text-align:center;color:#81a1c1;font-style:italic;padding:20px;background-color:#434c5e;border-radius:6px}.boolean-distribution{display:flex;height:24px;border-radius:4px;overflow:hidden;margin-top:10px}.boolean-true{background-color:#a3be8c;display:flex;align-items:center;justify-content:center;color:#2e3440;font-size:11px;font-weight:600}.boolean-false{background-color:#bf616a;display:flex;align-items:center;justify-content:center;color:#eceff4;font-size:11px;font-weight:600}.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}.expr-editor-modal{max-width:950px;width:95%}.expr-editor-body{padding:0;display:flex;flex-direction:column;gap:0;max-height:70vh;overflow:hidden}.expr-two-column-layout{display:flex;flex-direction:row;height:100%;min-height:400px}.expr-left-column{flex:0 0 380px;padding:15px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #434C5E;background-color:#3b4252;overflow:hidden}.expr-right-column{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background-color:#2e3440}.expr-right-column::-webkit-scrollbar{width:8px}.expr-right-column::-webkit-scrollbar-track{background-color:#2e3440}.expr-right-column::-webkit-scrollbar-thumb{background-color:#4c566a;border-radius:4px}.expr-right-column::-webkit-scrollbar-thumb:hover{background-color:#5e81ac}.expr-help-section{border-bottom:1px solid #434C5E;padding-bottom:10px}.expr-help-btn{background-color:#5e81ac;color:#eceff4;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}.expr-help-btn:hover{background-color:#81a1c1}.expr-help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#eceff4;color:#5e81ac;font-weight:700;font-size:12px}.expr-help-content{margin-top:10px;padding:12px;background-color:#2e3440;border-radius:6px;font-size:13px;line-height:1.5;max-height:150px;overflow-y:auto}.expr-help-content p{margin:5px 0}.expr-help-content ul{margin:8px 0;padding-left:20px}.expr-help-content li{margin:4px 0}.expr-help-content code{background-color:#4c566a;padding:2px 5px;border-radius:3px;font-family:Courier New,monospace;color:#8fbcbb}.expr-input-section{display:flex;flex-direction:column;gap:8px;flex:1}.expr-input-section label{font-weight:600;color:#eceff4}.expr-textarea{width:100%;flex:1;min-height:150px;padding:10px;font-family:Courier New,monospace;font-size:14px;background-color:#2e3440;color:#eceff4;border:2px solid #4C566A;border-radius:6px;resize:none;transition:border-color .2s}.expr-textarea:focus{outline:none;border-color:#88c0d0}.expr-textarea::placeholder{color:#4c566a}.expr-validation{display:flex;align-items:center;gap:10px;min-height:24px}.expr-validation-status{font-weight:600;padding:3px 8px;border-radius:4px;font-size:12px}.expr-validation-status.valid{background-color:#a3be8c33;color:#a3be8c}.expr-validation-status.invalid{background-color:#bf616a33;color:#bf616a}.expr-validation-message{color:#bf616a;font-size:12px}.expr-variables-section{background-color:#2e3440;border-radius:6px;padding:12px}.expr-section-header h4{margin:0 0 10px;color:#88c0d0;font-size:14px;font-weight:600}.expr-variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.expr-var-column label{display:block;font-size:12px;color:#d8dee9;margin-bottom:8px}.expr-variable-buttons{display:flex;flex-wrap:wrap;gap:6px}.expr-variable-btn{background-color:#434c5e;color:#eceff4;border:1px solid #4C566A;padding:6px 10px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s}.expr-variable-btn:hover{background-color:#5e81ac;border-color:#81a1c1}.expr-variable-buttons.primed .expr-variable-btn{background-color:#5e3a5e;border-color:#7e4a7e}.expr-variable-buttons.primed .expr-variable-btn:hover{background-color:#7e4a7e;border-color:#9e5a9e}.expr-var-type{font-size:10px;padding:2px 4px;background-color:#0003;border-radius:3px;color:#d8dee9}.expr-no-vars{color:#d8dee9;font-style:italic;font-size:13px;margin:0}.expr-operators-section{background-color:#2e3440;border-radius:6px;padding:12px}.expr-operators-grid{display:flex;flex-direction:column;gap:12px}.expr-operator-section{display:flex;flex-direction:column;gap:6px}.expr-operator-section label{font-size:12px;color:#d8dee9}.expr-operator-buttons{display:flex;flex-wrap:wrap;gap:5px}.expr-operator-btn{background-color:#434c5e;color:#eceff4;border:1px solid #4C566A;padding:5px 10px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;min-width:36px;text-align:center;transition:all .2s}.expr-operator-btn:hover{background-color:#88c0d0;color:#2e3440;border-color:#88c0d0}.expr-operator-buttons.comparison .expr-operator-btn:hover{background-color:#88c0d0}.expr-operator-buttons.arithmetic .expr-operator-btn:hover{background-color:#a3be8c}.expr-operator-buttons.logical .expr-operator-btn:hover{background-color:#ebcb8b;color:#2e3440}.expr-operator-buttons.assignment .expr-operator-btn:hover{background-color:#b48ead}.expr-operator-buttons.grouping .expr-operator-btn:hover{background-color:#81a1c1}.expr-operator-buttons.values .expr-operator-btn:hover{background-color:#8fbcbb;color:#2e3440}.expr-templates-section{background-color:#2e3440;border-radius:6px;padding:12px}.expr-template-buttons{display:flex;flex-wrap:wrap;gap:6px}.expr-template-btn{background-color:#3b4252;color:#d8dee9;border:1px dashed #4C566A;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.expr-template-btn:hover{background-color:#434c5e;border-style:solid;color:#eceff4}.expr-editor-modal .modal-footer{display:flex;justify-content:space-between;align-items:center}.expr-footer-right{display:flex;gap:10px}.expr-btn-primary{background-color:#a3be8c;color:#2e3440;font-weight:600}.expr-btn-primary:hover{background-color:#8fbcbb}.expr-btn-primary:disabled{background-color:#4c566a;color:#d8dee9;cursor:not-allowed}.expr-btn-secondary{background-color:#434c5e;color:#d8dee9}.expr-btn-secondary:hover{background-color:#4c566a}.expr-field-group{margin-bottom:12px}.expr-display-container{display:flex;align-items:flex-start;gap:8px;margin-top:5px}.expr-display{flex:1;background-color:#2e3440;border:1px solid #4C566A;border-radius:4px;padding:8px 10px;min-height:36px;display:flex;align-items:center}.expr-preview{font-family:Courier New,monospace;font-size:13px;color:#8fbcbb;background:none;padding:0;word-break:break-all}.expr-empty{color:#4c566a;font-style:italic;font-size:13px}.expr-actions{display:flex;gap:4px}.expr-edit-btn{background-color:#5e81ac;color:#eceff4;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;transition:background-color .2s}.expr-edit-btn:hover{background-color:#81a1c1}.expr-edit-btn:disabled{background-color:#4c566a;cursor:not-allowed}.expr-clear-btn{background-color:#bf616a;color:#eceff4;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s}.expr-clear-btn:hover{background-color:#d08770}.expr-clear-btn:disabled{background-color:#4c566a;cursor:not-allowed}@media (max-width: 800px){.expr-editor-modal{width:100%;max-width:none;margin:10px;max-height:95vh}.expr-two-column-layout{flex-direction:column;min-height:auto}.expr-left-column{flex:0 0 auto;border-right:none;border-bottom:1px solid #434C5E}.expr-right-column{max-height:300px}.expr-textarea{min-height:100px}.expr-variables-grid{grid-template-columns:1fr}.expr-display-container{flex-direction:column}.expr-display{width:100%}.expr-actions{width:100%;justify-content:flex-end}}.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 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}.property-controls{display:flex;flex-direction:column;gap:10px;margin-top:10px;background-color:#8fbcbb1a;padding:12px;border-radius:4px;border-left:3px solid #8FBCBB}.property-controls>div{display:flex;align-items:flex-start}.property-controls input[type=checkbox]{margin-top:5px;margin-right:10px}.property-controls label{font-weight:500;color:#e5e9f0;margin-bottom:2px}.property-controls small{display:block;margin-left:24px;color:#d8dee9;font-size:12px}.property-result{margin-top:10px;padding:8px 12px;border-radius:4px;font-size:13px}.property-result.success{background-color:#a3be8c33;border-left:3px solid #A3BE8C}.property-result.warning{background-color:#ebcb8b33;border-left:3px solid #EBCB8B}.property-result.error{background-color:#bf616a33;border-left:3px solid #BF616A}.property-icon{display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;border-radius:50%;margin-right:6px;font-size:12px;font-weight:700}.property-icon.success{background-color:#a3be8c;color:#2e3440}.property-icon.error{background-color:#bf616a;color:#eceff4}@media (max-width: 768px){.property-controls>div{flex-direction:column}.property-controls small{margin-left:0;margin-top:5px}}.png-export-container{max-width:900px;width:90vw;max-height:90vh;overflow-y:auto}.png-export-content{max-height:70vh;overflow-y:auto}.form-tab-container .form-tabs{display:flex;border-bottom:2px solid #4C566A;margin-bottom:20px;overflow-x:auto}.form-tab{background:none;border:none;padding:10px 20px;cursor:pointer;color:#d8dee9;background-color:#3b4252;border-top-left-radius:6px;border-top-right-radius:6px;margin-right:2px;white-space:nowrap;transition:background-color .2s ease}.form-tab:hover{background-color:#434c5e}.form-tab.active{background-color:#5e81ac;color:#eceff4}.form-tab-content{display:none}.form-tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.setting-group{background-color:#3b4252;border-radius:8px;padding:15px;border:1px solid #4C566A}.setting-group h4{margin:0 0 15px;color:#88c0d0;font-size:14px;font-weight:700;border-bottom:1px solid #4C566A;padding-bottom:8px}.setting-item{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.setting-item label{color:#d8dee9;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.setting-item input[type=checkbox]{margin:0;accent-color:#5E81AC}.setting-item input[type=number],.setting-item input[type=color],.setting-item select{background-color:#2e3440;border:1px solid #4C566A;border-radius:4px;padding:8px;color:#d8dee9;font-size:13px}.setting-item input[type=number]:focus,.setting-item input[type=color]:focus,.setting-item select:focus{outline:none;border-color:#5e81ac;box-shadow:0 0 0 2px #5e81ac33}.setting-item input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.setting-item input[type=range]::-webkit-slider-track{background:#4c566a;height:6px;border-radius:3px}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5e81ac;height:18px;width:18px;border-radius:50%;cursor:pointer}.setting-item input[type=range]::-moz-range-track{background:#4c566a;height:6px;border-radius:3px;border:none}.setting-item input[type=range]::-moz-range-thumb{background:#5e81ac;height:18px;width:18px;border-radius:50%;cursor:pointer;border:none}.range-value{color:#88c0d0;font-size:12px;font-weight:500;min-width:50px;text-align:right}.setting-item small{color:#81a1c1;font-size:11px;font-style:italic;margin-top:2px}.preset-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.preset-buttons button{background-color:#434c5e;color:#d8dee9;border:1px solid #4C566A;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.preset-buttons button:hover{background-color:#4c566a}.preset-buttons button:active{background-color:#5e81ac}#reset-settings{background-color:#bf616a;color:#eceff4;border:1px solid #BF616A;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:12px;width:100%;transition:background-color .2s ease}#reset-settings:hover{background-color:#d08770}.preview-container{background-color:#3b4252;border-radius:8px;padding:20px;border:1px solid #4C566A}.preview-info{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;background-color:#2e3440;border-radius:4px;font-size:13px}.preview-dimensions{color:#88c0d0;font-weight:500}.preview-filesize{color:#81a1c1}.preview-canvas-container{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:#2e3440;border-radius:4px;border:1px solid #4C566A;margin-bottom:15px;overflow:hidden}#png-preview-canvas{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 2px 8px #0000004d}.preview-controls{display:flex;gap:10px;justify-content:center}.preview-controls button{background-color:#434c5e;color:#d8dee9;border:1px solid #4C566A;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.preview-controls button:hover{background-color:#4c566a}.png-export-container .modal-footer{padding:20px;border-top:1px solid #4C566A;display:flex;justify-content:flex-end;gap:12px}#export-png-btn{background-color:#5e81ac;color:#eceff4;border:1px solid #5E81AC;border-radius:4px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}#export-png-btn:hover{background-color:#81a1c1}#cancel-png-btn{background-color:#434c5e;color:#d8dee9;border:1px solid #4C566A;border-radius:4px;padding:12px 24px;cursor:pointer;font-size:14px;transition:background-color .2s ease}#cancel-png-btn:hover{background-color:#4c566a}@media (max-width: 768px){.png-export-container{width:95vw;max-height:95vh}.settings-grid{grid-template-columns:1fr}.form-tabs{flex-wrap:wrap}.form-tab{flex:1;min-width:80px;padding:8px 12px;font-size:12px}.preset-buttons{grid-template-columns:1fr}}input[type=color]{width:50px;height:35px;padding:2px;border-radius:4px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}select{cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23D8DEE9' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]{width:16px;height:16px;cursor:pointer}.export-loading{pointer-events:none;opacity:.7}.export-loading #export-png-btn{background-color:#81a1c1;cursor:not-allowed}.export-loading #export-png-btn:after{content:"  ⏳"}.undo-redo-controls{display:flex;gap:2px;align-items:center}.undo-redo-controls button{background:#434c5ee6;border:1px solid #4C566A;color:#d8dee9;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .15s}.undo-redo-controls button:hover:not(:disabled){background:#4c566a}.undo-redo-controls button:disabled{opacity:.35;cursor:default}.style-section{margin-top:12px;padding-top:12px;border-top:1px solid #4C566A}.style-section h4{margin:0 0 10px;font-size:13px;color:#88c0d0}.style-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.style-row label{flex:0 0 90px;font-size:12px;color:#d8dee9}.style-row input[type=color]{width:32px;height:24px;padding:0;border:1px solid #4C566A;border-radius:4px;background:none;cursor:pointer}.style-row input[type=range]{flex:1;accent-color:#88C0D0}.style-row select{flex:1;padding:3px 6px;background:#3b4252;color:#d8dee9;border:1px solid #4C566A;border-radius:4px;font-size:12px}.style-row .range-value{flex:0 0 30px;text-align:right;font-size:11px;color:#81a1c1}.sim-mode-toggle{display:flex;gap:4px;margin-bottom:10px;background:#3b4252;border-radius:6px;padding:3px}.sim-mode-toggle button{flex:1;padding:6px 10px;border:none;border-radius:4px;background:transparent;color:#d8dee9;cursor:pointer;font-size:12px;transition:all .15s}.sim-mode-toggle button.active{background:#5e81ac;color:#eceff4}.sim-mode-toggle button:hover:not(.active){background:#88c0d026}.sim-trace-log{max-height:200px;overflow-y:auto;background:#2e344080;border-radius:6px;padding:8px;margin-top:8px}.sim-trace-log::-webkit-scrollbar{width:5px}.sim-trace-log::-webkit-scrollbar-thumb{background:#4c566a;border-radius:3px}.sim-trace-entry{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:12px;color:#d8dee9;margin-bottom:2px}.sim-trace-entry:hover{background:#88c0d01a}.sim-trace-step-num{background:#5e81ac;color:#eceff4;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.sim-trace-transitions{flex:1;color:#88c0d0}@keyframes enabledPulse{0%,to{box-shadow:0 0 6px #a3be8c66}50%{box-shadow:0 0 14px #a3be8ccc}}.verification-pane .sidebar-section{margin-bottom:0}.side-panel-toggle{position:absolute;right:12px;z-index:500;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b4252eb;border:1px solid #4C566A;border-radius:8px;color:#d8dee9;font-size:13px;font-weight:500;cursor:pointer;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000040;backdrop-filter:blur(8px);will-change:transform}body.panel-open .side-panel-toggle{transform:translate(-360px)}.side-panel-toggle:hover{background:#4c566af2;color:#eceff4}.side-panel-toggle.active{background:#5e81ace6;border-color:#81a1c1;color:#eceff4}.side-panel-toggle svg{flex-shrink:0}.side-panel-toggle .toggle-label{white-space:nowrap}.props-toggle{top:60px}.sim-toggle{top:110px}.verify-toggle{top:160px}.side-panel{position:fixed;right:0;width:360px;background:#3b4252f7;border-left:1px solid #4C566A;box-shadow:-4px 0 24px #0006;display:flex;flex-direction:column;z-index:400;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;backdrop-filter:blur(12px)}.side-panel.open{transform:translate(0)}.props-panel,.sim-dashboard-panel,.verify-panel{top:0;height:100vh}body.both-panels-open .side-panel.open.panel-stack-top{height:45vh;top:0;z-index:400;border-bottom:1px solid #4C566A}body.both-panels-open .side-panel.open.panel-stack-bottom{top:45vh;height:55vh;z-index:400;border-top:2px solid #81A1C1}body.panels-open-3 .side-panel.open.panel-front{height:100vh;top:0;z-index:410}body.panels-open-3 .side-panel.open.panel-stack-top{height:45vh;top:0;z-index:400;border-bottom:1px solid #4C566A}body.panels-open-3 .side-panel.open.panel-stack-bottom{top:45vh;height:55vh;z-index:400;border-top:2px solid #81A1C1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2e3440;border-bottom:1px solid #4C566A;flex-shrink:0}.panel-header-title{display:flex;align-items:center;gap:10px;color:#eceff4}.panel-header-title h3{margin:0;font-size:15px;font-weight:600;color:#e5e9f0}.panel-header-title svg{color:#88c0d0}.panel-close{background:none;border:none;color:#d8dee9;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;width:auto;height:auto}.panel-close:hover{background:#4c566a;color:#eceff4}.panel-body{flex:1;overflow-y:auto;padding:12px}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#4c566a;border-radius:3px}.panel-body::-webkit-scrollbar-track{background:transparent}.dash-section{background:#434c5e;border-radius:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 4px #00000026}.dash-section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#4c566a99;font-size:13px;font-weight:600;color:#e5e9f0;user-select:none}.dash-icon{display:flex;align-items:center;color:#88c0d0}.dash-badge{margin-left:auto;background:#5e81ac;color:#eceff4;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.dash-clear-btn{margin-left:auto;background:#bf616a4d;color:#d8dee9;border:1px solid rgba(191,97,106,.4);padding:2px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s}.dash-clear-btn:hover{background:#bf616a80;color:#eceff4}.dash-section-body{padding:12px 14px}.sim-status-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#2e3440cc,#434c5ecc);border-radius:8px;margin-bottom:10px;border:1px solid #4C566A}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background .3s}.status-indicator.stopped{background:#4c566a}.status-indicator.ready{background:#81a1c1}.status-indicator.running{background:#a3be8c;animation:pulse-dot 1.5s infinite}.status-indicator.paused{background:#ebcb8b}.status-indicator.deadlocked{background:#bf616a}.status-indicator.completed{background:#a3be8c}@keyframes pulse-dot{0%,to{box-shadow:0 0 #a3be8c80}50%{box-shadow:0 0 0 6px #a3be8c00}}.status-text{font-size:13px;color:#d8dee9;font-weight:500}.sim-controls-row{display:flex;gap:6px;margin-bottom:10px}.sim-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;justify-content:center;color:#eceff4}.sim-btn-primary{background:#5e81ac}.sim-btn-primary:hover{background:#81a1c1}.sim-btn-success{background:#a3be8c;color:#2e3440}.sim-btn-success:hover{background:#8fbcbb;color:#2e3440}.sim-btn-warning{background:#ebcb8b40;color:#ebcb8b;border:1px solid rgba(235,203,139,.3)}.sim-btn-warning:hover{background:#ebcb8b66;color:#eceff4}.sim-btn-danger{background:#bf616a}.sim-btn-danger:hover{background:#d08770}.sim-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-config-item{display:flex;flex-direction:column;gap:4px}.sim-config-item label{font-size:11px;color:#81a1c1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.sim-speed-control{display:flex;align-items:center;gap:6px}.sim-speed-control input[type=range]{flex:1;accent-color:#88C0D0;height:4px;padding:0;border:none;width:auto}.sim-config-value{font-size:11px;color:#88c0d0;font-weight:600;white-space:nowrap}.sim-input-small{width:100%!important;padding:6px 8px!important;background:#3b4252!important;border:1px solid #4C566A!important;border-radius:4px!important;color:#eceff4!important;font-size:13px!important}.sim-progress-bar-container{display:flex;flex-direction:column;gap:6px}.sim-progress-stats{display:flex;align-items:center;gap:6px;font-size:14px;color:#d8dee9}.sim-progress-stats strong{color:#88c0d0;font-size:20px}.sim-max-label{font-size:12px;color:#81a1c1}.sim-progress-bar{height:6px;background:#3b4252;border-radius:3px;overflow:hidden}.sim-progress-fill{height:100%;background:linear-gradient(90deg,#5e81ac,#88c0d0);border-radius:3px;transition:width .3s ease}.sim-transitions-list{max-height:200px;overflow-y:auto}.sim-transitions-list::-webkit-scrollbar{width:4px}.sim-transitions-list::-webkit-scrollbar-thumb{background:#4c566a;border-radius:2px}.sim-transition-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;margin-bottom:4px;background:#2e344080;transition:background .15s}.sim-transition-item:hover{background:#5e81ac26}.sim-transition-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sim-transition-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sim-transition-dot.enabled{background:#a3be8c;box-shadow:0 0 6px #a3be8c80}.sim-transition-label{font-size:13px;color:#e5e9f0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-silent-badge{background:#88c0d033;color:#88c0d0;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;flex-shrink:0}.sim-fire-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#a3be8c33;color:#a3be8c;border:1px solid rgba(163,190,140,.3);border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0}.sim-fire-btn:hover{background:#a3be8c66;color:#eceff4}.sim-token-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:180px;overflow-y:auto}.sim-token-grid::-webkit-scrollbar{width:4px}.sim-token-grid::-webkit-scrollbar-thumb{background:#4c566a;border-radius:2px}.sim-token-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#2e344066;border-radius:4px}.sim-token-place{font-size:12px;color:#d8dee9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.sim-token-count{font-size:13px;font-weight:700;color:#4c566a;background:#2e344080;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.sim-token-count.has-tokens{color:#a3be8c;background:#a3be8c26}.sim-final-summary{margin-bottom:8px}.sim-final-progress{display:flex;justify-content:space-between;font-size:13px;color:#d8dee9}.sim-final-item{display:flex;justify-content:space-between;padding:4px 6px;border-radius:4px;font-size:12px;margin-bottom:3px}.sim-final-item.satisfied{color:#a3be8c;background:#a3be8c14}.sim-final-item.pending{color:#ebcb8b;background:#ebcb8b14}.sim-final-status{font-family:monospace;font-size:11px}.sim-final-complete{text-align:center;padding:8px;margin-top:6px;background:#a3be8c26;border:1px solid rgba(163,190,140,.3);border-radius:6px;color:#a3be8c;font-size:13px}.sim-trace-container{max-height:180px;overflow-y:auto}.sim-trace-container::-webkit-scrollbar{width:4px}.sim-trace-container::-webkit-scrollbar-thumb{background:#4c566a;border-radius:2px}.sim-trace-entry{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:12px;margin-bottom:2px;transition:background .1s}.sim-trace-entry:hover{background:#88c0d014}.sim-trace-step{background:#5e81ac;color:#eceff4;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;min-width:26px;text-align:center;flex-shrink:0}.sim-trace-arrow{color:#4c566a;flex-shrink:0}.sim-trace-transitions{color:#88c0d0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;color:#4c566a;font-size:12px}.sim-empty-state-text{color:#4c566a;font-size:12px;font-style:italic;margin:0;padding:4px 0}.props-content{padding:4px 0}.props-content .form-group{margin-bottom:12px}.props-content label{font-size:12px;color:#81a1c1;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.props-content input,.props-content select{background:#3b4252;border:1px solid #4C566A;color:#eceff4;border-radius:4px;padding:6px 8px;font-size:13px}.props-content input:focus,.props-content select:focus{border-color:#88c0d0;outline:none;box-shadow:0 0 0 2px #88c0d033}body.new-panels-active .sidebar,body.new-panels-active .sidebar-toggle{display:none!important}body.new-panels-active .zoom-controls{transition:transform .3s cubic-bezier(.4,0,.2,1)}body.new-panels-active .side-panel.open~.canvas-container .zoom-controls,body.new-panels-active.panel-open .zoom-controls{transform:translate(-365px)}.tutorial-dialog{position:fixed;bottom:24px;left:24px;width:380px;max-height:80vh;background:#2e3440;border:1px solid #434C5E;border-radius:12px;box-shadow:0 8px 32px #00000073;display:none;flex-direction:column;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;transition:box-shadow .25s ease}.tutorial-dialog.open{display:flex}.tutorial-dialog.minimized .tutorial-dialog-body{display:none}.tutorial-dialog.minimized{max-height:none}.tutorial-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#3b4252;border-bottom:1px solid #434C5E;cursor:grab;user-select:none}.tutorial-dialog-header-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#eceff4}.tutorial-dialog-header-title svg{color:#88c0d0}.tutorial-dialog-header-actions{display:flex;gap:4px}.tutorial-dialog-minimize,.tutorial-dialog-close-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#d8dee9;font-size:13px;cursor:pointer;transition:background .15s}.tutorial-dialog-minimize:hover,.tutorial-dialog-close-btn:hover{background:#434c5e}.tutorial-dialog-close-btn:hover{color:#bf616a}.tutorial-dialog-body{overflow-y:auto;padding:14px;flex:1}.tutorial-intro{margin-bottom:12px}.tutorial-intro p{color:#d8dee9;font-size:12.5px;line-height:1.5;margin:0}.tutorial-workflow-list{display:flex;flex-direction:column;gap:8px}.tutorial-workflow-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#3b4252;border:1px solid transparent;border-left:3px solid var(--wf-color, #88C0D0);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:#d8dee9;font:inherit}.tutorial-workflow-card:hover{background:#434c5e;border-color:var(--wf-color, #88C0D0);transform:translate(2px)}.wf-card-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center}.wf-card-body{flex:1;min-width:0}.wf-card-title{font-weight:600;font-size:13px;color:#eceff4;margin-bottom:2px}.wf-card-desc{font-size:11.5px;color:#9ba3af;line-height:1.4}.wf-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.wf-card-steps,.wf-card-features{font-size:10.5px;color:#88c0d0;background:#88c0d01a;padding:1px 6px;border-radius:4px}.wf-card-features{color:#81a1c1;background:#81a1c11a}.wf-card-arrow{color:#4c566a;font-size:12px;transition:transform .15s}.tutorial-workflow-card:hover .wf-card-arrow{color:var(--wf-color, #88C0D0);transform:translate(3px)}.tutorial-back-btn{background:none;border:none;color:#81a1c1;font-size:12px;cursor:pointer;padding:2px 4px;margin-bottom:8px;border-radius:4px;transition:background .15s}.tutorial-back-btn:hover{background:#3b4252;color:#88c0d0}.tutorial-wf-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tutorial-wf-icon{font-size:24px}.tutorial-wf-title{margin:0;font-size:14px;color:#eceff4;font-weight:600}.tutorial-wf-features{font-size:11px;color:#81a1c1}.tutorial-progress{height:3px;background:#3b4252;border-radius:2px;overflow:hidden;margin-bottom:10px}.tutorial-progress-bar{height:100%;background:var(--wf-color, #88C0D0);border-radius:2px;transition:width .35s ease}.tutorial-step-list{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;max-height:180px;overflow-y:auto}.tutorial-step-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .15s;text-align:left;color:#d8dee9;font:inherit;font-size:12px}.tutorial-step-item:hover{background:#3b4252}.tutorial-step-item.active{background:#434c5e;border-left:2px solid #88C0D0}.tutorial-step-item.completed{opacity:.65}.step-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#434c5e;border-radius:50%;font-size:10px;font-weight:600;color:#eceff4;flex-shrink:0}.tutorial-step-item.active .step-number{background:#88c0d0;color:#2e3440}.tutorial-step-item.completed .step-number{background:#a3be8c;color:#2e3440;font-size:9px}.step-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-step-detail{margin-bottom:10px}.step-detail-card{background:#3b4252;padding:10px 12px;border-radius:8px}.step-detail-card h4{margin:0 0 4px;font-size:12.5px;color:#88c0d0}.step-detail-card p{margin:0 0 6px;font-size:12px;color:#d8dee9;line-height:1.5}.step-tip{background:#a3be8c1a;border-left:2px solid #A3BE8C;padding:4px 8px;border-radius:4px;font-size:11.5px;color:#a3be8c;line-height:1.4}.tutorial-bottom-nav{display:flex;justify-content:space-between;gap:8px}.tutorial-nav-btn{padding:6px 14px;background:#434c5e;border:1px solid #4C566A;border-radius:6px;color:#d8dee9;font-size:12px;cursor:pointer;transition:all .15s}.tutorial-nav-btn:hover:not(:disabled){background:#4c566a;color:#eceff4}.tutorial-nav-btn:disabled{opacity:.4;cursor:default}.tutorial-nav-btn.tutorial-nav-next{background:#5e81ac;border-color:#5e81ac;color:#eceff4}.tutorial-nav-btn.tutorial-nav-next:hover:not(:disabled){background:#81a1c1;border-color:#81a1c1}.tutorial-spotlight-overlay{position:fixed;inset:0;background:#0000008c;z-index:9998;pointer-events:none;opacity:0;transition:opacity .3s}.tutorial-spotlight-overlay.visible{opacity:1;pointer-events:auto}.tutorial-tooltip{position:fixed;z-index:10001;max-width:340px;min-width:220px;background:#3b4252;border:1px solid #5E81AC;border-radius:10px;box-shadow:0 6px 24px #0006;padding:12px 14px;opacity:0;pointer-events:none;transition:opacity .25s}.tutorial-tooltip.visible{opacity:1;pointer-events:auto}.tutorial-tooltip-title{font-weight:600;font-size:13px;color:#88c0d0;margin-bottom:4px}.tutorial-tooltip-desc{font-size:12px;color:#d8dee9;line-height:1.5;margin-bottom:6px}.tutorial-tooltip-tip{background:#a3be8c1a;border-left:2px solid #A3BE8C;padding:4px 8px;border-radius:4px;font-size:11.5px;color:#a3be8c;margin-bottom:8px;line-height:1.4}.tutorial-tooltip-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-nav-counter{font-size:11px;color:#4c566a}.tutorial-highlight{position:relative;z-index:9999!important;outline:2px solid #88C0D0!important;outline-offset:4px;border-radius:4px;animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{outline-color:#88c0d0;box-shadow:0 0 #88c0d066}50%{outline-color:#5e81ac;box-shadow:0 0 0 6px #88c0d000}}.tutorial-dialog-body::-webkit-scrollbar{width:5px}.tutorial-dialog-body::-webkit-scrollbar-track{background:transparent}.tutorial-dialog-body::-webkit-scrollbar-thumb{background:#4c566a;border-radius:3px}.tutorial-step-list::-webkit-scrollbar{width:4px}.tutorial-step-list::-webkit-scrollbar-thumb{background:#4c566a;border-radius:2px}