/* DOSIGNY — Tool cookie-banner-generator: Logik unverändert aus tools/cookie-banner-generator.php übernommen (umgewandelt von werkzeuge_umbauen.py). */
.dz-tool .tool-container { padding: calc(80px + var(--spacing-xl)) 0 var(--spacing-xl); min-height: 100vh; }
.dz-tool .tool-header { text-align: center; margin-bottom: var(--spacing-xl); }
.dz-tool .tool-header__title { font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: var(--spacing-sm); }
.dz-tool .tool-header__desc { color: var(--color-text-muted); max-width: 600px; margin: 0 auto; }
.dz-tool .tool-back { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--color-text-muted); text-decoration: none; margin-bottom: var(--spacing-md); font-size: 0.9rem; }
.dz-tool .tool-back:hover { color: var(--color-primary); }
.dz-tool .tool-layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
@media (max-width: 900px) {.dz-tool .tool-layout { grid-template-columns: 1fr; }
 }
.dz-tool .tool-box { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-lg); padding: var(--spacing-lg); }
.dz-tool .form-section { margin-bottom: var(--spacing-lg); padding-bottom: var(--spacing-lg); border-bottom: 1px solid rgba(255,255,255,0.08); }
.dz-tool .form-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.dz-tool .form-section__title { font-size: 1rem; margin-bottom: var(--spacing-md); color: var(--color-primary); }
.dz-tool .form-group { margin-bottom: var(--spacing-md); }
.dz-tool .form-group label { display: block; font-size: 0.9rem; color: var(--color-text-muted); margin-bottom: 0.5rem; }
.dz-tool .form-group input, .dz-tool .form-group textarea, .dz-tool .form-group select { width: 100%; padding: 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-sm); color: var(--color-text); font-size: 1rem; }
.dz-tool .form-group input:focus, .dz-tool .form-group textarea:focus, .dz-tool .form-group select:focus { outline: none; border-color: var(--color-primary); }
.dz-tool .form-group textarea { min-height: 80px; resize: vertical; }
.dz-tool .form-group small { display: block; margin-top: 0.25rem; color: var(--color-text-muted); font-size: 0.8rem; }
.dz-tool .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-sm); }
.dz-tool .form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--spacing-sm); }
@media (max-width: 500px) {.dz-tool .form-row, .dz-tool .form-row-3 { grid-template-columns: 1fr; }
 }
.dz-tool .color-input { display: flex; gap: 0.5rem; }
.dz-tool .color-input input[type="color"] { width: 50px; height: 42px; padding: 2px; cursor: pointer; border-radius: var(--radius-sm); }
.dz-tool .color-input input[type="text"] { flex: 1; }
.dz-tool .checkbox-item { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; cursor: pointer; font-size: 0.9rem; }
.dz-tool .checkbox-item input { width: 18px; height: 18px; cursor: pointer; }
.dz-tool .preview-section { position: sticky; top: 100px; }
.dz-tool .preview-section h3 { font-size: 1rem; margin-bottom: var(--spacing-md); color: var(--color-text-muted); }
.dz-tool .banner-preview { border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--spacing-lg); }
.dz-tool .banner-preview__container { padding: 20px; min-height: 200px; display: flex; align-items: flex-end; justify-content: center; background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50% / 20px 20px; }
.dz-tool .cookie-banner { width: 100%; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.dz-tool .cookie-banner.position-bottom { border-radius: 0; }
.dz-tool .cookie-banner.position-center { border-radius: 12px; max-width: 500px; }
.dz-tool .cookie-banner__title { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.dz-tool .cookie-banner__text { font-size: 14px; line-height: 1.5; margin-bottom: 16px; opacity: 0.9; }
.dz-tool .cookie-banner__text a { text-decoration: underline; }
.dz-tool .cookie-banner__buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.dz-tool .cookie-banner__btn { padding: 10px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; }
.dz-tool .cookie-banner__btn--accept { }
.dz-tool .cookie-banner__btn--settings { background: transparent; border: 1px solid; }
.dz-tool .cookie-banner__btn--decline { background: transparent; opacity: 0.7; }
.dz-tool .code-section { margin-top: var(--spacing-lg); }
.dz-tool .code-tabs { display: flex; gap: var(--spacing-xs); margin-bottom: var(--spacing-md); }
.dz-tool .code-tab { padding: 0.5rem 1rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-sm); color: var(--color-text); cursor: pointer; font-size: 0.85rem; }
.dz-tool .code-tab:hover { background: rgba(255,255,255,0.1); }
.dz-tool .code-tab.active { background: var(--color-primary); border-color: var(--color-primary); }
.dz-tool .code-output { position: relative; background: #1a1a2e; border-radius: var(--radius-md); padding: var(--spacing-md); max-height: 400px; overflow: auto; }
.dz-tool .code-output pre { margin: 0; color: #a5b4fc; font-family: 'Monaco', 'Consolas', monospace; font-size: 0.8rem; white-space: pre-wrap; }
.dz-tool .code-output__copy { position: absolute; top: var(--spacing-sm); right: var(--spacing-sm); padding: 0.4rem 0.8rem; background: var(--color-primary); color: #0c0816; border: none; border-radius: 4px; cursor: pointer; font-size: 0.8rem; }
.dz-tool .code-content { display: none; }
.dz-tool .code-content.active { display: block; }
.dz-tool .legal-notice { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); font-size: 0.9rem; }
.dz-tool .legal-notice strong { color: #f59e0b; }