:root {
	--kta-bg: #fff;
	--kta-surface: #f3f3f6;
	--kta-surface-2: #e8e8ee;
	--kta-text: #1d1d1f;
	--kta-muted: #8a8a92;
	--kta-accent: #0071e3;
	--kta-accent-soft: #e8f1fd;
	--kta-border: #ececf0;
	--kta-radius: 14px;
	--kta-tap: 44px;
	--kta-ctl: 40px;
}
/* Ürün sayfası butonu */
.kta-open-btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: var(--kta-tap) !important; padding: 0 28px; margin-left: 8px;
	border: 1.5px solid var(--kta-text); border-radius: 999px;
	background: transparent; color: var(--kta-text);
	font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1; cursor: pointer;
	transition: background .15s, color .15s;
}
.kta-open-btn:hover, .kta-open-btn:focus-visible { background: var(--kta-text); color: #fff; }
/* Ürün sayfası: Kaşe Metni + dosya ekleme + kayıtlı tasarım kartı (sepete ekle düğmesinden önce) */
.kta-fields { flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0 0 16px; display: flex; flex-direction: column; gap: 12px; text-align: left; }
.kta-fields [hidden] { display: none !important; }
.kta-fields .kta-field--row { display: flex; align-items: flex-start; gap: 12px; }
.kta-fields .kta-field__label { flex: 0 0 auto; min-width: 96px; margin: 0; padding-top: 11px; font-weight: 600; color: var(--kta-text); line-height: 1.2; }
.kta-fields .kta-field__input {
	flex: 1 1 auto; width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 10px 12px;
	border: 1.5px solid #d2d2d7; border-radius: 10px; background: #fff; color: var(--kta-text);
	font: inherit; font-size: 16px; line-height: 1.35; resize: vertical; box-shadow: none;
}
/* Temalar (ör. WoodMart) textarea'ya sabit yükseklik/min-height verir: metin alanı 2 satırdan başlar, yazdıkça büyür (en çok ~8 satır). */
.kta-fields textarea.kta-field__input {
	height: auto !important; min-height: calc(2 * 1.35em + 22px) !important; max-height: calc(8 * 1.35em + 22px) !important;
	field-sizing: content; overflow-y: auto; resize: none !important;
}
.kta-fields .kta-field__input:focus { outline: none; border-color: var(--kta-accent); box-shadow: 0 0 0 3px var(--kta-accent-soft); }
.kta-fields .kta-field--file { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding-left: 108px; }
.kta-fields .kta-file__btn {
	display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; margin: 0;
	border: 1.5px dashed #b6b6bd; border-radius: 10px; background: #fafafc; color: var(--kta-text);
	font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: none; text-transform: none;
}
.kta-fields .kta-file__btn:hover, .kta-fields .kta-file__btn:focus-visible { border-color: var(--kta-accent); background: var(--kta-accent-soft); outline: none; }
.kta-fields .kta-file__btn .kta-i { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kta-fields .kta-file__list { flex: 0 0 100%; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.kta-fields .kta-file__list:empty { display: none; }
.kta-fields .kta-file__item { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; }
.kta-fields .kta-file__item::before, .kta-fields .kta-file__item::marker { content: none; }
.kta-fields .kta-file__name { font-size: 15px; word-break: break-all; }
.kta-fields .kta-file__item.is-busy { opacity: .65; }
.kta-fields .kta-file__x { width: 28px; height: 28px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: #ececf0; color: var(--kta-text); font-size: 18px; line-height: 28px; cursor: pointer; box-shadow: none; }
.kta-fields .kta-field__error { flex: 0 0 100%; box-sizing: border-box; padding: 9px 12px; border: 1.5px solid #e5736f; border-radius: 10px; background: #fdecea !important; color: #b3261e !important; font-size: 14px; font-weight: 600; line-height: 1.35; }
.kta-fields .kta-field__hint { flex: 0 0 100%; font-size: 12.5px; color: #6e6e73; }
.kta-fields .kta-design-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1.5px solid #cfe0f7; border-radius: 12px; background: var(--kta-accent-soft); }
.kta-fields .kta-design-card img { width: 64px; height: 44px; object-fit: contain; background: #fff; border: 1px solid #e5e5ea; border-radius: 6px; flex: 0 0 auto; }
.kta-fields .kta-design-card__txt { flex: 1 1 auto; font-size: 14px; line-height: 1.35; }
.kta-fields .kta-link-btn { padding: 4px 6px; margin: 0; border: 0; background: none; color: var(--kta-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: underline; box-shadow: none; }
@media (max-width: 520px) {
	.kta-fields .kta-field--row { flex-direction: column; gap: 6px; }
	.kta-fields .kta-field__label { padding-top: 0; }
	.kta-fields .kta-field--file { padding-left: 0; }
}
/* Tasarım penceresi */
body.kta-lock { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
#kta-modal.kta-modal {
	position:fixed !important;
	inset:0;
	z-index:999999 !important;
	display:flex !important;
	flex-direction:column !important;
	height:100vh;
	height:100dvh;
	background:var(--kta-bg) !important;
	color:var(--kta-text) !important;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	-webkit-tap-highlight-color:transparent !important;
	overscroll-behavior:contain !important;
	touch-action:manipulation !important;
	overflow:hidden !important;
	max-width:100vw !important;
}
#kta-modal [hidden] { display: none !important; }
#kta-modal[hidden] { display: none !important; }
#kta-modal *,
#kta-modal *::before,
#kta-modal *::after {
	box-sizing:border-box !important;
}
#kta-modal button,
#kta-modal select,
#kta-modal textarea {
	font-family:inherit;
}
#kta-modal button {
	-webkit-appearance:none !important;
	appearance:none !important;
	margin:0 !important;
}
#kta-modal .kta-topbar {
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:8px !important;
	padding:8px 12px !important;
	padding-top:max(8px, env(safe-area-inset-top)) !important;
	border-bottom:1px solid var(--kta-border) !important;
	background:var(--kta-bg) !important;
}
#kta-modal .kta-title {
	margin:0 !important;
	padding:0 !important;
	font-size:17px !important;
	font-weight:600;
	flex:1 !important;
	text-align:center !important;
	color:inherit !important;
}
#kta-modal .kta-history {
	display:flex !important;
	gap:4px !important;
}
#kta-modal .kta-i {
	width:20px !important;
	height:20px !important;
	flex:none !important;
	fill:none !important;
	stroke:currentColor !important;
	stroke-width:1.8 !important;
	stroke-linecap:round !important;
	stroke-linejoin:round !important;
}
#kta-modal .kta-btn {
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:2px !important;
	min-height:var(--kta-tap) !important;
	min-width:var(--kta-tap) !important;
	padding:0 10px !important;
	border:0 !important;
	border-radius:var(--kta-radius) !important;
	background:transparent !important;
	color:var(--kta-accent) !important;
	font-size:16px !important;
	font-weight:500;
	line-height:1 !important;
	cursor:pointer !important;
}
#kta-modal .kta-btn .kta-i {
	width:22px !important;
	height:22px !important;
}
#kta-modal .kta-btn--icon {
	color:var(--kta-text) !important;
	padding:0 !important;
}
#kta-modal .kta-btn:disabled {
	opacity:.3 !important;
	cursor:default !important;
}
#kta-modal .kta-btn:not(:disabled):active {
	background:var(--kta-surface) !important;
}
#kta-modal .kta-stage {
	flex:1 !important;
	min-height:0 !important;
	position:relative !important;
	overflow:hidden !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	background:var(--kta-surface) !important;
	background-image:radial-gradient(#d2d2d7 1px, transparent 1px) !important;
	background-size:20px 20px !important;
	touch-action:none !important;
	user-select:none !important;
	-webkit-user-select:none !important;
}
#kta-modal .kta-board-wrap {
	position:absolute !important;
	left:50% !important;
	top:50%;
	transform:translate(-50%, -50%) translate(var(--kta-px, 0px), var(--kta-py, 0px)) !important;
}
#kta-modal .kta-board {
	display:block !important;
	touch-action:none !important;
	-webkit-touch-callout:none !important;
}
#kta-modal .kta-board text {
	user-select:none !important;
	-webkit-user-select:none !important;
}
#kta-modal .kta-size-label {
	position:absolute !important;
	left:0 !important;
	right:0 !important;
	bottom:8px !important;
	margin:0 !important;
	text-align:center !important;
	font-size:13px !important;
	color:var(--kta-muted) !important;
	pointer-events:none !important;
}
#kta-modal .kta-toast {
	position:absolute !important;
	top:12px;
	left:50% !important;
	transform:translateX(-50%) !important;
	max-width:calc(100% - 24px) !important;
	padding:10px 16px !important;
	border-radius:999px !important;
	background:rgba(29,29,31,.92) !important;
	color:#fff !important;
	font-size:14px !important;
	text-align:center !important;
	opacity:0 !important;
	pointer-events:none !important;
	transition:opacity .2s !important;
}
#kta-modal .kta-toast.is-visible {
	opacity:1 !important;
}
/* Seçili nesne paneli: yer ayrılmıştır, böylece tuval zıplamaz. */
#kta-modal .kta-panel {
	position:relative !important;
	display:flex !important;
	align-items:center !important;
	min-height:68px !important;
	padding:0 !important;
	border-top:1px solid var(--kta-border) !important;
	background:var(--kta-bg) !important;
}
#kta-modal .kta-hint {
	margin:0 !important;
	width:100% !important;
	padding:0 16px !important;
	text-align:center !important;
	color:var(--kta-muted) !important;
	font-size:14px !important;
}
#kta-modal .kta-bar {
	display:flex !important;
	flex-direction:column !important;
	gap:8px !important;
	width:100% !important;
	padding:10px 0 !important;
}
#kta-modal .kta-row {
	display:flex !important;
	align-items:center !important;
	gap:8px !important;
	padding:0 max(12px, env(safe-area-inset-left)) !important;
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	scrollbar-width:none !important;
	touch-action:pan-x !important;
}
#kta-modal .kta-row::-webkit-scrollbar {
	display:none !important;
}
#kta-modal .kta-count {
	flex:0 0 auto !important;
	margin:0 4px 0 2px !important;
	padding:0 6px !important;
	color:var(--kta-text) !important;
	font-size:14.5px !important;
	font-weight:600;
	white-space:nowrap !important;
}
#kta-modal .kta-iconbtn[aria-pressed="true"] {
	background:var(--kta-accent-soft) !important;
	color:var(--kta-accent) !important;
}
#kta-modal.kta-sel-locked [data-kta-text-row],
#kta-modal.kta-sel-locked [data-kta-frame-row] {
	opacity:.42 !important;
	pointer-events:none !important;
}
#kta-modal .kta-ctrl-row {
	display:flex !important;
	align-items:center !important;
	gap:8px !important;
	width:100% !important;
	padding:14px max(12px, env(safe-area-inset-left)) !important;
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	scrollbar-width:none !important;
	touch-action:pan-x !important;
}
#kta-modal .kta-ctrl-row::-webkit-scrollbar {
	display:none !important;
}
/* Yazı tipi seçici */
#kta-modal .kta-fontbtn {
	flex:0 0 108px !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:6px !important;
	height:var(--kta-ctl) !important;
	padding:0 8px 0 13px !important;
	border:0 !important;
	border-radius:12px !important;
	background:var(--kta-surface) !important;
	color:var(--kta-text) !important;
	font-size:15px !important;
	font-weight:500;
	line-height:1 !important;
	cursor:pointer !important;
}
#kta-modal .kta-fontbtn span {
	min-width:0 !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
}
#kta-modal .kta-fontbtn .kta-i {
	width:15px !important;
	height:15px !important;
	color:var(--kta-muted) !important;
	stroke-width:2.2 !important;
}
#kta-modal .kta-fontbtn[aria-expanded="true"] {
	background:var(--kta-accent-soft) !important;
}
#kta-modal .kta-fontlist {
	position:absolute !important;
	z-index:5 !important;
	width:236px !important;
	max-height:min(46vh, 340px) !important;
	overflow-y:auto !important;
	padding:6px !important;
	background:#fff !important;
	border-radius:16px !important;
	-webkit-overflow-scrolling:touch !important;
	box-shadow:0 12px 36px rgba(0,0,0,.18), 0 0 0 .5px rgba(0,0,0,.08) !important;
}
#kta-modal .kta-fontlist button {
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	width:100% !important;
	min-height:44px !important;
	padding:0 12px !important;
	border:0 !important;
	border-radius:10px !important;
	background:transparent !important;
	color:var(--kta-text) !important;
	font-size:18px !important;
	text-align:left !important;
	cursor:pointer !important;
}
#kta-modal .kta-fontlist button:hover,
#kta-modal .kta-fontlist button:active {
	background:var(--kta-surface) !important;
}
#kta-modal .kta-fontlist button[aria-selected="true"] {
	background:var(--kta-accent-soft) !important;
}
#kta-modal .kta-fontlist svg {
	width:18px !important;
	height:18px !important;
	fill:none !important;
	stroke:var(--kta-accent) !important;
	stroke-width:2.2 !important;
	stroke-linecap:round !important;
	stroke-linejoin:round !important;
	opacity:0 !important;
}
#kta-modal .kta-fontlist [aria-selected="true"] svg {
	opacity:1 !important;
}
/* Sayısal ayar (punto, harf aralığı, satır aralığı, yarıçap) */
#kta-modal .kta-stepper {
	flex:0 0 auto !important;
	display:inline-flex !important;
	align-items:center !important;
	height:var(--kta-ctl) !important;
	padding:0 2px !important;
	border-radius:12px !important;
	background:var(--kta-surface) !important;
	color:var(--kta-text) !important;
}
#kta-modal .kta-stepper button {
	width:28px !important;
	height:calc(var(--kta-ctl) - 4px) !important;
	display:grid !important;
	place-items:center !important;
	padding:0 !important;
	border:0 !important;
	border-radius:10px !important;
	background:transparent !important;
	color:var(--kta-text) !important;
	cursor:pointer !important;
}
#kta-modal .kta-stepper button .kta-i {
	width:15px !important;
	height:15px !important;
	stroke-width:2.2 !important;
}
#kta-modal .kta-stepper button:active {
	background:var(--kta-surface-2) !important;
}
#kta-modal .kta-num,
#kta-modal .kta-stepper output {
	width:32px !important;
	height:var(--kta-ctl) !important;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	color:var(--kta-text) !important;
	font-size:14.5px !important;
	font-weight:600;
	text-align:center !important;
	font-variant-numeric:tabular-nums !important;
	outline:none !important;
	-moz-appearance:textfield !important;
}
#kta-modal .kta-stepper output {
	width:auto !important;
	min-width:70px !important;
	display:grid !important;
	place-items:center !important;
	white-space:nowrap !important;
	padding:0 4px !important;
}
#kta-modal .kta-num[data-in="radius"] {
	width:36px !important;
}
#kta-modal .kta-num[data-in="fthick"],
#kta-modal .kta-num[data-in="finset"],
#kta-modal .kta-num[data-in="fcorner"],
#kta-modal .kta-num[data-in="fgap"] {
	width:40px !important;
}
#kta-modal .kta-num:focus {
	background:#fff !important;
	border-radius:8px !important;
	box-shadow:0 0 0 2px var(--kta-accent) !important;
}
#kta-modal .kta-unit {
	margin:0 4px 0 -2px !important;
	font-size:11px !important;
	font-weight:600;
	color:var(--kta-muted) !important;
	white-space:nowrap !important;
}
#kta-modal .kta-unit--lead {
	margin:0 0 0 7px !important;
	font-size:13px !important;
}
#kta-modal .kta-ico {
	display:grid !important;
	place-items:center !important;
	width:22px !important;
	margin-left:3px !important;
	color:var(--kta-muted) !important;
}
#kta-modal .kta-ico .kta-i {
	width:18px !important;
	height:18px !important;
	stroke-width:1.7 !important;
}
/* Seçim grupları (kalın/italik, hizalama, düz/üst/alt yay) */
#kta-modal .kta-seg {
	flex:0 0 auto !important;
	display:inline-flex !important;
	gap:2px !important;
	padding:3px !important;
	border-radius:12px !important;
	background:var(--kta-surface) !important;
}
#kta-modal .kta-seg button {
	width:30px !important;
	height:calc(var(--kta-ctl) - 6px) !important;
	display:grid !important;
	place-items:center !important;
	padding:0 !important;
	border:0 !important;
	border-radius:9px !important;
	background:transparent !important;
	color:#6b6b73 !important;
	cursor:pointer !important;
	transition:background .12s, color .12s, box-shadow .12s !important;
}
#kta-modal .kta-seg button .kta-i {
	width:18px !important;
	height:18px !important;
}
#kta-modal .kta-seg button[aria-pressed="true"] {
	background:#fff !important;
	color:var(--kta-text) !important;
	box-shadow:0 1px 3px rgba(0,0,0,.14), 0 0 0 .5px rgba(0,0,0,.05) !important;
}
#kta-modal .kta-seg button:disabled {
	opacity:.35 !important;
	cursor:default !important;
}
#kta-modal .kta-glyph {
	font-size:16px !important;
	font-weight:700;
	font-style:normal;
	line-height:1 !important;
}
#kta-modal .kta-seg i.kta-glyph {
	font-family:Georgia, "Times New Roman", serif;
	font-style:italic;
	font-weight:600;
}
#kta-modal .kta-iconbtn {
	flex:0 0 auto !important;
	width:var(--kta-ctl) !important;
	height:var(--kta-ctl) !important;
	display:grid !important;
	place-items:center !important;
	padding:0 !important;
	border:0 !important;
	border-radius:12px !important;
	background:var(--kta-surface) !important;
	color:var(--kta-text) !important;
	cursor:pointer !important;
}
#kta-modal .kta-iconbtn .kta-i {
	width:19px !important;
	height:19px !important;
}
#kta-modal .kta-iconbtn:active {
	background:var(--kta-surface-2) !important;
}
/* Hizalama modu ve logo penceresindeki hap düğmeler */
#kta-modal .kta-chip {
	flex:0 0 auto !important;
	display:inline-flex !important;
	align-items:center !important;
	gap:6px !important;
	height:var(--kta-ctl) !important;
	padding:0 15px !important;
	border:0 !important;
	border-radius:12px !important;
	background:var(--kta-surface) !important;
	color:var(--kta-text) !important;
	font-size:14px !important;
	font-weight:500;
	line-height:1 !important;
	white-space:nowrap !important;
	cursor:pointer !important;
}
#kta-modal .kta-chip .kta-i {
	width:17px !important;
	height:17px !important;
	stroke-width:2.2 !important;
}
#kta-modal .kta-chip:active {
	background:var(--kta-surface-2) !important;
}
#kta-modal .kta-chip--done {
	background:var(--kta-accent) !important;
	color:#fff !important;
	font-weight:600;
}
#kta-modal .kta-chip--done:active {
	background:#0062c7 !important;
}
#kta-modal .kta-chip[aria-pressed="true"] {
	background:var(--kta-text) !important;
	color:#fff !important;
}
#kta-modal .kta-chip:disabled {
	opacity:.35 !important;
	cursor:default !important;
}
/* Metin giriş alanı */
#kta-modal .kta-sheet {
	display:flex !important;
	flex-direction:column !important;
	gap:10px !important;
	padding:12px !important;
	padding-bottom:max(12px, env(safe-area-inset-bottom)) !important;
	border-top:1px solid var(--kta-border) !important;
	background:var(--kta-bg) !important;
}
#kta-modal .kta-sheet textarea {
	width:100% !important;
	min-height:84px !important;
	max-height:30vh !important;
	padding:12px 14px !important;
	resize:none !important;
	border:1.5px solid var(--kta-border) !important;
	border-radius:12px !important;
	background:#fff !important;
	color:var(--kta-text) !important;
	font-size:16px !important;
	line-height:1.35 !important;
	outline:none !important;
}
#kta-modal .kta-sheet textarea:focus {
	border-color:var(--kta-accent) !important;
}
#kta-modal .kta-sheet__actions {
	display:flex !important;
	gap:8px !important;
}
#kta-modal .kta-sheet__actions .kta-tool {
	flex:1 !important;
	flex-direction:row !important;
	min-height:50px !important;
	margin:0 !important;
	border-radius:14px !important;
	background:var(--kta-surface) !important;
	font-size:16px !important;
	font-weight:600;
}
#kta-modal .kta-sheet__actions .kta-tool--primary {
	background:var(--kta-accent) !important;
	color:#fff !important;
	padding:0 16px !important;
}
#kta-modal.kta-editing .kta-panel,
#kta-modal.kta-editing .kta-toolbar {
	display:none !important;
}
/* Logo penceresi */
#kta-modal .kta-logo-preview {
	position:relative !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	height:clamp(110px, 24vh, 200px) !important;
	background:#fff !important;
	overflow:hidden !important;
	border:1.5px solid var(--kta-border) !important;
	border-radius:12px !important;
}
#kta-modal .kta-logo-preview svg {
	width:100% !important;
	height:100% !important;
	display:block !important;
}
#kta-modal .kta-loader {
	position:absolute !important;
	inset:0;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:10px !important;
	background:rgba(255,255,255,.88) !important;
	font-size:15px !important;
	font-weight:600;
}
#kta-modal .kta-spinner {
	width:20px !important;
	height:20px !important;
	border:3px solid var(--kta-border) !important;
	border-top-color:var(--kta-accent) !important;
	border-radius:50% !important;
	animation:kta-spin .8s linear infinite !important;
}
@keyframes kta-spin { to { transform: rotate(360deg); } }
#kta-modal .kta-logo-msg {
	margin:0 !important;
	font-size:14px !important;
	color:var(--kta-muted) !important;
	text-align:center !important;
}
#kta-modal .kta-logo-controls {
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
}
#kta-modal .kta-slider {
	flex:1 !important;
	display:flex !important;
	align-items:center !important;
	gap:10px !important;
	font-size:14px !important;
	font-weight:600;
}
#kta-modal .kta-slider input {
	flex:1 !important;
	min-height:48px !important;
	accent-color:var(--kta-accent) !important;
}
/* Alt araç çubuğu */
#kta-modal .kta-toolbar {
	display:flex !important;
	align-items:center !important;
	gap:2px !important;
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	scrollbar-width:none !important;
	padding:6px 6px !important;
	padding-bottom:max(8px, env(safe-area-inset-bottom)) !important;
	border-top:1px solid var(--kta-border) !important;
	background:var(--kta-bg) !important;
}
#kta-modal .kta-toolbar::-webkit-scrollbar {
	display:none !important;
}
#kta-modal .kta-tool {
	flex:1 1 auto !important;
	min-width:40px !important;
	min-height:52px !important;
	padding:6px 4px !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	gap:3px !important;
	border:0 !important;
	border-radius:12px !important;
	background:transparent !important;
	color:var(--kta-text) !important;
	font-size:11px !important;
	font-weight:500;
	line-height:1 !important;
	cursor:pointer !important;
}
#kta-modal .kta-tool .kta-i {
	width:22px !important;
	height:22px !important;
}
#kta-modal .kta-tool:active {
	background:var(--kta-surface) !important;
}
#kta-modal .kta-tool:disabled {
	opacity:.32 !important;
	cursor:default !important;
}
#kta-modal .kta-tool[aria-pressed="true"] {
	background:var(--kta-surface) !important;
	color:var(--kta-accent) !important;
}
#kta-modal .kta-tool--primary {
	flex:0 0 auto !important;
	min-height:46px !important;
	flex-direction:row !important;
	margin-left:2px !important;
	padding:0 14px !important;
	border-radius:999px !important;
	background:var(--kta-accent) !important;
	color:#fff !important;
	font-size:14px !important;
	font-weight:600;
	white-space:nowrap !important;
}
#kta-modal .kta-tool--primary:active {
	background:#0062c7 !important;
}
@media (min-width: 900px) {
	#kta-modal.kta-modal { inset:4vh 5vw; height:auto; border-radius:20px !important; overflow:hidden !important; box-shadow:0 0 0 100vmax rgba(0,0,0,.45), 0 30px 90px rgba(0,0,0,.35) !important; }
	#kta-modal .kta-toolbar { justify-content:center !important; gap:6px !important; }
	#kta-modal .kta-tool { flex:0 0 auto !important; min-width:70px !important; }
	#kta-modal .kta-tool--primary { flex:0 0 auto !important; margin-left:14px !important; }
	#kta-modal .kta-ctrl-row { justify-content:center !important; }
	#kta-modal .kta-bar { flex-direction:row !important; flex-wrap:wrap !important; justify-content:center !important; gap:8px !important; padding:12px 16px !important; }
	#kta-modal .kta-row { display:contents !important; }
	#kta-modal .kta-fontbtn { flex-basis:150px !important; }
}
/* Yakınlaştırma düğmeleri */
#kta-modal .kta-zoom {
	position:absolute !important;
	right:10px !important;
	bottom:34px !important;
	display:flex !important;
	flex-direction:column !important;
	gap:8px !important;
	z-index:2 !important;
}
#kta-modal .kta-zoom__btn {
	min-width:44px !important;
	min-height:44px !important;
	padding:0 10px !important;
	border:0 !important;
	border-radius:999px !important;
	background:rgba(255,255,255,.96) !important;
	color:var(--kta-text) !important;
	box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
	font-size:22px !important;
	font-weight:500;
	line-height:1 !important;
	cursor:pointer !important;
	touch-action:manipulation !important;
}
#kta-modal .kta-zoom__btn[data-kta-zoom-fit] {
	font-size:14px !important;
	font-weight:600;
}
#kta-modal .kta-zoom__btn:disabled {
	opacity:.35 !important;
	cursor:default !important;
}
/* Yön tuşları (hassas kaydırma) */
#kta-modal .kta-nudge {
	position:absolute !important;
	left:10px !important;
	bottom:34px !important;
	display:grid !important;
	grid-template-columns:repeat(3, 44px) !important;
	grid-template-rows:repeat(2, 44px) !important;
	gap:6px !important;
	z-index:2 !important;
}
#kta-modal .kta-nudge[hidden] { display:none !important; }
#kta-modal .kta-nudge__btn {
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:44px !important;
	height:44px !important;
	min-width:44px !important;
	min-height:44px !important;
	padding:0 !important;
	border:0 !important;
	border-radius:12px !important;
	background:rgba(255,255,255,.96) !important;
	color:var(--kta-text) !important;
	box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
	cursor:pointer !important;
	touch-action:none !important;
	-webkit-user-select:none !important;
	user-select:none !important;
	-webkit-touch-callout:none !important;
}
#kta-modal .kta-nudge__btn:active { background:#e7e9ee !important; }
#kta-modal .kta-nudge__btn .kta-i { width:22px !important; height:22px !important; }
#kta-modal .kta-nudge__btn--up { grid-column:2 !important; grid-row:1 !important; }
#kta-modal .kta-nudge__btn--left { grid-column:1 !important; grid-row:2 !important; }
#kta-modal .kta-nudge__btn--down { grid-column:2 !important; grid-row:2 !important; }
#kta-modal .kta-nudge__btn--right { grid-column:3 !important; grid-row:2 !important; }
@media (max-height: 520px) { #kta-modal .kta-nudge { bottom:10px !important; } }
/* Yatay kaydırılabilir şeritlerde kenar ipucu */
#kta-modal .kta-scroll.has-right {
	-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 32px), transparent) !important;
	mask-image:linear-gradient(90deg, #000 calc(100% - 32px), transparent) !important;
}
#kta-modal .kta-scroll.has-left {
	-webkit-mask-image:linear-gradient(270deg, #000 calc(100% - 32px), transparent) !important;
	mask-image:linear-gradient(270deg, #000 calc(100% - 32px), transparent) !important;
}
#kta-modal .kta-scroll.has-left.has-right {
	-webkit-mask-image:linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent) !important;
	mask-image:linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent) !important;
}
/* Çentikli / yatay telefonlar */
#kta-modal .kta-topbar,
#kta-modal .kta-sheet {
	padding-left:max(12px, env(safe-area-inset-left)) !important;
	padding-right:max(12px, env(safe-area-inset-right)) !important;
}
/* Dar telefonlar (360 px): çerçeve satırı kaydırmasız sığsın */
@media (max-width: 380px) {
	#kta-modal [data-kta-frame-row] .kta-seg button { width:26px !important; }
	#kta-modal [data-kta-frame-row] .kta-num { width:34px !important; }
	#kta-modal [data-kta-frame-row] .kta-ico { width:20px !important; margin-left:2px !important; }
}
/* Alçak ekranlar (yatay telefon, açık klavye): her şeyi sıkıştır, tuvale yer bırak */
@media (max-height: 520px) {
	#kta-modal .kta-topbar { padding-top:max(4px, env(safe-area-inset-top)) !important; padding-bottom:4px !important; }
	#kta-modal .kta-title,
#kta-modal .kta-size-label { display:none !important; }
	#kta-modal .kta-btn { min-height:44px !important; }
	#kta-modal .kta-panel { min-height:56px !important; }
	#kta-modal .kta-bar { padding:6px 0 !important; gap:6px !important; }
	#kta-modal .kta-ctrl-row { padding:8px max(12px, env(safe-area-inset-left)) !important; }
	#kta-modal .kta-toolbar { padding-top:6px !important; padding-bottom:max(6px, env(safe-area-inset-bottom)) !important; }
	#kta-modal .kta-tool { min-height:44px !important; flex-direction:row !important; gap:8px !important; }
	#kta-modal .kta-sheet { padding-top:8px !important; gap:8px !important; }
	#kta-modal .kta-sheet textarea { min-height:52px !important; }
	#kta-modal .kta-logo-preview { height:clamp(70px, 30vh, 120px) !important; }
	#kta-modal .kta-zoom { bottom:10px !important; }
}

