*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#000}#root{display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:16px;padding:0 20px;height:52px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.app-header .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:#7c3aed;text-decoration:none}.app-header .logo svg{width:28px;height:28px}.app-header .project-name{font-size:.95rem;color:#374151;font-weight:500}.app-header .header-actions{margin-left:auto;display:flex;gap:8px}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:72px;flex-shrink:0;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:4px;background:#fff}.sidebar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:none;background:none;cursor:pointer;border-radius:8px;width:60px;color:#6b7280;font-size:.68rem;font-weight:500;transition:background .15s,color .15s}.sidebar-btn svg{width:22px;height:22px}.sidebar-btn:hover{background:#f3f0ff;color:#7c3aed}.sidebar-btn.active{background:#7c3aed;color:#fff}.left-panel{width:25%;flex-shrink:0;border-right:1px solid #e5e7eb;overflow-y:auto;padding:16px;background:#fff}.viewport-area{flex:1;position:relative;background:#f9f9f9;overflow:hidden}.import-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:32px}.import-logo{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;color:#7c3aed}.import-logo svg{width:40px;height:40px}.drop-zone{width:480px;border:2px dashed #c4b5fd;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragging{border-color:#7c3aed;background:#faf5ff}.drop-zone .drop-icon{font-size:3rem;margin-bottom:12px}.drop-zone h2{font-size:1.1rem;color:#111;margin-bottom:6px}.drop-zone p{font-size:.85rem;color:#6b7280}.import-or{color:#9ca3af;font-size:.9rem}.uv-choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.uv-choice-modal{background:#fff;border-radius:12px;padding:32px;width:700px;max-width:96vw;box-shadow:0 20px 60px #0000002e}.uv-choice-modal h2{font-size:1.1rem;margin-bottom:6px}.uv-choice-modal .subtitle{font-size:.85rem;color:#6b7280;margin-bottom:24px}.uv-choice-options{display:flex;gap:20px}.uv-choice-card{flex:1;border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;transition:border-color .15s;display:flex;flex-direction:column;align-items:center;gap:12px}.uv-choice-card:hover{border-color:#7c3aed}.uv-choice-card canvas,.uv-choice-card .uv-preview{width:100%;aspect-ratio:1;border-radius:6px;background:#f9fafb}.btn{padding:9px 18px;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover{background:#6d28d9}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{background:#fff;color:#374151;border:1.5px solid #d1d5db}.btn-outline:hover{border-color:#7c3aed;color:#7c3aed}.btn-full{width:100%;text-align:center;padding:11px;font-size:.9rem}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.panel-title{font-size:1rem;font-weight:700;margin-bottom:16px}.panel-section{margin-bottom:20px}.panel-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px 8px;text-align:center}.stat-card .stat-value{font-size:1.4rem;font-weight:700}.stat-card .stat-unit{font-size:.65rem;color:#9ca3af;text-transform:uppercase}.stat-card .stat-label{font-size:.7rem;color:#6b7280;margin-top:2px}.pieces-count{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4px}.pieces-label{font-size:.75rem;color:#6b7280;text-align:center;margin-bottom:16px}.pattern-canvas-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9f9f9;margin-bottom:12px}.pattern-canvas-wrap canvas{display:block;width:100%}.pattern-empty{border:2px dashed #e5e7eb;border-radius:8px;padding:32px 16px;text-align:center;color:#9ca3af;font-size:.85rem;margin-bottom:12px}.controls-section{margin-top:16px}.controls-title{font-size:.85rem;font-weight:600;margin-bottom:10px}.toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem}.toggle{width:36px;height:20px;border-radius:10px;background:#d1d5db;position:relative;cursor:pointer;border:none;transition:background .2s;flex-shrink:0}.toggle.on{background:#7c3aed}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}.toggle.on:after{left:18px}.print-row{margin-bottom:14px}.print-row label{display:block;font-size:.82rem;color:#374151;font-weight:600;margin-bottom:5px}.print-row select,.print-row input{width:100%;padding:8px 10px;border:1.5px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.print-row select:focus,.print-row input:focus{outline:none;border-color:#7c3aed}.page-count{font-size:.85rem;color:#6b7280;margin-bottom:14px}.draw-mode-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;border-radius:6px;padding:5px 10px;font-size:.78rem;font-weight:600;margin-bottom:10px}.viewport-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;font-size:.78rem;padding:6px 14px;border-radius:20px;pointer-events:none}.print-preview-wrap{width:100%;height:100%;overflow:auto;background:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.print-page{background:#fff;box-shadow:0 2px 12px #0000001a;position:relative;flex-shrink:0}.divider{border:none;border-top:1px solid #e5e7eb;margin:14px 0}.text-muted{color:#6b7280;font-size:.82rem}.text-purple{color:#7c3aed}@media print{.app-header,.sidebar,.left-panel{display:none!important}.viewport-area{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff}}