:root[data-theme=light]{--machine-bg-primary:#FFFFFF;--machine-bg-secondary:#F5F5F7;--machine-column-bg:#f8fafc;--machine-affix-bg:#ffffff;--machine-affix-hover:#f1f5f9;--machine-text-primary:#1C1C1E;--machine-text-secondary:#8E8E93;--machine-border-light:#E5E5EA;--machine-border-medium:rgba(0,0,0,0.1);--machine-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--machine-shadow-md:0 2px 8px rgba(0,0,0,0.05)}:root[data-theme=dark]{--machine-bg-primary:#1C1C1E;--machine-bg-secondary:#2C2C2E;--machine-column-bg:#2C2C2E;--machine-affix-bg:#3A3A3C;--machine-affix-hover:#48484A;--machine-text-primary:#F5F5F7;--machine-text-secondary:#A1A1A6;--machine-border-light:#424245;--machine-border-medium:rgba(255,255,255,0.1);--machine-shadow-sm:0 1px 3px rgba(0,0,0,0.3);--machine-shadow-md:0 2px 8px rgba(0,0,0,0.4)}.machine-simulation-layout{display:flex;flex-direction:column;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem)}.simulation-results-column{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--machine-bg-secondary);border-radius:var(--radius-lg,12px);flex-shrink:0}.machine-simulation-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg,1.5rem);padding:var(--spacing-md,1rem);flex-shrink:0}.crafting-step-container{background:var(--machine-column-bg);border-radius:var(--radius-lg,12px);padding:var(--spacing-lg,1.5rem);box-shadow:var(--machine-shadow-md);border:2px solid var(--machine-border-medium);margin-bottom:var(--spacing-lg,1.5rem);overflow:visible;position:relative;z-index:1}.crafting-step-container:has(.custom-dropdown-container.open){z-index:10000}.crafting-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md,1rem);padding-bottom:var(--spacing-sm,.5rem);border-bottom:2px solid var(--affix-border,rgba(0,0,0,.1))}.crafting-step-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--machine-text-primary)}.crafting-step-controls{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.crafting-step-number{width:40px;height:40px;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.delete-step-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-red);color:#fff;border:none;font-size:1.25rem;line-height:1;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;padding:0}.delete-step-btn:hover{background:var(--accent-red-hover);transform:scale(1.1)}.delete-step-btn:active{transform:scale(.95)}.crafting-step-description{margin-bottom:var(--spacing-md,1rem);overflow:visible}.step-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-sm,.5rem);overflow:visible;position:relative}.step-line:has(.custom-dropdown-container.open){z-index:10000}.step-text{font-size:1rem;color:var(--machine-text-primary);font-weight:500}.crafting-dropdown{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);background:var(--machine-affix-bg);border:2px solid var(--machine-border-medium);border-radius:var(--radius-md,8px);font-size:.875rem;color:var(--machine-text-primary);cursor:pointer;transition:.2s;min-width:150px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.crafting-dropdown:hover{border-color:var(--accent-blue);background:var(--machine-affix-hover)}.crafting-dropdown:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}@media (max-width:768px){.crafting-dropdown option{padding:.5rem;font-size:16px}}.inline-dropdown{display:inline-block}.condition-group-container{background:var(--machine-affix-bg);border-radius:var(--radius-md,8px);padding:var(--spacing-md,1rem);border:2px dashed var(--accent-blue,#007aff);position:relative;overflow:visible;z-index:1}.condition-group-container:has(.custom-dropdown-container.open){z-index:10000}.condition-line{display:grid;grid-template-columns:0.7fr 1.5fr 1.5fr 0.7fr auto;gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-sm,.5rem);align-items:center;position:relative}.condition-line:has(.custom-dropdown-container.open){z-index:10000}.condition-line .condition-dropdown,.condition-line .multi-select-dropdown{width:100%;max-width:none;min-width:0}.add-condition-area{text-align:center;margin-top:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-xs,.25rem)}.add-condition-btn{width:28px;height:28px;border-radius:50%;background:var(--accent-green);color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.add-condition-btn:hover{background:var(--accent-green-hover);transform:scale(1.1)}.add-condition-btn:active{transform:scale(.95)}.condition-actions{display:none;flex-direction:column;gap:var(--spacing-sm,.5rem);margin-top:var(--spacing-md,1rem)}.condition-actions.active{display:flex}.condition-action-btn{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);background:var(--machine-affix-bg);border:2px solid var(--machine-border-medium);border-radius:var(--radius-md,8px);cursor:pointer;transition:.2s;font-size:.875rem;font-weight:500;color:var(--machine-text-primary);text-align:left}.condition-action-btn:hover{background:var(--machine-affix-hover);transform:translateX(4px)}.condition-action-btn.or-condition{border-left:4px solid var(--accent-blue,#007aff)}.condition-action-btn.and-condition{border-left:4px solid var(--accent-green,#34c759)}.condition-action-btn.and-not-condition{border-left:4px solid var(--accent-red,#ef4444)}#additional-conditions-container{margin-top:var(--spacing-md,1rem)}.additional-condition-group{margin-top:var(--spacing-md,1rem);position:relative;z-index:1}.additional-condition-group:has(.custom-dropdown-container.open){z-index:10000}.additional-condition-group.or-type{padding:var(--spacing-md,1rem);padding-top:calc(var(--spacing-md,1rem) + 12px);border:2px dashed var(--accent-blue);border-radius:var(--radius-md,8px);background:var(--accent-blue-light);position:relative;margin-top:var(--spacing-md,1rem)}.additional-condition-group.and-type{padding:0;padding-left:var(--spacing-sm,.5rem);border:none;background:0 0;margin-top:var(--spacing-sm,.5rem);display:flex;align-items:center;gap:var(--spacing-xs,.25rem)}.additional-condition-group.or-type>.additional-condition-group.and-type{margin-top:var(--spacing-sm,.5rem);position:relative}.additional-condition-group.and-type .condition-type-badge{position:static;transform:none;display:inline-block;margin-right:0;font-size:.875rem;font-weight:500;color:var(--accent-green,#34c759);background:0 0;border:none;padding:0;flex-shrink:0}.additional-condition-group.and-type .condition-line{flex:1}.condition-type-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.25rem .75rem;background:var(--machine-affix-bg);border-radius:var(--radius-md,8px);font-size:.75rem;font-weight:600;border:2px solid}.condition-type-badge.or{border-color:var(--accent-blue);color:var(--accent-blue)}.condition-type-badge.and{border-color:var(--accent-green);color:var(--accent-green)}.condition-type-badge.and-not{border-color:var(--accent-red);color:var(--accent-red);display:none}.remove-condition-btn{width:24px;height:24px;border-radius:50%;background:var(--accent-red);color:#fff;border:none;font-size:1rem;cursor:pointer;transition:.2s;flex-shrink:0;margin-left:var(--spacing-xs,.25rem)}.remove-condition-btn:hover{transform:scale(1.1)}.next-step-area{text-align:center;margin-top:var(--spacing-lg,1rem);margin-bottom:6.5rem}.next-step-btn{padding:var(--spacing-md,1rem) var(--spacing-xl,2rem);background:var(--accent-green);color:#fff;border:none;border-radius:var(--radius-lg,12px);font-size:1rem;font-weight:600;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:var(--spacing-sm,.5rem)}.next-step-btn:hover{background:var(--accent-green-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-green-light)}.next-step-btn:active{transform:translateY(0)}.simulation-control-section{background:var(--machine-column-bg);border-radius:var(--radius-lg,12px);padding:var(--spacing-md,1rem);box-shadow:var(--machine-shadow-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);flex-wrap:wrap}.simulation-left-group,.simulation-right-group{display:flex;align-items:center;gap:var(--spacing-md,1rem)}.simulation-settings{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.simulation-settings label{font-size:.875rem;font-weight:500;color:var(--machine-text-primary)}.simulation-settings input[type=number]{width:100px;padding:var(--spacing-sm,.5rem);border:2px solid var(--machine-border-medium);border-radius:var(--radius-md,8px);font-size:.875rem;background:var(--machine-affix-bg);color:var(--machine-text-primary)}.failure-mode-settings{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.failure-mode-label{font-size:.875rem;font-weight:500;color:var(--machine-text-primary);white-space:nowrap}.failure-mode-buttons{display:flex;gap:var(--spacing-sm,.5rem)}.failure-mode-btn{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);background:var(--machine-affix-bg);border:2px solid var(--machine-border-medium);border-radius:var(--radius-md,8px);font-size:.75rem;cursor:pointer;transition:.2s;text-align:center;white-space:nowrap;color:var(--machine-text-primary)}.failure-mode-btn:hover{background:var(--machine-affix-hover)}.failure-mode-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.simulation-buttons-container{display:flex;gap:var(--spacing-sm,.5rem)}.start-simulation-btn,.stop-simulation-btn{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);border:none;border-radius:var(--radius-md,8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.start-simulation-btn{background:var(--accent-green);color:#fff}.start-simulation-btn:hover{background:var(--accent-green-hover);transform:translateY(-1px)}.stop-simulation-btn{background:var(--accent-red);color:#fff}.stop-simulation-btn:hover{background:var(--accent-red-hover)}.stats-consumption-wrapper{display:flex;gap:var(--spacing-md,1rem)}.simulation-statistics-section{flex:1;background:var(--machine-column-bg);border-radius:var(--radius-lg,12px);padding:var(--spacing-md,1rem);box-shadow:var(--machine-shadow-md);max-height:300px;overflow-y:auto}.statistics-container{display:flex;flex-direction:column;gap:var(--spacing-sm,.5rem)}.simulation-statistics-section::-webkit-scrollbar{width:6px}.simulation-statistics-section::-webkit-scrollbar-track{background:var(--bg-secondary)}.simulation-statistics-section::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}.simulation-statistics-section::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}.statistics-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm,.5rem);background:var(--machine-affix-bg);border-radius:var(--radius-sm,4px);border-left:4px solid transparent}.statistics-row.total-statistics{border-left-color:var(--accent-blue)}.statistics-row.step-statistics{border-left-color:var(--accent-green)}.stat-text{font-size:.875rem;color:var(--machine-text-primary)}.stat-value{font-weight:600;margin-left:var(--spacing-sm,.5rem)}.stat-value.success-rate{color:var(--accent-green)}.consumption-statistics-section{flex:1;background:var(--machine-column-bg);border-radius:var(--radius-lg,12px);padding:var(--spacing-md,1rem);box-shadow:var(--machine-shadow-md);max-height:300px;display:flex;flex-direction:column}.consumption-header h4{margin:0 0 var(--spacing-sm,.5rem) 0;font-size:1rem;color:var(--machine-text-primary);flex-shrink:0}.consumption-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm,.5rem);overflow-y:auto;overflow-x:hidden;flex:1;padding-top:12px;padding-bottom:8px;align-content:flex-start}.consumption-grid::-webkit-scrollbar{width:6px}.consumption-grid::-webkit-scrollbar-track{background:var(--bg-secondary)}.consumption-grid::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:3px}.consumption-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-green-hover)}.consumption-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--machine-text-secondary);font-size:.875rem}.consumption-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--machine-affix-bg);border:1px solid var(--machine-border-light);border-radius:var(--radius-sm,4px);transition:.2s;cursor:pointer;flex-shrink:0}.consumption-item:hover{background:var(--machine-affix-hover);border-color:var(--accent-blue,#007aff);box-shadow:0 2px 8px rgba(0,122,255,.2);transform:scale(1.05)}.consumption-item.multi-icon{width:auto;padding:4px;gap:2px;display:inline-flex}.consumption-item-img{width:36px;height:36px;object-fit:contain;padding:2px;flex-shrink:0}.consumption-item.multi-icon .consumption-item-img{width:36px;height:36px;padding:1px}.consumption-count-badge{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;background:linear-gradient(135deg,#5ac8fa 0,#007aff 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,122,255,.3);padding:0 4px;z-index:10}.simulation-process-section{flex:1;background:var(--machine-column-bg);border-radius:var(--radius-lg,12px);padding:var(--spacing-md,1rem);box-shadow:var(--machine-shadow-md);display:flex;flex-direction:column;overflow:hidden}.simulation-process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm,.5rem)}.simulation-process-header h4{margin:0;font-size:1rem;color:var(--machine-text-primary)}.download-process-btn{padding:.25rem .5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-sm,4px);font-size:.75rem;cursor:pointer;transition:.2s}.download-process-btn:hover{opacity:.9}.simulation-process-content{flex:1;background:var(--machine-affix-bg);border-radius:var(--radius-md,8px);padding:var(--spacing-sm,.5rem)}.process-placeholder{padding:var(--spacing-lg,1.5rem);color:var(--machine-text-secondary)}.process-placeholder span{margin-bottom:var(--spacing-sm,.5rem);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}@media (max-width:1200px){.stats-consumption-wrapper{flex-direction:column}.simulation-control-section{flex-direction:column;align-items:stretch}.simulation-left-group,.simulation-right-group{width:100%;justify-content:space-between}}@media (max-width:768px){.machine-simulation-layout{padding:var(--spacing-sm,.5rem);gap:var(--spacing-sm,.5rem)}.machine-simulation-container,.simulation-results-column{padding:var(--spacing-sm,.5rem)}.crafting-step-container{padding:var(--spacing-md,1rem);margin-bottom:var(--spacing-md,1rem)}.crafting-step-header{flex-direction:row;gap:var(--spacing-sm,.5rem);flex-wrap:wrap}.crafting-step-title{font-size:1.125rem;flex:1;min-width:0}.crafting-step-number,.delete-step-btn{width:36px;height:36px;font-size:1.125rem;flex-shrink:0}.step-line{flex-direction:column;align-items:stretch;gap:var(--spacing-xs,.25rem)}.step-text{font-size:.875rem;text-align:center}.crafting-dropdown{width:100%;min-width:unset;font-size:.875rem;padding:var(--spacing-sm,.5rem);text-align:center}.condition-line{display:flex;flex-direction:column;gap:var(--spacing-xs,.25rem);align-items:stretch}.condition-line .condition-dropdown,.condition-line .multi-select-dropdown{width:100%}.remove-condition-btn{align-self:center;margin:var(--spacing-xs,.25rem) 0}.additional-condition-group.and-type{flex-direction:column;gap:var(--spacing-xs,.25rem);padding-left:0}.additional-condition-group.and-type .condition-type-badge{align-self:flex-start;margin-bottom:var(--spacing-xs,.25rem)}.multi-select-dropdown{min-width:unset;width:100%}.multi-select-trigger{font-size:.8125rem;padding:var(--spacing-sm,.5rem);min-height:2rem}.multi-select-dropdown-list{max-height:250px}.multi-select-option{padding:var(--spacing-sm,.5rem)}.multi-select-option-text{font-size:.8125rem;line-height:1.3}.add-condition-btn{width:36px;height:36px;font-size:1.5rem}.condition-action-btn{padding:var(--spacing-sm,.5rem);font-size:.8125rem;text-align:center}.simulation-control-section{flex-direction:column;align-items:stretch;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)}.simulation-left-group,.simulation-right-group{flex-direction:column;align-items:stretch;gap:var(--spacing-sm,.5rem)}.simulation-settings{justify-content:space-between}.simulation-settings input[type=number]{flex:1;max-width:120px}.failure-mode-settings{flex-direction:column;align-items:stretch;gap:var(--spacing-xs,.25rem)}.failure-mode-buttons{width:100%;justify-content:space-between}.failure-mode-btn{flex:1;padding:var(--spacing-sm,.5rem);font-size:.75rem}.simulation-buttons-container{width:100%;justify-content:stretch}.start-simulation-btn,.stop-simulation-btn{flex:1;justify-content:center;padding:var(--spacing-sm,.5rem) var(--spacing-sm,.5rem);font-size:.875rem}.consumption-statistics-section,.simulation-statistics-section{max-height:250px}.statistics-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs,.25rem);padding:var(--spacing-sm,.5rem)}.stat-text{font-size:.8125rem;width:100%}.stat-value{margin-left:0}.consumption-grid{gap:var(--spacing-xs,.25rem);justify-content:flex-start}.consumption-item{width:40px;height:40px}.consumption-item-img{width:32px;height:32px}.consumption-item.multi-icon{padding:3px;gap:1px}.consumption-item.multi-icon .consumption-item-img{width:32px;height:32px}.consumption-count-badge{top:-6px;right:-6px;min-width:18px;height:18px;font-size:.625rem;border-width:1.5px}.simulation-process-section{padding:var(--spacing-sm,.5rem)}.simulation-process-content{max-height:400px;font-size:.8125rem}.operation-record{padding:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-xs,.25rem)}.op-main-text{font-size:.8125rem}.added-affix-compact,.affix-line,.removed-affix-compact{font-size:.6875rem;padding:.2rem .3rem}.result-action,.result-status{font-size:.75rem}.next-step-btn{width:100%;justify-content:center;padding:var(--spacing-md,1rem)}.next-step-area{margin-bottom:4rem}}@media (max-width:480px){.crafting-step-title{font-size:1rem}.crafting-step-number,.delete-step-btn{width:32px;height:32px;font-size:1rem}.condition-type-badge{font-size:.6875rem;padding:.2rem .5rem}.failure-mode-btn{font-size:.6875rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem)}.consumption-item{width:36px;height:36px}.consumption-item-img{width:28px;height:28px}.consumption-count-badge{min-width:16px;height:16px;font-size:.5625rem}}.simulation-process-content::-webkit-scrollbar-track{background:var(--bg-secondary,#f5f5f7)}.simulation-process-content::-webkit-scrollbar-thumb{background:var(--accent-green,#34c759)}.simulation-process-content::-webkit-scrollbar-thumb:hover{background:var(--accent-green-dark,#28a745)}.multi-select-dropdown{position:relative;display:inline-block;min-width:200px}.multi-select-trigger{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);background:var(--machine-affix-bg);border:2px solid var(--machine-border-medium);border-radius:var(--radius-md,8px);cursor:pointer;font-size:.875rem;color:var(--machine-text-primary);transition:.2s;user-select:none;min-height:2.5rem}.multi-select-line{line-height:1.5;padding:.125rem 0}.multi-select-trigger:hover{border-color:var(--accent-blue,#007aff);background:var(--machine-affix-hover)}.multi-select-trigger.active{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.multi-select-dropdown-list{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--machine-affix-bg);border:2px solid var(--accent-blue);border-radius:var(--radius-md,8px);box-shadow:var(--machine-shadow-md);z-index:1000}.multi-select-dropdown-list.show{display:block}.multi-select-option{display:flex;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);cursor:pointer;transition:background .15s}.multi-select-option:hover{background:var(--machine-affix-hover)}.multi-select-option.selected{background:rgba(0,122,255,.1)}.multi-select-checkbox{width:18px;height:18px;border:2px solid var(--machine-border-medium);border-radius:4px;transition:.15s;flex-shrink:0}.multi-select-option.selected .multi-select-checkbox{background:var(--accent-blue);border-color:var(--accent-blue);position:relative}.multi-select-option.selected .multi-select-checkbox::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.multi-select-option-text{font-size:.875rem;color:var(--machine-text-primary)}.multi-select-dropdown-list::-webkit-scrollbar{width:6px}.multi-select-dropdown-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.multi-select-dropdown-list::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}.multi-select-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}.simulation-process-content{max-height:600px;overflow-y:auto;padding:.5rem}.process-placeholder{text-align:center;padding:3rem 1rem;color:var(--machine-text-secondary)}.process-placeholder p{font-size:.875rem;opacity:.8;margin:0}.operation-record{background:var(--machine-bg-primary);border:1px solid var(--machine-border-medium);border-radius:8px;padding:.5rem;margin-bottom:.5rem;transition:.2s}.operation-record:hover{border-color:var(--accent-blue);box-shadow:var(--machine-shadow-sm)}.operation-record.success{border-left:4px solid var(--accent-green)}.operation-record.neutral{border-left:4px solid var(--machine-text-secondary)}.operation-record.error{border-left:4px solid #ff3b30;background:rgba(255,59,48,.05)}.operation-record.error:hover{border-color:#ff3b30;background:rgba(255,59,48,.08)}.op-main-line{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.op-main-text{font-weight:600;font-size:.875rem;color:var(--machine-text-primary);flex:1;line-height:1.3}.op-error-badge{font-weight:500;font-size:.75rem;color:#ff3b30;white-space:nowrap;flex-shrink:0;background:rgba(255,59,48,.1);padding:.125rem .375rem;border-radius:3px}.op-added-compact{margin-bottom:.25rem}.added-label{font-weight:500;font-size:.8125rem;color:var(--machine-text-primary);margin-right:.25rem}.added-affixes-list{display:flex;flex-direction:column;gap:.15rem}.added-affix-compact{display:block;padding:.25rem .375rem;background:var(--accent-green-light);border-left:2px solid var(--accent-green);border-radius:3px;font-size:.75rem;color:var(--machine-text-primary);line-height:1.3}.op-removed-compact{margin-bottom:.25rem}.removed-label{font-weight:500;font-size:.8125rem;color:var(--machine-text-primary);margin-right:.25rem}.removed-affixes-list{display:flex;flex-direction:column;gap:.15rem}.removed-affix-compact{display:block;padding:.25rem .375rem;border-left:2px solid #ff3b30;border-radius:3px;font-size:.75rem;color:var(--machine-text-primary);line-height:1.3}.op-item-state{margin-bottom:.25rem}.state-title{font-weight:500;font-size:.8125rem;color:var(--machine-text-primary);margin-right:.25rem}.state-affixes{display:flex;flex-direction:column;gap:.1rem}.affix-line{padding:.15rem .25rem;font-size:.75rem;color:var(--machine-text-primary);line-height:1.2;margin-left:.5rem}.affix-line::before{content:'• ';color:var(--accent-blue);font-weight:700}.op-result-line{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--affix-border,rgba(0,0,0,.1))}.result-status{font-weight:600;font-size:.8125rem;flex-shrink:0}.result-status.success{color:var(--accent-green)}.result-status.neutral{color:var(--machine-text-secondary)}.result-status.error{color:#ff3b30}.result-action{font-size:.75rem;color:var(--machine-text-primary);flex:1;text-align:right;line-height:1.2}.simulation-process-content::-webkit-scrollbar{width:8px}.simulation-process-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.simulation-process-content::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}.simulation-process-content::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}@media (max-width:768px){.record-header{flex-wrap:wrap}.record-duration{margin-left:0}.affix-item{font-size:.75rem}}