:root{--bg: #ffffff;--fg: #0f172a;--muted: #64748b;--border: #e5e7eb;--border-strong: #ddd;--surface: #fafafa;--surface-alt: #f0f0f0;--primary: #42b983;--primary-600: #369d6f;--secondary: #4088bc;--secondary-600: #36739e;--danger: #dc2626;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--fs-sm: .85rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fw-semibold: 600;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 6px 16px rgba(0,0,0,.12);--container-max: 1100px}.flex-col{display:flex;flex-direction:column}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.max-w-500{max-width:500px}.hidden{display:none!important}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.m-0{margin:0!important}.p-0{padding:0!important}.mb--16{margin-bottom:-16px!important}.text-muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.h1{font-size:1.5rem;margin-bottom:.25rem}.hint{color:var(--muted);font-size:.95rem}.error-text{color:var(--danger)}.collage-preview{max-width:100%;height:auto;display:block}.actions{margin-top:var(--space-2);display:flex;gap:1rem;align-items:center}.btn{cursor:pointer;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:#f8fafc}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-600)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-small{font-size:var(--fs-sm);padding:.25rem .5rem}.icon{border:none;background:transparent;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem .35rem}.list-unstyled{list-style:none;padding-left:0}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background:var(--surface-alt);padding:.35rem .5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card-body{padding:.5rem}.surface{background:var(--surface)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tile-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .2s ease}.tile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-wrap{aspect-ratio:16 / 10;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:scale-down;display:block}.tile-title{padding:.75rem .9rem;font-weight:var(--fw-semibold);font-size:.95rem}.grid-fit-260{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.grid-fit-120{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.quacksalber{padding:var(--space-4);max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.chapters{display:flex;flex-direction:column;gap:var(--space-4)}.chapter{border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:.75rem}.chapter.disabled{opacity:.6}.chapter-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:.5rem}.chapter-actions{display:flex;align-items:center;gap:.5rem}.toggle{display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:.75rem}.rule-box{border:1px solid #e3e3e3;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.rule-box.off{opacity:.7}.rule-box-header{display:flex;justify-content:space-between;align-items:center;background:var(--surface-alt);padding:.35rem .5rem}.rule-box-header .left{display:flex;align-items:center;gap:.5rem}.rule-box-header h3{margin:0;font-size:1rem}.rule-box-body{padding:.5rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.option{border:1px solid #ddd;border-radius:var(--radius-sm);padding:.35rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.option.selected{border-color:var(--primary);box-shadow:0 0 0 2px #42b98326}.option input[type=checkbox]{margin-right:.25rem}.thumb{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-sm);background:#fff}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.caption{font-size:.9rem;text-align:center}.generator{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.generate{align-self:flex-start;padding:.5rem .9rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.result ul{padding-left:1rem}.ul-top{list-style-type:none;padding-left:0}.ul-top li{margin-bottom:.75rem}.preset-button{align-self:flex-start;padding:.5rem .9rem;background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.presets-block-outer{border:1px solid #ddd;border-radius:var(--radius-lg);margin-bottom:.75rem;padding:.5rem}.presets-block-outer h4{margin:.2rem}.presets-block *{margin:.25rem}