/* ============================================================================
 * TEMA KORUMASI — WordPress temaları button/input/select/svg/h2/label için
 * genel kurallar yazar (büyük harf, geniş kutu, kalın kenarlık...). Bu dosyadaki
 * tüm tasarım kuralları #kta-modal ile başlar ve !important taşır; böylece tema
 * ne yazarsa yazsın tasarım aracı aynı görünür. (Satır içi stille verilen
 * font-family/weight/style ve modal yüksekliği bilerek !important değildir.)
 * ========================================================================== */
#kta-modal button, #kta-modal input, #kta-modal select, #kta-modal textarea, #kta-modal output, #kta-modal label,
#kta-modal h1, #kta-modal h2, #kta-modal h3, #kta-modal p, #kta-modal span, #kta-modal i, #kta-modal b, #kta-modal em, #kta-modal strong {
	text-transform:none !important; letter-spacing:normal !important; text-shadow:none !important; text-indent:0 !important;
	float:none !important; text-decoration:none !important; word-spacing:normal !important; font-variant:normal;
}
#kta-modal button, #kta-modal input, #kta-modal select, #kta-modal textarea, #kta-modal output {
	margin:0 !important; min-width:0 !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
	background:none !important; box-shadow:none !important; outline-offset:0; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:1.2 !important;
	color:inherit; width:auto !important; height:auto !important; max-width:none !important; filter:none !important; transform:none !important;
	-webkit-appearance:none; appearance:none; display:inline-block !important; position:static; vertical-align:baseline;
}
#kta-modal button:hover, #kta-modal button:focus, #kta-modal button:active { text-decoration:none !important; box-shadow:none !important; outline:0; }
#kta-modal button:focus-visible, #kta-modal input:focus-visible, #kta-modal textarea:focus-visible { outline:2px solid var(--kta-accent) !important; outline-offset:2px; }
#kta-modal label, #kta-modal h1, #kta-modal h2, #kta-modal h3, #kta-modal p { margin:0 !important; padding:0 !important; font-family:inherit; }
#kta-modal svg.kta-i, #kta-modal .kta-fontlist svg { fill:none !important; stroke:currentColor !important; max-width:none !important; }
#kta-modal .kta-fontlist svg { stroke:var(--kta-accent) !important; }
#kta-modal i, #kta-modal em { font-style:inherit; }

