/* SVG İkonlar */
.icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}
.icon--inline { margin-right: 0.35rem; }
.icon--lg { width: 2rem; height: 2rem; }
.icon--xl { width: 3rem; height: 3rem; }

.feature-card__icon .icon,
.upload-zone__icon .icon { width: 2rem; height: 2rem; color: var(--color-primary-light); }

.sticker-btn,
.sticker-pick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sticker-btn .icon,
.sticker-pick .icon { width: 1.25rem; height: 1.25rem; color: inherit; }

.book-mockup__sticker .icon,
.preview-book__sticker .icon { width: 2rem; height: 2rem; color: #6366f1; }

.template-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.template-card__cover {
    position: relative;
    overflow: hidden;
}
.template-card__cover-badge {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.template-card__cover-badge .icon { width: 14px; height: 14px; }

.filter-bar__link,
.category-bar__link { display: inline-flex; align-items: center; gap: 0.35rem; }

.top-bar__item { display: inline-flex; align-items: center; gap: 0.35rem; }

.layer-item__icon .icon { width: 16px; height: 16px; }

.el-sticker .icon { color: inherit; stroke: currentColor; }

.editor-toolbar .icon { width: 16px; height: 16px; }
