.die-tool{max-width:900px;margin:0 auto}.die-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.die-upload:hover,.die-upload-drag{border-color:var(--primary);background:var(--primary-light)}.die-upload-icon{font-size:3rem;margin-bottom:12px}.die-upload p{margin:4px 0;color:var(--text-secondary)}.die-upload strong{color:var(--primary);cursor:pointer}.die-hint{font-size:.8rem;color:var(--text-tertiary)!important;margin-top:8px}.die-loading{text-align:center;padding:48px}.die-loading p{color:var(--text-secondary);margin-top:12px}.die-spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:die-spin .8s linear infinite}@keyframes die-spin{to{transform:rotate(360deg)}}.die-summary-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.die-summary-left h3{font-size:1.3rem}.die-file-name{font-size:.85rem;color:var(--text-tertiary);margin-top:4px}.die-size-info{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.die-size-badge{font-size:.82rem;padding:3px 10px;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary)}.die-size-edited{background:#dcfce7;color:#166534}.die-size-arrow{color:var(--text-tertiary);font-size:.85rem}.die-size-saved{font-size:.82rem;padding:3px 10px;border-radius:var(--radius);background:#166534;color:#fff;font-weight:600}.die-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.die-batch-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.die-batch-hint{font-size:.8rem;color:var(--text-tertiary);margin-left:auto}.btn{padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.btn-batch{background:var(--bg);color:var(--text);border-color:var(--border);font-size:.82rem;padding:6px 14px}.btn-batch:hover{border-color:var(--primary);color:var(--primary)}.btn-batch:disabled{opacity:.6;cursor:not-allowed}.die-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.die-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.die-card:hover{box-shadow:var(--shadow-md)}.die-card-edited{border-color:#86efac}.die-card-img-wrap{width:100%;height:180px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border);position:relative}.die-card-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.die-edited-badge{position:absolute;top:8px;right:8px;background:#166534;color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:4px}.die-card-no-preview{flex-direction:column;gap:4px;color:var(--text-tertiary)}.die-card-no-preview-icon{font-size:2rem}.die-card-no-preview-text{font-size:.75rem}.die-card-info{padding:10px 12px;flex:1}.die-card-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.die-card-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-tertiary);margin-bottom:2px}.die-card-meta-edited{font-size:.72rem}.die-badge{background:var(--bg-tertiary);padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.die-dims{font-variant-numeric:tabular-nums}.die-saved{color:#166534;font-weight:600}.die-saved-neutral{color:var(--text-tertiary)}.die-card-actions{display:flex;gap:4px;padding:0 12px 12px}.die-card-btn{padding:5px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;flex:1;text-align:center}.die-card-btn-edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.die-card-btn-download:hover{background:var(--bg);border-color:var(--border-hover)}.die-card-btn-revert:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.die-empty{text-align:center;padding:48px 24px}.die-empty-icon{font-size:3rem;margin-bottom:12px}.die-empty h3{font-size:1.2rem;margin-bottom:8px}.die-empty p{color:var(--text-secondary)}.die-error{text-align:center;padding:48px 24px}.die-error-icon{font-size:3rem;margin-bottom:12px}.die-error h3{font-size:1.2rem;margin-bottom:8px}.die-error p{color:var(--text-secondary);margin-bottom:16px;word-break:break-word}.die-edit-overlay{position:fixed;inset:0;background:#0009;display:none;z-index:1000;align-items:center;justify-content:center}.die-edit-overlay.die-edit-show{display:flex}.die-edit-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:900px;width:92%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.die-edit-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.die-edit-header h3{font-size:1.1rem}.die-edit-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-tertiary);padding:4px 8px;border-radius:var(--radius);transition:all .15s}.die-edit-close:hover{background:var(--bg-secondary);color:var(--text)}.die-edit-body{display:flex;flex:1;overflow:hidden}.die-edit-preview{flex:1;overflow:auto;padding:24px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);background-image:linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.04) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.die-edit-preview canvas{max-width:100%;max-height:100%;object-fit:contain}.die-edit-controls{width:320px;padding:20px 24px;overflow-y:auto;border-left:1px solid var(--border)}.die-edit-info{margin-bottom:20px}.die-edit-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:.82rem}.die-edit-info-row span{color:var(--text-tertiary)}.die-edit-info-row strong{font-weight:600}.die-edit-section{margin-bottom:20px}.die-edit-section h4{font-size:.88rem;font-weight:600;margin-bottom:10px}.die-resize-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.die-resize-row label{font-size:.8rem;color:var(--text-secondary);width:70px;flex-shrink:0}.die-resize-row input{flex:1;padding:6px 10px;font-size:.82rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.die-resize-row input:focus{border-color:var(--primary);outline:none}.die-resize-row span{font-size:.78rem;color:var(--text-tertiary)}.die-checkbox{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.die-checkbox input{cursor:pointer}.die-quality-row{display:flex;align-items:center;gap:10px}.die-slider{flex:1;cursor:pointer}.die-quality-hint{font-size:.72rem;color:var(--text-tertiary);margin-top:6px;line-height:1.4}.die-rotate-buttons{display:flex;gap:6px}.die-checkbox-pad{margin:12px 0 0}.die-pad-color-row{margin-top:8px}.die-pad-color-row input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg)}.die-pad-color-row span{font-size:.78rem;color:var(--text-tertiary);font-family:Courier New,monospace}.die-edit-actions{display:flex;gap:8px;margin-top:24px}.die-edit-actions .btn{flex:1}.die-batch-overlay{position:fixed;inset:0;background:#00000080;display:none;z-index:1000;align-items:center;justify-content:center}.die-batch-overlay.die-batch-show{display:flex}.die-batch-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:440px;width:90%;padding:24px}.die-batch-modal h3{font-size:1.1rem;margin-bottom:8px}.die-batch-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.die-batch-modal-actions{display:flex;gap:8px;margin-top:20px;justify-content:flex-end}.faq-section{max-width:800px;margin:48px auto 0;padding:0 0 48px}.faq-section h2{font-size:1.75rem;margin-bottom:28px}.faq-item{margin-bottom:24px}.faq-item h3{font-size:1.1rem;margin-bottom:8px}.faq-item p{color:var(--text-secondary);line-height:1.7}.faq-item code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.die-batch-sep{width:1px;height:24px;background:var(--border);margin:0 4px;flex-shrink:0}#die-filter-toggle.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.die-filter-panel{margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.die-filter-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.die-filter-group{display:flex;align-items:center;gap:4px}.die-filter-group>label{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;margin-right:4px}.die-filter-group input[type=number]{width:60px;padding:4px 6px;font-size:.78rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.die-filter-group input[type=number]:focus{border-color:var(--primary);outline:none}.die-filter-group>span{font-size:.72rem;color:var(--text-tertiary)}.die-filter-formats{display:flex;gap:4px;flex-wrap:wrap}.die-filter-chip{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--text-secondary);cursor:pointer;padding:2px 8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:all .15s;opacity:.5}.die-filter-chip input{cursor:pointer;margin:0;width:12px;height:12px}.die-filter-chip:has(input:checked){opacity:1;border-color:var(--primary);color:var(--primary)}.die-filter-result{font-size:.78rem;color:var(--text-tertiary);margin-top:8px}.die-card-checkbox{position:absolute;top:6px;left:6px;z-index:2;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s}.die-card-checkbox input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.die-card-checkbox.checked{background:var(--primary);border-color:var(--primary)}.die-card-checkbox.checked:after{content:"✓";color:#fff;font-size:.72rem;font-weight:700}.die-card-selected{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.die-card-filtered{opacity:.3;filter:grayscale(.5)}@media (max-width: 768px){.die-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.die-card-img-wrap{height:140px}.die-summary-bar{flex-direction:column}.die-batch-toolbar{flex-direction:column;align-items:stretch}.die-batch-hint{margin-left:0}.die-filter-row{flex-direction:column;align-items:stretch}.die-edit-body{flex-direction:column}.die-edit-controls{width:100%;border-left:none;border-top:1px solid var(--border);max-height:40vh}.die-edit-preview{min-height:200px}}