/* [hidden] her zaman kazanır (en sonda ve daha yüksek özgüllükte) */
#kta-modal [hidden][hidden], #kta-modal.kta-modal[hidden][hidden], #kta-modal .kta-scroll[hidden][hidden] { display:none !important; }

/* Dar telefonlarda yarıçap kutusunun "mm" birimi gizlenir (R harfi zaten yarıçapı anlatır): elips ayarı ekrana sığsın */
@media (max-width: 430px) {
	#kta-modal .kta-unit--wide { display:none !important; }
}

/* ============================================================================
 * Hazır tasarım seçimi (üründe birden çok hazır tasarım varsa)
 * ========================================================================== */
#kta-modal .kta-picker {
	position:absolute !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	top:var(--kta-top, 56px) !important;
	z-index:8 !important;
	display:flex !important;
	flex-direction:column !important;
	background:var(--kta-bg) !important;
	overflow:hidden !important;
}
#kta-modal .kta-picker[hidden] {
	display:none !important;
}
#kta-modal .kta-picker__head {
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:12px !important;
	padding:16px max(16px, env(safe-area-inset-left)) 6px !important;
}
#kta-modal .kta-picker__titles h3 {
	margin:0 !important;
	padding:0 !important;
	font-size:19px !important;
	font-weight:700 !important;
	line-height:1.25 !important;
	letter-spacing:0 !important;
	text-transform:none !important;
	color:var(--kta-text) !important;
}
#kta-modal .kta-picker__titles p {
	margin:3px 0 0 !important;
	font-size:14px !important;
	line-height:1.4 !important;
	color:var(--kta-muted) !important;
}
#kta-modal .kta-picker__grid {
	display:grid !important;
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)) !important;
	gap:12px !important;
	align-content:start !important;
	padding:12px max(16px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-bottom)) !important;
	overflow-y:auto !important;
	-webkit-overflow-scrolling:touch !important;
	flex:1 !important;
}
#kta-modal .kta-pcard {
	display:flex !important;
	flex-direction:column !important;
	align-items:stretch !important;
	gap:9px !important;
	min-width:0 !important;
	padding:10px !important;
	border:0 !important;
	border-radius:16px !important;
	background:var(--kta-surface) !important;
	color:var(--kta-text) !important;
	text-align:center !important;
	cursor:pointer !important;
	transition:box-shadow .12s, background .12s !important;
}
#kta-modal .kta-pcard:hover,
#kta-modal .kta-pcard:focus-visible {
	box-shadow:0 0 0 2px var(--kta-accent) !important;
	outline:none !important;
}
#kta-modal .kta-pcard:active {
	background:var(--kta-surface-2) !important;
}
#kta-modal .kta-pcard__thumb {
	display:grid !important;
	place-items:center !important;
	min-height:84px !important;
	border-radius:10px !important;
	background:#fff !important;
	box-shadow:0 0 0 .5px rgba(0,0,0,.12) !important;
	overflow:hidden !important;
}
#kta-modal .kta-pcard__thumb img {
	display:block !important;
	width:100% !important;
	height:auto !important;
	max-height:150px !important;
	object-fit:contain !important;
	border:0 !important;
	margin:0 !important;
}
#kta-modal .kta-pcard__name {
	display:block !important;
	font-size:14px !important;
	font-weight:600 !important;
	line-height:1.3 !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
}
#kta-modal .kta-pcard--blank {
	background:transparent !important;
	box-shadow:inset 0 0 0 1.5px #c7c7cc !important;
}
#kta-modal .kta-pcard--blank .kta-pcard__thumb {
	background:transparent !important;
	box-shadow:none !important;
	color:var(--kta-muted) !important;
}
#kta-modal .kta-pcard--blank .kta-i {
	width:30px !important;
	height:30px !important;
}

