.wt-tool {
	background: var(--fuse-mode-bg, var(--fuse-white));
	border: 1px solid var(--fuse-mode-border, var(--fuse-border));
	border-radius: var(--fuse-radius-lg, 16px);
	padding: var(--fuse-spacing-xl, 32px);
	box-shadow: var(--fuse-shadow-soft, 0 8px 20px rgba(0, 0, 0, 0.06));
	max-width: 100%;
	box-sizing: border-box;
}

.wt-card h3,
.wt-card h4 {
	color: var(--fuse-mode-heading, var(--fuse-tertiary));
	margin-top: 0;
}

.wt-name label,
.wt-card label {
	display: block;
	margin-bottom: 6px;
	color: var(--fuse-mode-text, var(--fuse-tertiary));
	font-weight: 600;
}

.wt-name input,
.wt-card input,
.wt-card textarea {
	width: 100%;
	padding: 12px 14px;
	border-radius: var(--fuse-radius-md, 10px);
	border: 1px solid var(--fuse-mode-border, var(--fuse-border));
	background: var(--fuse-mode-field-bg, var(--fuse-white));
	color: var(--fuse-mode-text, var(--fuse-tertiary));
	box-sizing: border-box;
	margin-bottom: 16px;
}

.wt-card textarea {
	resize: vertical;
}

.wt-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.wt-breathing-visual {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 3px solid var(--fuse-primary);
	margin: 16px auto;
	transition: transform 0.8s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--fuse-primary);
	font-weight: 600;
}

.wt-reframe-output {
	margin-top: 16px;
	padding: 14px;
	border-radius: var(--fuse-radius-md, 10px);
	background: var(--fuse-mode-muted, var(--fuse-grey-50));
}

.wt-step {
	display: none;
}

.wt-step.active {
	display: block;
}

.wt-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.wt-option {
	border: 1px solid var(--fuse-mode-border, var(--fuse-border));
	background: var(--fuse-mode-field-bg, var(--fuse-white));
	color: var(--fuse-mode-text, var(--fuse-tertiary));
	border-radius: var(--fuse-radius-md, 10px);
	padding: 10px 14px;
	cursor: pointer;
	transition: background-color var(--fuse-transition-base), border-color var(--fuse-transition-base);
}

.wt-tool .wt-option.selected {
	background: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

.theme-day .wt-tool .wt-option.selected {
	color: #ffffff !important;
}

.theme-night .wt-tool .wt-option.selected {
	color: #ffffff !important;
}

.wt-asking-responses {
	margin-top: 12px;
}

.wt-choose-another {
	margin-top: 12px;
}

.wt-focusing-summary {
	margin-top: 16px;
	padding: 14px;
	border-radius: var(--fuse-radius-md, 10px);
	background: var(--fuse-mode-muted, var(--fuse-grey-50));
}


.wt-journal-feedback,
.wt-journal-entries {
	margin-top: 16px;
	padding: 14px;
	border-radius: var(--fuse-radius-md, 10px);
	background: var(--fuse-mode-muted, var(--fuse-grey-50));
}

.wt-values-summary {
	margin-top: 16px;
	padding: 14px;
	border-radius: var(--fuse-radius-md, 10px);
	background: var(--fuse-mode-muted, var(--fuse-grey-50));
}


.wt-values-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.wt-values-item {
	text-align: center;
}

.wt-values-item.selected {
	background: var(--fuse-primary);
	color: var(--fuse-white);
	border-color: var(--fuse-primary);
}

@media (max-width: 768px) {
	.wt-tool {
		padding: var(--fuse-spacing-lg, 24px);
	}
	.wt-breathing-visual {
		width: 110px;
		height: 110px;
	}
}