:root{--skugen-primary:#2563EB;--skugen-secondary:#1D4ED8;--skugen-success:#10B981;--skugen-background:#F0F9FF;--skugen-card-bg:#FFFFFF;--skugen-sku-display-bg:#F8FAFC;--skugen-text:#1E293B;--skugen-text-light:#64748B;--skugen-monospace-text:#0F172A;--skugen-border:#E2E8F0;--skugen-hover:#EFF6FF}.skugen-wrapper{max-width:900px;margin:2rem auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.skugen-header{text-align:center;margin-bottom:2.5rem}.skugen-title{margin:0 0 .75rem 0;font-size:2.25rem;font-weight:700;color:var(--skugen-text);line-height:1.2}.skugen-subtitle{margin:0;font-size:1.125rem;color:var(--skugen-text-light)}.skugen-form{background:var(--skugen-card-bg);padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);margin-bottom:2rem}.skugen-field{margin-bottom:1.75rem}.skugen-field:last-of-type{margin-bottom:2rem}.skugen-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--skugen-text);font-size:1rem}.skugen-input,.skugen-select{width:100%;padding:.875rem 1rem;border:2px solid var(--skugen-border);border-radius:8px;font-size:1rem;transition:all 0.2s ease;box-sizing:border-box;color:var(--skugen-text);background:var(--skugen-card-bg)}.skugen-input:focus,.skugen-select:focus{outline:none;border-color:var(--skugen-primary);box-shadow:0 0 0 3px rgb(37 99 235 / .1)}.skugen-input.skugen-error-input{border-color:#EF4444}.skugen-input.skugen-error-input:focus{box-shadow:0 0 0 3px rgb(239 68 68 / .1)}.skugen-helper-text{margin:.5rem 0 0 0;font-size:.875rem;color:var(--skugen-text-light)}.skugen-error{display:block;margin-top:.375rem;font-size:.875rem;color:#EF4444;min-height:1.25rem}.skugen-checkbox-field{margin-bottom:1.5rem}.skugen-checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--skugen-text)}.skugen-checkbox{width:1.25rem;height:1.25rem;margin-right:.75rem;cursor:pointer;accent-color:var(--skugen-primary)}.skugen-checkbox-label span{font-size:1rem}.skugen-preview{padding:1.5rem;background:var(--skugen-background);border:2px solid var(--skugen-primary);border-radius:8px;margin-bottom:2rem;text-align:center}.skugen-preview-label{display:block;font-weight:600;color:var(--skugen-text-light);font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.skugen-preview-value{display:inline-block;font-family:'Monaco','Courier New',monospace;font-size:1.5rem;font-weight:700;color:var(--skugen-primary);background:var(--skugen-card-bg);padding:.75rem 1.5rem;border-radius:6px}.skugen-generate-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--skugen-primary) 0%,var(--skugen-secondary) 100%);color:#FFF;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(37 99 235 / .3)}.skugen-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(37 99 235 / .4)}.skugen-generate-btn:active{transform:translateY(0)}.skugen-generate-btn:disabled{background:#94A3B8;cursor:not-allowed;transform:none;box-shadow:none}.skugen-generate-btn.loading{position:relative;color:#fff0}.skugen-generate-btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgb(255 255 255 / .3);border-top-color:#FFF;border-radius:50%;animation:skugen-spin 0.6s linear infinite}@keyframes skugen-spin{to{transform:rotate(360deg)}}.skugen-results{margin-top:2rem;animation:skugen-slideIn 0.5s ease}@keyframes skugen-slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skugen-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.skugen-results-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--skugen-text)}.skugen-results-stats{font-size:.875rem;font-weight:600;color:var(--skugen-text-light);background:var(--skugen-background);padding:.5rem 1rem;border-radius:6px}.skugen-sku-list{background:var(--skugen-sku-display-bg);border:2px solid var(--skugen-border);border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.skugen-sku-list::-webkit-scrollbar{width:10px}.skugen-sku-list::-webkit-scrollbar-track{background:#F1F5F9;border-radius:5px}.skugen-sku-list::-webkit-scrollbar-thumb{background:var(--skugen-primary);border-radius:5px}.skugen-sku-list::-webkit-scrollbar-thumb:hover{background:var(--skugen-secondary)}.skugen-sku-item{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;background:var(--skugen-card-bg);border-radius:6px;transition:all 0.2s ease;border:1px solid #fff0}.skugen-sku-item:last-child{margin-bottom:0}.skugen-sku-item:nth-child(even){background:var(--skugen-hover)}.skugen-sku-item:hover{border-color:var(--skugen-primary);box-shadow:0 2px 4px rgb(37 99 235 / .1)}.skugen-sku-number{min-width:3rem;font-weight:600;color:var(--skugen-text-light);font-size:.875rem}.skugen-sku-value{flex:1;font-family:'Monaco','Courier New',monospace;font-size:1rem;font-weight:600;color:var(--skugen-monospace-text);letter-spacing:.05em}.skugen-copy-single{padding:.5rem .75rem;background:#fff0;border:1px solid var(--skugen-border);border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-size:1rem;opacity:0}.skugen-sku-item:hover .skugen-copy-single{opacity:1}.skugen-copy-single:hover{background:var(--skugen-primary);border-color:var(--skugen-primary);transform:scale(1.1)}.skugen-copy-single.copied{background:var(--skugen-success);border-color:var(--skugen-success)}.skugen-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.skugen-copy-all-btn,.skugen-download-csv-btn,.skugen-download-txt-btn,.skugen-clear-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid var(--skugen-primary);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;background:var(--skugen-card-bg);color:var(--skugen-primary)}.skugen-copy-all-btn:hover,.skugen-download-csv-btn:hover,.skugen-download-txt-btn:hover{background:var(--skugen-primary);color:#FFF;transform:translateY(-2px);box-shadow:0 4px 8px rgb(37 99 235 / .3)}.skugen-clear-btn{border-color:#EF4444;color:#EF4444}.skugen-clear-btn:hover{background:#EF4444;color:#FFF;transform:translateY(-2px);box-shadow:0 4px 8px rgb(239 68 68 / .3)}.skugen-btn-icon{font-size:1.125rem;line-height:1}.skugen-copy-all-btn.copied{background:var(--skugen-success);border-color:var(--skugen-success);color:#FFF}.skugen-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--skugen-success);color:#FFF;border-radius:8px;box-shadow:0 4px 12px rgb(16 185 129 / .3);font-weight:600;z-index:1000;animation:skugen-slideInUp 0.3s ease}@keyframes skugen-slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skugen-toast-icon{font-size:1.5rem;line-height:1}.skugen-toast-message{font-size:1rem}@media (max-width:768px){.skugen-wrapper{padding:1rem;margin:1rem}.skugen-title{font-size:1.875rem}.skugen-subtitle{font-size:1rem}.skugen-form{padding:1.5rem}.skugen-results-header{flex-direction:column;align-items:flex-start}.skugen-sku-item{flex-wrap:wrap}.skugen-sku-value{font-size:.875rem;word-break:break-all}.skugen-copy-single{opacity:1}.skugen-actions{flex-direction:column}.skugen-copy-all-btn,.skugen-download-csv-btn,.skugen-download-txt-btn,.skugen-clear-btn{width:100%;justify-content:center}.skugen-toast{left:1rem;right:1rem;bottom:1rem}}@media (max-width:1024px) and (min-width:769px){.skugen-sku-value{font-size:.9375rem}}@media print{.skugen-generate-btn,.skugen-actions,.skugen-toast,.skugen-copy-single{display:none}.skugen-sku-list{max-height:none;overflow:visible;border:1px solid var(--skugen-border)}.skugen-sku-item{page-break-inside:avoid}}.skugen-generate-btn:focus,.skugen-copy-all-btn:focus,.skugen-download-csv-btn:focus,.skugen-download-txt-btn:focus,.skugen-clear-btn:focus,.skugen-copy-single:focus,input:focus,select:focus{outline:2px solid var(--skugen-primary);outline-offset:2px}@media (prefers-contrast:high){.skugen-form,.skugen-sku-list,.skugen-preview{border:2px solid #000}.skugen-input,.skugen-select{border-width:2px}}@media (prefers-reduced-motion:reduce){.skugen-results,.skugen-sku-item,.skugen-generate-btn,.skugen-copy-all-btn,.skugen-download-csv-btn,.skugen-download-txt-btn,.skugen-clear-btn,.skugen-copy-single,.skugen-toast,input,select{animation:none;transition:none}.skugen-sku-item:hover,.skugen-generate-btn:hover,.skugen-copy-all-btn:hover,.skugen-download-csv-btn:hover,.skugen-download-txt-btn:hover,.skugen-clear-btn:hover{transform:none}}.skugen-empty-state{text-align:center;padding:3rem 2rem;color:var(--skugen-text-light)}.skugen-empty-state-icon{font-size:3rem;margin-bottom:1rem}.skugen-empty-state-text{font-size:1rem;margin:0}