.drukatek-app {
    max-width: 720px;
    font-family: inherit;
}
.drukatek-app .drukatek-step {
    background: #fff;
    border: 1px solid #e3e1db;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 18px;
}
.drukatek-app h3 { margin-top: 0; }
.drukatek-template-grid { display: flex; gap: 12px; flex-wrap: wrap; }
.drukatek-template-card {
    width: 140px;
    border: 2px solid #e3e1db;
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    background: #fff;
}
.drukatek-template-card.is-selected { border-color: #d9622b; }
.drukatek-template-card img { width: 100%; border-radius: 6px; display: block; margin-bottom: 6px; background: #fafafa; }
.drukatek-template-card .drukatek-tpl-name { font-size: 13px; font-weight: 600; }
.drukatek-template-card .drukatek-tpl-desc { font-size: 11px; color: #6b6b70; }

.drukatek-app input[type=text] {
    width: 100%;
    padding: 10px 12px;
    font-size: 1.1rem;
    border: 1px solid #e3e1db;
    border-radius: 8px;
    box-sizing: border-box;
}
.drukatek-meta-row { display: flex; justify-content: space-between; font-size: 12px; color: #6b6b70; margin-top: 6px; }
.drukatek-meta-row.is-error { color: #c0362c; font-weight: 600; }

.drukatek-preview { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.drukatek-glyph {
    min-width: 30px; height: 36px;
    border: 1px solid #e3e1db; border-radius: 5px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; background: #fafaf8;
}
.drukatek-glyph.is-space { background: transparent; border-style: dashed; color: #999; font-weight: 400; font-size: 11px; }
.drukatek-glyph.is-bad { background: #fdecea; border-color: #c0362c; color: #c0362c; }

#drukatek-generate-btn {
    background: #1c1c1e; color: #fff; border: none;
    padding: 12px 20px; font-size: 1rem; font-weight: 600;
    border-radius: 8px; cursor: pointer;
}
#drukatek-generate-btn:disabled { background: #b9b8b4; cursor: not-allowed; }
#drukatek-status { margin-top: 10px; font-size: 13px; }
#drukatek-status.is-ok { color: #2c7a4b; }
#drukatek-status.is-error { color: #c0362c; }