.btn{min-width:var(--touch-target-compact);min-height:var(--touch-target-compact);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);user-select:none;background:0 0;color:var(--color-text-primary)}.btn:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.btn:active:not(:disabled){background:var(--color-bg-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background:0 0;border:1px solid var(--color-border-secondary)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.btn--icon{padding:var(--spacing-xs);min-width:36px;min-height:36px;background:0 0;border:1px solid transparent}.btn--icon:hover:not(:disabled){border-color:var(--color-border-secondary);background:var(--color-bg-hover)}.btn--tool{min-width:36px;min-height:36px;padding:var(--spacing-xs);background:0 0;border:1px solid transparent}.btn--tool:hover:not(:disabled){border-color:var(--color-border-secondary);background:var(--color-bg-hover)}.btn--compact{min-width:28px;min-height:28px;padding:var(--spacing-xs);font-size:var(--font-size-xs)}.btn--block{width:100%}.btn svg{width:18px;height:18px;flex-shrink:0}.btn--compact svg{width:14px;height:14px}.btn--menu{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:0 0;border:1px solid var(--color-border-secondary)}.btn--menu:hover{border-color:var(--color-accent-primary)}.btn--menu.active{background:var(--color-bg-active);border-color:var(--color-accent-primary)}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;background:0 0;border:1px solid var(--color-border-secondary);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer}.theme-toggle:hover{border-color:var(--color-accent-primary);color:var(--color-text-primary)}.theme-toggle svg{position:absolute;width:18px;height:18px}.visibility-btn .icon-eye{display:block}.visibility-btn .icon-eye-slash{display:none}.visibility-btn.is-hidden .icon-eye{display:none}.visibility-btn.is-hidden .icon-eye-slash{display:block}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(64,128,255,.1)}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}input[readonly]{background:var(--color-bg-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.input-unit{display:flex;align-items:stretch}.input-unit input{border-radius:var(--radius) 0 0 var(--radius);border-right:none;flex:1}.input-unit .unit{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;white-space:nowrap}input.input-error,select.input-error{border-color:var(--color-error,#dc3545)!important;box-shadow:0 0 0 2px rgba(220,53,69,.25)}input.input-error:focus{border-color:var(--color-error,#dc3545)!important;box-shadow:0 0 0 3px rgba(220,53,69,.35)}input[type=checkbox],input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent-primary)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius);min-height:var(--touch-target-compact)}.checkbox-label:hover,.radio-label:hover{background:var(--color-bg-hover)}.field-group{margin-bottom:var(--spacing-md)}.field-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.field-row{display:flex;gap:var(--spacing-sm)}.tooltip{position:absolute;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius);padding:var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-primary);pointer-events:none;z-index:var(--z-tooltip);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;max-width:300px}.tooltip.visible{opacity:1}.tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tooltip-title{font-weight:600;color:var(--color-accent-primary);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-primary)}.tooltip-text{line-height:var(--line-height-base);white-space:normal}.tooltip-row{display:flex;justify-content:space-between;gap:var(--spacing-lg)}.tooltip-label{color:var(--color-text-secondary)}.tooltip-value{color:var(--color-text-primary);font-weight:500}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--spacing-xs);border:1px solid var(--color-text-secondary);border-radius:50%;font-size:9px;font-weight:600;cursor:help;opacity:.6;user-select:none}.tooltip-trigger:focus,.tooltip-trigger:hover{opacity:1;border-color:var(--color-accent-primary)}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:var(--z-modal);align-items:center;justify-content:center}.modal.active{display:flex}.header-text-group{display:flex;flex-direction:column;gap:2px}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.modal-close{appearance:none;background:0 0;border:none;padding:0;margin:0;line-height:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-close svg{flex-shrink:0;pointer-events:none}.modal-body{flex:1 1 auto;padding:var(--spacing-lg);overflow-y:auto}.modal-body:has(+ .modal-footer){padding-bottom:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-border-primary);flex-shrink:0}.pipeline-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.pipeline-selection{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pipeline-card{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;text-decoration:none;color:var(--color-text-primary);cursor:pointer;box-sizing:border-box}.pipeline-card--active{border:2px solid var(--color-border-secondary);background:var(--color-bg-tertiary)}.pipeline-card--active .pipeline-icon{color:var(--color-pipeline-cnc)}.pipeline-card--active:hover{border-color:var(--color-pipeline-cnc)}.pipeline-card--dev{border:2px solid var(--color-border-secondary);background:var(--color-bg-secondary)}.pipeline-card--dev .pipeline-icon{color:var(--color-text-disabled)}.pipeline-card--dev h3{color:var(--color-text-secondary)}.pipeline-card--dev .pipeline-desc{color:var(--color-text-disabled)}.pipeline-card--dev:hover{border-style:dashed;border-color:var(--color-pipeline-laser)}.pipeline-card--dev:hover .pipeline-icon{color:var(--color-pipeline-laser)}.pipeline-icon{margin-bottom:var(--spacing-md)}.pipeline-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.pipeline-badge{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-md)}.pipeline-badge--stable{background:rgba(34,197,94,.1);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.pipeline-badge--dev{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.pipeline-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg);flex:1}.pipeline-action{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500}.pipeline-card--active .pipeline-action{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.pipeline-card--active:hover .pipeline-action{background:var(--color-pipeline-cnc);border-color:var(--color-pipeline-cnc);color:#fff}.pipeline-card--dev .pipeline-action{background:0 0;color:var(--color-text-disabled);border:1px solid transparent}.pipeline-card--dev:hover .pipeline-action{color:var(--color-pipeline-laser);border-color:var(--color-pipeline-laser)}.sponsors-section{border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-lg);text-align:center}.sponsors-section h4{font-size:var(--font-size-xs);color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sponsor-slot{height:110px;background:var(--color-bg-primary);border:1.5px dashed var(--color-border-secondary);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:var(--font-size-xs);color:var(--color-text-disabled);cursor:pointer}.sponsor-slot .slot-content{display:flex;flex-direction:column;align-items:center;gap:4px}.sponsor-slot:hover{border-style:solid;border-color:var(--color-interaction-sponsorship);color:var(--color-interaction-sponsorship);background:var(--color-bg-secondary)}.sponsor-slot--filled{opacity:1;background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.sponsor-slot--filled:hover{border-color:var(--color-accent-primary)}.sponsor-slot--filled img{max-width:90%;max-height:90%;object-fit:contain}.sponsor-cta{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;margin-top:var(--spacing-sm);display:inline-block}.sponsor-cta:hover{color:var(--color-interaction-sponsorship);text-decoration:underline}.support-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.support-intro{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 auto;max-width:500px;line-height:var(--line-height-relaxed)}.support-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.support-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;height:100%}.support-card h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.support-card--sponsorship h3{color:var(--color-interaction-sponsorship)}.support-card--kofi h3{color:var(--color-interaction-kofi)}.support-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);flex:1}.support-email-container{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.support-email-hint{font-size:var(--font-size-xs);color:var(--color-text-hint)}.support-email-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.support-email-btn:hover{min-width:220px;border-color:var(--color-interaction-sponsorship);color:var(--color-text-primary)}.support-email-btn.copied{border-color:var(--color-success);color:var(--color-success);background:rgba(34,197,94,.1)}.support-email-btn svg{color:var(--color-interaction-sponsorship)}.btn--kofi{width:100%;margin-top:auto;background:var(--color-interaction-kofi);border:1px solid var(--color-interaction-kofi);color:#000;font-weight:600;justify-content:center}.btn--kofi:hover{filter:brightness(1.1);background:var(--color-interaction-kofi)}.header-text-group h2{display:flex;align-items:center;gap:var(--spacing-sm)}.pipeline-icon-anchor{display:flex;align-items:center;height:1em}.pipeline-icon-anchor svg{display:none;width:22px;height:22px}.mode-cnc .icon-cnc{display:block;color:var(--color-pipeline-cnc)}.mode-laser .icon-laser{display:block;color:var(--color-pipeline-laser)}.quickstart-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.quickstart-example-row{display:flex;align-items:center;gap:var(--spacing-md);padding:0;border:none;background:0 0;margin-bottom:var(--spacing-xs)}.quickstart-example-row label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap}.quickstart-example-row select{flex:1}#load-example-btn{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);min-width:100px}#load-example-btn:hover{background:var(--color-accent-hover)}.quickstart-upload-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.quickstart-upload-section>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.quickstart-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.quickstart-drop-zone{background:var(--color-bg-tertiary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius);padding:var(--spacing-lg);text-align:center;cursor:pointer;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.quickstart-drop-zone:hover{background:var(--color-bg-hover)}.quickstart-drop-zone.dragging{border-style:solid;background:var(--color-bg-active)}.quickstart-drop-zone.has-file{border-color:var(--color-success);border-style:solid;background:rgba(34,197,94,.05)}.quickstart-drop-zone svg{width:24px;height:24px;color:var(--color-text-secondary)}.quickstart-drop-zone[data-op-type=isolation]{border-color:var(--color-operation-isolation)}.quickstart-drop-zone[data-op-type=isolation]:hover{border-color:var(--color-operation-isolation);background:rgba(255,136,68,.08)}.quickstart-drop-zone[data-op-type=isolation] .zone-label,.quickstart-drop-zone[data-op-type=isolation] svg{color:var(--color-operation-isolation)}.quickstart-drop-zone[data-op-type=drill]{border-color:var(--color-operation-drill)}.quickstart-drop-zone[data-op-type=drill]:hover{border-color:var(--color-operation-drill);background:rgba(68,136,255,.08)}.quickstart-drop-zone[data-op-type=drill] .zone-label,.quickstart-drop-zone[data-op-type=drill] svg{color:var(--color-operation-drill)}.quickstart-drop-zone[data-op-type=clearing]{border-color:var(--color-operation-clearing)}.quickstart-drop-zone[data-op-type=clearing]:hover{border-color:var(--color-operation-clearing);background:rgba(68,255,136,.08)}.quickstart-drop-zone[data-op-type=clearing] .zone-label,.quickstart-drop-zone[data-op-type=clearing] svg{color:var(--color-operation-clearing)}.quickstart-drop-zone[data-op-type=cutout]{border-color:var(--color-operation-cutout)}.quickstart-drop-zone[data-op-type=cutout]:hover{border-color:var(--color-operation-cutout);background:rgba(255,0,255,.08)}.quickstart-drop-zone[data-op-type=cutout] .zone-label,.quickstart-drop-zone[data-op-type=cutout] svg{color:var(--color-operation-cutout)}#process-quickstart-files-btn{margin-top:var(--spacing-sm);height:44px;font-size:var(--font-size-base);font-weight:600}.quickstart-footer{display:flex;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.quickstart-footer #quickstart-back-btn{flex:0 0 auto}.quickstart-footer .checkbox-label{flex:1;justify-content:center}.quickstart-footer #start-empty-btn{flex:0 0 auto}#start-empty-btn{background:0 0;border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-weight:400;min-width:100px}#start-empty-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover);border-color:var(--color-text-primary)}#support-modal .modal-footer{justify-content:flex-start}.modal--gcode .modal-body{display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg);min-height:400px}.gcode-options{flex:0 0 45%;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding-right:var(--spacing-md)}.gcode-options h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-md)}.gcode-options h3:first-child{margin-top:0}.gcode-preview{flex:1;display:flex;flex-direction:column;min-width:0}.gcode-preview h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.preview-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius)}#gcode-preview-text{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius);padding:var(--spacing-md);resize:none}.operation-order{display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius);padding:var(--spacing-sm)}.help-text{font-size:var(--font-size-xs);color:var(--color-text-hint);margin-bottom:var(--spacing-sm)}.dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:none;z-index:var(--z-dropdown)}.dropdown-content.show{display:block}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:0 0;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);width:100%;text-align:left;cursor:pointer;min-height:var(--touch-target-compact)}.menu-item:hover:not(:disabled){background:var(--color-bg-hover)}.menu-item:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.menu-divider{height:1px;background:var(--color-border-primary);margin:var(--spacing-xs) 0}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge--success{background:var(--color-success);color:#fff}.badge--warning{background:var(--color-warning);color:#fff}.badge--error{background:var(--color-error);color:#fff}.badge--info{background:var(--color-info);color:#fff}.warning-icon{margin-left:var(--spacing-xs);font-size:12px;cursor:help;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,100%{opacity:1}50%{opacity:.5}}.unsaved-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-warning);display:inline-block;margin-left:var(--spacing-xs)}.progress{display:block;height:4px;background:var(--color-bg-primary);border-radius:2px;overflow:hidden}.progress-bar{display:block;height:100%;background:var(--color-accent-primary)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-secondary);border-top:3px solid var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.stats-info{background:var(--color-bg-primary);border-radius:var(--radius);padding:var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.stats-display{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.stat-item{display:flex;justify-content:space-between;padding:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-value{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.status-log-history .log-entry{padding:2px 0;white-space:pre-wrap;user-select:text}.status-log-history .log-entry.success{color:var(--color-success)}.status-log-history .log-entry.warning{color:var(--color-warning)}.status-log-history .log-entry.error{color:var(--color-error)}.status-log-history .log-entry.info{color:var(--color-info)}.status-log-history .log-entry.debug{color:var(--color-text-hint);opacity:.7}.separator{width:1px;height:24px;background:var(--color-border-primary);margin:0 var(--spacing-sm)}.separator--horizontal{width:100%;height:1px;margin:var(--spacing-md) 0}