/* Üst çubuk: kapat (X), "Tasarımlar" düğmesi (ikon + yazı), mobilde başlık yok */
#kta-modal .kta-btn--close {
	color:var(--kta-text) !important;
}
#kta-modal .kta-btn--close .kta-i {
	width:24px !important;
	height:24px !important;
}
#kta-modal .kta-btn--tpl {
	flex-direction:column !important;
	gap:3px !important;
	min-width:64px !important;
	min-height:46px !important;
	margin-right:6px !important;
	padding:5px 10px !important;
	border-radius:12px !important;
	background:var(--kta-accent-soft) !important;
	color:var(--kta-accent) !important;
}
#kta-modal .kta-btn--tpl:active {
	background:#d6e6fb !important;
}
#kta-modal .kta-btn--tpl .kta-i {
	width:20px !important;
	height:20px !important;
}
#kta-modal .kta-btn__label {
	display:block !important;
	font-size:11px !important;
	font-weight:600 !important;
	line-height:1 !important;
	letter-spacing:0 !important;
	text-transform:none !important;
	white-space:nowrap !important;
}
@media (max-width: 899px) {
	#kta-modal .kta-title { display:none !important; }
}

#kta-modal .kta-chip {
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:6px !important;
	flex:0 0 auto !important;
	min-height:44px !important;
	padding:0 14px !important;
	margin:0 !important;
	border:1px solid var(--kta-line, #d9dde3) !important;
	border-radius:12px !important;
	background:#fff !important;
	color:var(--kta-text) !important;
	font:600 14px/1 inherit !important;
	font-family:inherit !important;
	cursor:pointer !important;
}
#kta-modal .kta-chip .kta-i { width:18px !important; height:18px !important; }
#kta-modal .kta-chip[aria-pressed="true"] {
	background:var(--kta-accent-soft) !important;
	color:var(--kta-accent) !important;
	border-color:var(--kta-accent) !important;
}
#kta-modal .kta-chip[hidden] { display:none !important; }

