.placement-mode{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.placement-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0}.header-center button{margin:0 .5rem;padding:.5rem 1rem;background:#333;border:none;border-radius:4px;cursor:pointer;color:#fff}.group-sidebar{width:300px;background:#1a1a1a;border-right:1px solid #333;overflow-y:auto;flex-shrink:0}.part-panel{width:350px;background:#1a1a1a;border-left:1px solid #333;overflow-y:auto;padding:1rem;flex-shrink:0}.shortcuts-help{display:flex;justify-content:center;gap:2rem;padding:.5rem;background:#1a1a1a;border-top:1px solid #333;font-size:.875rem;color:#666;flex-shrink:0}@media (max-width: 1024px){.group-sidebar{width:250px}.part-panel{width:300px}}@media (max-width: 768px){.placement-content{flex-direction:column}.group-sidebar,.part-panel{width:100%;height:200px;border:none;border-bottom:1px solid #333}.shortcuts-help{display:none}}.app{width:100%;height:100%;display:flex;flex-direction:column}.import-wizard{padding:2rem;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.wizard-content{flex:1;overflow-y:auto;padding-right:1rem}.wizard-header{margin-bottom:2rem}.step-indicator{display:flex;gap:1rem;margin-top:1rem}.step-indicator span{padding:.5rem 1rem;background:#333;border-radius:4px}.step-indicator span.active{background:#3b82f6}.upload-step{text-align:center}.upload-step input[type=file]{margin:2rem 0;padding:1rem;border:2px dashed #666;border-radius:8px;cursor:pointer}.review-step{display:flex;flex-direction:column;height:100%;overflow:hidden}.review-step h2{margin-bottom:.5rem;flex-shrink:0}.review-step>p{margin-bottom:1rem;color:#888;flex-shrink:0}.files-table-container{flex:1;overflow-y:auto;border:1px solid #444;border-radius:4px;margin-bottom:1rem}.review-step table{width:100%;border-collapse:collapse}.review-step th,.review-step td{padding:.75rem;text-align:left;border-bottom:1px solid #444}.review-step th{background:#333;position:sticky;top:0;z-index:1}.review-step .actions{flex-shrink:0;display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #444}.placement-mode{display:flex;flex-direction:column;height:100%}.placement-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a1a;border-bottom:1px solid #333}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.25rem;margin:0}.progress-bar{width:200px;height:8px;background:#333;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#22c55e;transition:width .3s ease}.header-center button{margin:0 .5rem;padding:.5rem 1rem;background:#333;border:none;border-radius:4px;cursor:pointer}.header-center button.active{background:#3b82f6}.placement-content{display:flex;flex:1;overflow:hidden}.group-sidebar{width:300px;background:#1a1a1a;border-right:1px solid #333;overflow-y:auto}.board-container{flex:1;position:relative;overflow:hidden;background:#0a0a0a}.part-panel{width:350px;background:#1a1a1a;border-left:1px solid #333;overflow-y:auto;padding:1rem}.board-view-container{width:100%;height:100%;position:relative}.board-svg{width:100%;height:100%}.board-controls{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;background:#000c;padding:.5rem;border-radius:4px}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-controls button{width:30px;height:30px;background:#333;border:none;border-radius:4px;cursor:pointer}.layer-controls{display:flex;gap:1rem}.layer-controls label{display:flex;align-items:center;gap:.25rem;cursor:pointer}.group-list{padding:1rem}.group-list h3{margin-bottom:1rem;font-size:1.1rem}.groups-container{display:flex;flex-direction:column;gap:.5rem}.group-item{padding:.75rem;background:#252525;border-radius:4px;cursor:pointer;transition:background .2s}.group-item:hover{background:#333}.group-item.active{background:#3b82f6}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.group-name{font-weight:500}.group-count{font-size:.875rem;color:#888}.group-item.active .group-count{color:#fffc}.group-details{display:flex;gap:.5rem;font-size:.75rem;color:#666;margin-bottom:.5rem}.group-item .progress-bar{height:4px;background:#333;border-radius:2px;overflow:hidden}.group-item .progress-fill{height:100%;background:#22c55e;transition:width .3s}.current-part-panel{height:100%}.current-part-panel.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666}.part-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.part-header h3{font-size:1.5rem;margin:0}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-badge.pending{background:#f59e0b;color:#000}.status-badge.placed{background:#22c55e;color:#000}.status-badge.skipped{background:#6b7280;color:#fff}.group-info{margin-bottom:1rem;padding:.75rem;background:#252525;border-radius:4px}.group-progress{display:flex;flex-direction:column;gap:.5rem}.part-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333}.detail-row .label{color:#888}.detail-row .value{font-weight:500}.description{margin-bottom:1rem}.description h4{margin-bottom:.5rem;font-size:.875rem;color:#888}.description p{font-size:.875rem;line-height:1.5}.actions{display:flex;flex-direction:column;gap:.5rem}.actions button{padding:.75rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#1e3a5f;cursor:not-allowed}.btn-secondary{background:#444;color:#fff}.btn-secondary:hover:not(:disabled){background:#555}.btn-secondary:disabled{background:#333;cursor:not-allowed}.project-list{padding:2rem;max-width:1200px;margin:0 auto}.project-list header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.project-list h1{font-size:2rem;margin:0}.error-banner{background:#ef4444;color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:#fff3;border:none;padding:.5rem 1rem;border-radius:4px;color:#fff;cursor:pointer}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state p{margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.project-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem;cursor:pointer;transition:border-color .2s}.project-card:hover{border-color:#3b82f6}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-header h3{margin:0;font-size:1.1rem}.delete-btn{background:transparent;border:none;color:#666;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.delete-btn:hover{background:#ef4444;color:#fff}.project-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#666}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.processing-step{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.processing-step h2{margin-bottom:2rem;font-size:1.5rem}.processing-progress-bar{width:100%;max-width:400px;height:12px;background:#333;border-radius:6px;overflow:hidden;margin-bottom:1rem}.processing-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease;border-radius:6px}.processing-status{display:flex;flex-direction:column;align-items:center;gap:.5rem}.processing-stage{font-size:1.1rem;font-weight:500;color:#e5e7eb}.processing-percentage{font-size:2rem;font-weight:700;color:#3b82f6}.processing-hint{margin-top:2rem;color:#888;font-size:.875rem}@media (max-width: 768px){.project-list{padding:1rem}.projects-grid{grid-template-columns:1fr}.placement-content{flex-direction:column}.group-sidebar,.part-panel{width:100%;height:200px}}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{display:flex;place-items:center;min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#3b82f6;color:#fff}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.board-container{cursor:grab}.board-container:active{cursor:grabbing}.placement-marker{cursor:pointer;transition:all .2s ease}.placement-marker:hover{transform:scale(1.2)}.group-item{transition:background-color .2s ease}.group-item:hover{background-color:#ffffff0d}.group-item.active{background-color:#3b82f633;border-left:3px solid #3b82f6}.status-placed{color:#22c55e}.status-pending{color:#f59e0b}.status-skipped{color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.sidebar{width:100%;position:fixed;bottom:0;left:0;z-index:50}.board-view{height:calc(100vh - 200px)}}@media print{.no-print{display:none!important}.board-container{page-break-inside:avoid}}