.sb-page{max-width:860px;margin:0 auto;padding:48px 24px 80px;font-family:Figtree,sans-serif;font-size:15px;color:#1a1b18}.sb-header{margin-bottom:36px}.sb-title{font-size:28px;font-weight:600;color:#1a1b18;margin:0 0 6px}.sb-subtitle{color:#888;font-size:14px;margin:0}.sb-section{background:#fff;border:1px solid #e5e2dc;border-radius:14px;padding:28px;margin-bottom:20px}.sb-section-title{font-size:16px;font-weight:600;color:#1a1b18;margin:0 0 20px;display:flex;align-items:center;gap:10px}.sb-section-hint{font-size:13px;font-weight:400;color:#aaa}.sb-section-number{width:26px;height:26px;background:#6c7c59;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sb-label{display:block;font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.sb-input,.sb-select{width:100%;padding:9px 12px;border:1px solid #d5d2cb;border-radius:8px;font-size:14px;font-family:Figtree,sans-serif;color:#1a1b18;background:#fafaf8;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.sb-input:focus,.sb-select:focus{outline:none;border-color:#6c7c59;box-shadow:0 0 0 3px #6c7c591f;background:#fff}.sb-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;border:none;font-family:Figtree,sans-serif;text-decoration:none}.sb-btn--primary{background:#6c7c59;color:#fff;width:100%;justify-content:center;padding:14px 18px;font-size:15px;margin-bottom:16px}.sb-btn--primary:hover{background:#5a6b48}.sb-btn--secondary{background:#6c7c5914;color:#6c7c59;border:1px solid rgba(108,124,89,.25);flex-shrink:0;align-self:flex-start}.sb-btn--secondary:hover{background:#6c7c5929}.sb-btn--danger{background:transparent;color:#b94040;border:1px solid #e8b4b0;padding:7px 11px;font-size:13px}.sb-btn--danger:hover{background:#fdf3f3}.sb-btn--add{display:flex;align-items:center;gap:6px;margin-top:4px;padding:9px 14px;background:transparent;color:#6c7c59;border:1.5px dashed rgba(108,124,89,.45);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Figtree,sans-serif;transition:background .15s}.sb-btn--add:hover{background:#6c7c590f}.sb-garn-row{display:grid;grid-template-columns:1fr 160px auto;gap:10px;align-items:end;padding:14px 16px;background:#f8f7f4;border:1px solid #eceae4;border-radius:10px;margin-bottom:10px}.sb-matrix-wrapper{overflow-x:auto;margin-bottom:12px}.sb-matrix{width:100%;border-collapse:collapse;min-width:300px}.sb-matrix th{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;background:#f5f3ef;border-bottom:1px solid #e8e4de;text-align:left;white-space:nowrap}.sb-matrix td{padding:8px 10px;border-bottom:1px solid #f0ede8;vertical-align:middle}.sb-matrix tr:last-child td{border-bottom:none}.sb-matrix-input{width:60px;padding:6px 8px;border:1px solid #d5d2cb;border-radius:6px;font-size:14px;text-align:center;font-family:Figtree,sans-serif;background:#fafaf8}.sb-matrix-input:focus{outline:none;border-color:#6c7c59}.sb-groesse-name-input{width:70px;padding:6px 8px;border:1px solid #d5d2cb;border-radius:6px;font-size:14px;font-family:Figtree,sans-serif;background:#fafaf8}.sb-groesse-name-input:focus{outline:none;border-color:#6c7c59}.sb-radio-group{display:flex;gap:10px;flex-wrap:wrap}.sb-radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e0ddd7;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}.sb-radio-label.active{border-color:#6c7c59;background:#6c7c590f;color:#6c7c59;font-weight:600}.sb-radio-label input{display:none}.sb-empfehlung-row{padding:14px 16px;background:#f8f7f4;border:1px solid #eceae4;border-radius:10px;margin-bottom:10px}.sb-empfehlung-header{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px}.sb-farben-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sb-anleitung-grid{display:grid;gap:14px}.sb-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:#444}.sb-checkbox-label input{accent-color:#6C7C59;width:16px;height:16px}.sb-load-row{display:flex;gap:10px;align-items:flex-start}.sb-load-row textarea{flex:1;padding:10px 12px;border:1px solid #d5d2cb;border-radius:8px;font-family:Courier New,monospace;font-size:12px;resize:vertical;min-height:72px;background:#fafaf8;color:#1a1b18}.sb-load-row textarea:focus{outline:none;border-color:#6c7c59}.sb-output{background:#1e1f1c;border-radius:14px;padding:24px;margin-top:8px}.sb-output-title{color:#8dc879;font-size:13px;font-weight:600;font-family:Courier New,monospace;margin-bottom:12px}.sb-output textarea{width:100%;background:transparent;border:none;color:#d4f5c0;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:180px;outline:none;line-height:1.6;box-sizing:border-box}.sb-output-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sb-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#6c7c59;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Figtree,sans-serif;transition:background .15s;text-decoration:none}.sb-copy-btn:hover{background:#5a6b48;color:#fff}.sb-copy-btn.copied{background:#27ae60}.sb-output-hint{color:#7a9e6a;font-size:12px;margin-top:12px;margin-bottom:0;line-height:1.5}.sb-auth{max-width:380px;margin:80px auto;text-align:center;padding:40px 32px;background:#fff;border-radius:16px;border:1px solid #e5e2dc}.sb-auth-icon{font-size:44px;margin-bottom:16px}.sb-auth h2{font-size:20px;margin:0 0 8px}.sb-auth p{color:#888;font-size:14px;margin:0 0 20px}.sb-msg{padding:10px 14px;border-radius:8px;font-size:13px;margin-top:8px}.sb-msg--success{background:#f0f9eb;color:#3a7d2c;border:1px solid #c3e6b0}.sb-msg--error{background:#fdf2f2;color:#b94040;border:1px solid #f0c0c0}@media(max-width:600px){.sb-page{padding:24px 16px 60px}.sb-section{padding:20px 16px}.sb-garn-row{grid-template-columns:1fr auto}.sb-garn-row>div:nth-child(2){grid-column:1}.sb-farben-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/strickset-builder.css.map */