/* AllInOneTools PDF Kit - [aiot_pdf_index] tool directory. Same color tokens as the tool workspaces. */
.aiotk-index {
	--op-paper: #F5F3EC; --op-paper-2: #EBE7DB; --op-white: #FFFFFF; --op-ink: #16181B; --op-ink-70: rgba(22,24,27,.76);
	--op-line: #D6D0C1; --op-line-strong: #B7AF9B; --op-cyan: #0089C4; --op-accent-text: #006A99; --op-radius: 6px;
	--aiotk-ix-display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--aiotk-ix-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
	--ix-mark: var(--op-cyan);
	margin-block: 1.5em; padding: clamp(16px, 3vw, 32px); background: var(--op-paper); color: var(--op-ink);
	border-radius: var(--op-radius); clear: both; text-align: left;
}
.aiotk-index[data-theme="dark"] {
	--op-paper: #121417; --op-paper-2: #181B1F; --op-white: #1E2126; --op-ink: #ECE8DC; --op-ink-70: rgba(236,232,220,.8);
	--op-line: #2C3036; --op-line-strong: #4A5059; --op-cyan: #4CC3F7; --op-accent-text: #6CCBF5;
}
@media (prefers-color-scheme: dark) {
	.aiotk-index[data-theme="system"] {
		--op-paper: #121417; --op-paper-2: #181B1F; --op-white: #1E2126; --op-ink: #ECE8DC; --op-ink-70: rgba(236,232,220,.8);
		--op-line: #2C3036; --op-line-strong: #4A5059; --op-cyan: #4CC3F7; --op-accent-text: #6CCBF5;
	}
}
.aiotk-index .aiotk-ix-cat + .aiotk-ix-cat { margin-top: 32px; }
.aiotk-index .aiotk-ix-title {
	display: flex; align-items: baseline; gap: 12px; margin: 0 0 14px; padding: 0; border: 0;
	font-family: var(--aiotk-ix-display); font-weight: 600; font-size: 1.35em; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--op-ink);
}
.aiotk-index .aiotk-ix-title span { display: inline-flex; align-items: center; gap: 10px; }
.aiotk-index .aiotk-ix-title span::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--ix-mark); flex: none; }
.aiotk-index .aiotk-ix-title small { font-family: var(--aiotk-ix-mono); font-size: .55em; font-weight: 400; color: var(--op-ink-70); }
.aiotk-index .aiotk-ix-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); gap: 12px; }
.aiotk-index .aiotk-ix-grid li { margin: 0; padding: 0; list-style: none; }
.aiotk-index .aiotk-ix-grid li::before, .aiotk-index .aiotk-ix-grid li::marker { content: none; }
.aiotk-index .aiotk-ix-card {
	position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; box-sizing: border-box;
	padding: 16px 40px 16px 16px; background: var(--op-white); border: 1px solid var(--op-line); border-radius: var(--op-radius);
	color: var(--op-ink); text-decoration: none; box-shadow: none; transition: border-color .15s, transform .15s;
}
.aiotk-index a.aiotk-ix-card:hover { border-color: var(--ix-mark); transform: translateY(-2px); }
.aiotk-index a.aiotk-ix-card:focus-visible { outline: 2px solid var(--op-accent-text); outline-offset: 2px; }
.aiotk-index .aiotk-ix-name { font-family: var(--aiotk-ix-display); font-weight: 600; font-size: 1.02em; line-height: 1.3; color: var(--op-ink); }
.aiotk-index .aiotk-ix-sum { font-size: .9em; line-height: 1.5; color: var(--op-ink-70); }
.aiotk-index .aiotk-ix-go { position: absolute; top: 14px; right: 14px; font-family: var(--aiotk-ix-mono); color: var(--op-accent-text); transition: transform .15s; }
.aiotk-index a.aiotk-ix-card:hover .aiotk-ix-go { transform: translateX(3px); }
.aiotk-index .aiotk-ix-card.is-plain { padding-right: 16px; }
.aiotk-index .aiotk-ix-organize { --ix-mark: #3F6B32; }
.aiotk-index .aiotk-ix-convert { --ix-mark: var(--op-cyan); }
.aiotk-index .aiotk-ix-compress { --ix-mark: #D69A00; }
.aiotk-index .aiotk-ix-edit { --ix-mark: #B01A6A; }
.aiotk-index .aiotk-ix-secure { --ix-mark: #A8352A; }
.aiotk-index .aiotk-ix-advanced { --ix-mark: var(--op-ink); }
@media (prefers-reduced-motion: reduce) { .aiotk-index .aiotk-ix-card, .aiotk-index .aiotk-ix-go { transition: none; } .aiotk-index a.aiotk-ix-card:hover { transform: none; } }
.aiotk-index[data-theme="dark"] .aiotk-ix-organize { --ix-mark: #8BC47A; } .aiotk-index[data-theme="dark"] .aiotk-ix-compress { --ix-mark: #F2B632; } .aiotk-index[data-theme="dark"] .aiotk-ix-edit { --ix-mark: #F27AB1; } .aiotk-index[data-theme="dark"] .aiotk-ix-secure { --ix-mark: #F2806F; }
@media (prefers-color-scheme: dark) { .aiotk-index[data-theme="system"] .aiotk-ix-organize { --ix-mark: #8BC47A; } .aiotk-index[data-theme="system"] .aiotk-ix-compress { --ix-mark: #F2B632; } .aiotk-index[data-theme="system"] .aiotk-ix-edit { --ix-mark: #F27AB1; } .aiotk-index[data-theme="system"] .aiotk-ix-secure { --ix-mark: #F2806F; } }