/* Tuval üzerinde yazma (v1.10.0): yazı kutusu görünmez, yazı doğrudan tuvalde görünür. Altta yalnızca İptal / Tamam. */
#kta-modal .kta-sheet:not(.kta-logo-sheet) textarea[data-kta-input] {
	position:fixed !important;
	left:0 !important;
	bottom:0 !important;
	width:1px !important;
	height:1px !important;
	min-height:0 !important;
	max-height:1px !important;
	padding:0 !important;
	border:0 !important;
	opacity:0 !important;
	pointer-events:none !important;
	font-size:16px !important;
}
#kta-modal .kta-sheet:not(.kta-logo-sheet) {
	padding-top:10px !important;
	gap:0 !important;
}

/* Hazır görseller (v1.11.0) */
#kta-modal .kta-gallery__cats {
	display:flex !important;
	flex-wrap:nowrap !important;
	gap:8px !important;
	padding:6px max(16px, env(safe-area-inset-left)) 4px !important;
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	scrollbar-width:none !important;
	flex:0 0 auto !important;
}
#kta-modal .kta-gallery__cats::-webkit-scrollbar { display:none !important; }
#kta-modal .kta-gallery__cats .kta-chip {
	min-height:38px !important;
	padding:0 14px !important;
	border-radius:19px !important;
	white-space:nowrap !important;
	font-size:14px !important;
}
#kta-modal .kta-gallery__grid {
	grid-template-columns:repeat(auto-fill, minmax(96px, 1fr)) !important;
	gap:10px !important;
}
#kta-modal .kta-gallery__grid .kta-pcard { padding:8px !important; gap:6px !important; }
#kta-modal .kta-gallery__grid .kta-pcard__thumb { min-height:0 !important; aspect-ratio:1 !important; padding:10px !important; }
#kta-modal .kta-gallery__grid .kta-pcard__thumb svg { display:block !important; width:100% !important; height:100% !important; }
#kta-modal .kta-gallery__grid .kta-pcard__name { font-size:12.5px !important; font-weight:500 !important; }
#kta-modal .kta-gallery__msg {
	margin:0 !important;
	padding:24px 16px !important;
	text-align:center !important;
	color:var(--kta-muted) !important;
	font-size:15px !important;
}
#kta-modal .kta-gallery__msg[hidden] { display:none !important; }
#kta-modal .kta-btn--img[hidden] { display:none !important; }
@media (max-width:380px) {
	#kta-modal .kta-btn--tpl { min-width:58px !important; padding:5px 6px !important; margin-right:4px !important; }
}

/* Dar telefonlar: üst çubuk (kapat + görseller + hazır tasarımlar + çıktı + geri/ileri) tek satırda kalsın */
@media (max-width:380px) {
	#kta-modal .kta-topbar { gap:2px !important; }
	#kta-modal .kta-topbar .kta-btn--icon { min-width:36px !important; }
	#kta-modal .kta-topbar .kta-btn--tpl { min-width:48px !important; padding:5px 3px !important; margin-right:2px !important; }
	#kta-modal .kta-history { gap:0 !important; }
}