.aicraft-up { width: 100%; max-width: 640px; margin: 0 auto; font-family: inherit; }
.aicraft-up--dark { color: #eee; }
.aicraft-up--light { color: #111; }

.aicraft-up__title { font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.aicraft-up__note { font-size: 13px; opacity: .7; margin-bottom: 14px; line-height: 1.5; }

.aicraft-up__drop {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 6px; padding: 34px 20px; cursor: pointer;
	border: 2px dashed rgba(255,255,255,.3); border-radius: 12px;
	transition: border-color .2s, background .2s; text-align: center;
}
.aicraft-up--light .aicraft-up__drop { border-color: rgba(0,0,0,.25); }
.aicraft-up__drop:hover, .aicraft-up__drop.is-drag { border-color: #00e5ff; background: rgba(0,229,255,.06); }
.aicraft-up__icon { font-size: 30px; opacity: .6; }
.aicraft-up__cta { font-size: 15px; }
.aicraft-up__limit { font-size: 12px; opacity: .55; }

.aicraft-up__list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.aicraft-up__row {
	display: flex; align-items: center; gap: 10px;
	padding: 8px 10px; border-radius: 8px; font-size: 13px;
	background: rgba(255,255,255,.06);
}
.aicraft-up--light .aicraft-up__row { background: rgba(0,0,0,.05); }
.aicraft-up__thumb { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; background: rgba(0,0,0,.3); }
.aicraft-up__link { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; text-decoration: underline; opacity: .85; }
.aicraft-up__state { font-size: 12px; opacity: .7; flex: 0 0 auto; }
.aicraft-up__state--ok { color: #35d07f; }
.aicraft-up__state--err { color: #ff5a5a; }

.aicraft-up__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .85; }

.aicraft-up__result { margin-top: 16px; padding: 14px; border-radius: 10px; background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.3); }
.aicraft-up--light .aicraft-up__result { background: rgba(0,120,140,.06); border-color: rgba(0,120,140,.25); }
.aicraft-up__result-label { font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.aicraft-up__linkrow { display: flex; gap: 8px; }
.aicraft-up__linkfield {
	flex: 1; min-width: 0; padding: 10px 12px; border-radius: 8px; font-size: 14px;
	border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.25); color: inherit;
}
.aicraft-up--light .aicraft-up__linkfield { background: #fff; border-color: rgba(0,0,0,.2); }

.aicraft-up__copy {
	padding: 10px 18px; border: none; border-radius: 8px; flex: 0 0 auto;
	background: #00e5ff; color: #06222a; font-weight: 700; cursor: pointer; font-size: 14px;
}
.aicraft-up__copy:hover { filter: brightness(1.08); }