.dropzone[data-astro-cid-exmguiuq]{border:2px dashed var(--color-primary);border-radius:var(--radius-md);padding:4rem 2rem;text-align:center;background:#2563eb0d;transition:all .3s ease;cursor:pointer}.dropzone[data-astro-cid-exmguiuq]:hover,.dropzone[data-astro-cid-exmguiuq].dragover{background-color:#2563eb1a;border-color:var(--color-primary-hover)}.drop-icon[data-astro-cid-exmguiuq]{font-size:3rem;color:var(--color-primary);margin-bottom:1rem}.dropzone[data-astro-cid-exmguiuq] strong[data-astro-cid-exmguiuq]{display:block;color:var(--color-text-main);font-size:1.2rem;margin-bottom:.5rem}.dropzone[data-astro-cid-exmguiuq] p[data-astro-cid-exmguiuq]{color:var(--color-text-muted);margin:0}.workspace-area[data-astro-cid-laafid5b]{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.controls-panel[data-astro-cid-laafid5b]{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.bag-indicator-wrapper[data-astro-cid-laafid5b]{display:flex;align-items:center;gap:.5rem;background-color:#2563eb0d;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.2)}.bag-label-text[data-astro-cid-laafid5b]{font-weight:700;color:var(--color-primary)}.bag-name-input[data-astro-cid-laafid5b]{background:var(--color-bg-surface);border:1px solid var(--color-primary);color:var(--color-text-main);font-weight:800;font-size:1.1rem;padding:.25rem .5rem;border-radius:4px;width:150px}.bag-name-input[data-astro-cid-laafid5b]:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow)}.action-buttons[data-astro-cid-laafid5b]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.checkbox-wrapper[data-astro-cid-laafid5b]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-main);font-weight:600;font-size:.9rem;margin-right:1rem}.checkbox-wrapper[data-astro-cid-laafid5b] input[data-astro-cid-laafid5b]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.divider[data-astro-cid-laafid5b]{width:1px;height:24px;background-color:var(--color-border);margin:0 .5rem}.progress-wrapper[data-astro-cid-laafid5b]{margin-bottom:2rem}.progress-container[data-astro-cid-laafid5b]{width:100%;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;height:20px;overflow:hidden;margin-bottom:.5rem}.progress-bar[data-astro-cid-laafid5b]{height:100%;background-color:#10b981;width:0%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:800;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text[data-astro-cid-laafid5b]{text-align:center;color:var(--color-text-muted);font-size:.9rem;font-weight:500}@media (max-width: 1024px){.controls-panel[data-astro-cid-laafid5b]{flex-direction:column;align-items:stretch}.action-buttons[data-astro-cid-laafid5b]{justify-content:flex-start}.divider[data-astro-cid-laafid5b]{display:none}.bag-indicator-wrapper[data-astro-cid-laafid5b]{width:100%;justify-content:space-between}.bag-name-input[data-astro-cid-laafid5b]{width:60%}}.form-group[data-astro-cid-w4zdm625]{margin-bottom:1.25rem}.form-group[data-astro-cid-w4zdm625] label[data-astro-cid-w4zdm625]{display:block;font-weight:600;color:var(--color-text-main);margin-bottom:.5rem;font-size:.95rem}.form-control[data-astro-cid-w4zdm625]{width:100%;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;color:var(--color-text-main);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:all .2s ease}.form-control[data-astro-cid-w4zdm625]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.checkbox-wrapper[data-astro-cid-w4zdm625]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-main);font-weight:500;font-size:.95rem}.checkbox-wrapper[data-astro-cid-w4zdm625] input[data-astro-cid-w4zdm625]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.tutorial-page{padding:4rem 0 8rem;background-color:var(--color-bg-base);min-height:calc(100vh - 100px)}.content-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--color-primary)}.tutorial-header{text-align:center;margin-bottom:3rem}.tutorial-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--color-text-main);margin-bottom:1rem;letter-spacing:-.02em}.text-highlight{color:var(--color-primary)}.lead{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6;max-width:700px;margin:0 auto}.tool-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm)}.splitter-header{margin-bottom:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.splitter-header h2{color:var(--color-text-main);font-size:1.5rem;margin:0;font-weight:700}.multiplier-container{display:inline-flex;align-items:center;gap:.75rem;background-color:var(--color-bg-elevated);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.multiplier-container label{font-weight:600;color:var(--color-text-muted);cursor:help}.multiplier-input{width:60px;padding:.25rem .5rem;font-size:1rem;font-weight:700;color:var(--color-primary);text-align:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-surface)}.multiplier-input:focus{border-color:var(--color-primary);outline:none}.prep-instructions{margin-bottom:2rem}.prep-accordion{background-color:#f59e0b0d;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);overflow:hidden}.prep-accordion summary{padding:1rem 1.5rem;font-weight:700;color:var(--color-text-main);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.prep-accordion summary::-webkit-details-marker{display:none}.text-warning{color:#f59e0b}.prep-content{padding:0 1.5rem 1.5rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.prep-content ol{margin-top:.5rem;padding-left:1.5rem}.prep-content li{margin-bottom:.25rem}.workspace-area:not(.hidden)~#prep-instructions{display:none}.hidden{display:none!important}.full-width{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--color-text-main);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-bg-elevated);border-color:var(--color-text-muted)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.btn-danger{background-color:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger:hover{background-color:#ef4444;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-large{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h3{margin:0;color:var(--color-text-main);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.close-btn{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0;transition:color .2s}.close-btn:hover{color:#ef4444}.modal-body{padding:2rem;overflow-y:auto;color:var(--color-text-main)}.table-responsive{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:60vh}.blapi-table{width:100%;border-collapse:collapse;font-size:.95rem;background-color:var(--color-bg-surface)}.blapi-table th{position:sticky;top:0;background-color:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:700;padding:1rem;border-bottom:2px solid var(--color-border);z-index:10;white-space:nowrap}.blapi-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle}.blapi-table tbody tr:last-child td{border-bottom:none}.completed-row{opacity:.4;background-color:#10b9810d}.extra-badge{display:inline-block;background-color:#f59e0b;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:700;white-space:nowrap;margin-top:.25rem}.item-image-wrapper{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;background-color:#fff;border-radius:4px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin:0 auto;padding:4px;box-sizing:border-box;overflow:hidden}.item-image-wrapper.small{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;padding:2px}.item-image-wrapper img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block}.qty-input{width:80px;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-main);text-align:center;font-weight:600;transition:all .2s}.qty-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.qty-input.error{border-color:#ef4444;background-color:#ef44441a;color:#ef4444}.qty-input:disabled{background-color:var(--color-bg-elevated);color:var(--color-text-muted);cursor:not-allowed;border-color:transparent}.history-qty-input{width:60px;padding:.4rem;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);color:var(--color-primary);text-align:center;font-weight:800}.history-qty-input:focus{border-color:var(--color-primary);outline:none}.history-qty-input.error{border-color:#ef4444;color:#ef4444;background-color:#ef44441a}.history-bag-name-input{background:transparent;border:1px dashed transparent;color:var(--color-primary);font-weight:700;font-size:1.1rem;padding:.25rem .5rem;border-radius:4px;width:200px;font-family:inherit;transition:all .2s ease}.history-bag-name-input:hover,.history-bag-name-input:focus{background:var(--color-bg-surface);border-color:var(--color-primary);outline:none}.sortable{cursor:pointer}.sortable:hover{background-color:var(--color-bg-surface);color:var(--color-text-main)}.sortable:after{content:" ↕";font-size:.8em;opacity:.3;margin-left:5px}.sort-asc:after{content:" ↑";color:var(--color-primary);opacity:1}.sort-desc:after{content:" ↓";color:var(--color-primary);opacity:1}.delete-bag-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.delete-bag-btn:hover{background-color:#ef44441a}.history-bag{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:2.5rem;overflow:hidden;background-color:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.history-bag h4{margin:0;padding:1rem 1.5rem;background-color:#2563eb0d;color:var(--color-primary);border-bottom:1px solid var(--color-border);font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.table-toolbar{display:flex;justify-content:flex-start;margin-bottom:1rem}.search-wrapper{position:relative;width:100%;max-width:400px}.search-wrapper i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);font-family:inherit;transition:all .2s;box-sizing:border-box;font-size:.95rem}.search-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}